-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
205 lines (120 loc) · 6.04 KB
/
Index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html>
<head>
<title> HTML 5 Quick Course </title>
<link rel="stylesheet" href="/css/style.css">
<style>
body{
height:4000px;
}
</style>
</head>
<body>
<!-- Heading -->
<h1>Good Morning Everybody</h1>
<!-- Paragraph -->
<p> Lorem <strong>ipsum</strong> <em>dolor</em>, sit amet <small>consectetur</small> adipisicing elit. Repellendus perspiciatis harum animi nobis iure itaque vel nulla, consequuntur amet laudantium aperiam cum facilis sint doloribus voluptates libero consectetur omnis quisquam?
</p>
<a href="https://www.google.com" target="_blank">Link1</a>
<br>
<a href="https://www.google.com" target="_blank">Link2</a>
<!--IMAGE-->
<br>
<div class="niloy">
<img src="/NILOY.jpg" alt="Computer" height="200px" width="250px">
</div>
<!--List-->
<!--unorder list-->
<ul>
<li> item 1 </li>
<li> item 2 </li>
<li> item 3 </li>
<li> item 4 </li>
</ul>
<!--Order List-->
<ol>
<li> item 1 </li>
<li> item 2 </li>
<li> item 3 </li>
<li> item 4 </li>
</ol>
<!--table-->
<table>
<thead>
<tr>
<th>SR</th>
<th>Student Name</th>
<th>Student Email</th>
<th>Student Contact</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Niloy Roy</td>
<td>[email protected]</td>
<td>+8801614100771</td>
</tr>
<tr>
<td>2</td>
<td>Niloy Roy</td>
<td>[email protected]</td>
<td>+8801614100771</td>
</tr>
</tbody>
</table>
<div>
<p>
<h5>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vero consectetur blanditiis velit voluptatem amet aliquid porro veniam dolore sint, repellendus perferendis delectus tempore. Animi ratione quidem architecto dolorem quo eius eos placeat error aut delectus distinctio vitae sed aliquid consectetur et reprehenderit nemo tempora, ad corrupti natus totam ex aperiam iste quisquam! Quia provident ipsum a rerum molestias expedita repellat, harum corrupti id nisi! Possimus adipisci ab dolore, consequuntur tempora vitae accusantium modi qui, atque minus nisi ipsam iste odit quaerat dicta quo sint hic consectetur maiores ut ad placeat tempore? Pariatur quas ad perferendis nihil saepe quisquam cum eaque dicta commodi, nulla expedita sapiente maxime velit aut non provident vel placeat ab illo est voluptatem. Cupiditate, excepturi nostrum maxime quam praesentium distinctio officiis repellat voluptates debitis dicta accusantium. Illo quas voluptates nihil voluptate vero expedita fuga, ratione officia vitae amet. Delectus, fuga. Inventore explicabo hic provident nemo et odit fuga nihil maiores, in consectetur distinctio, dolor placeat molestiae ab quod eum eligendi nobis vel aspernatur impedit ratione. Doloribus velit excepturi unde sapiente minima enim quod? Ducimus velit corrupti natus nihil, harum repellendus iure consectetur facilis! Aspernatur distinctio labore saepe dolor voluptatibus sequi quasi ipsam animi sit iste accusamus quas reprehenderit, magni, a non sed reiciendis, possimus voluptas cumque esse. Natus officia deleniti assumenda perspiciatis consequatur, nostrum maxime! Voluptatum perspiciatis tempora voluptatem qui voluptates veniam illum iusto corporis praesentium enim, corrupti vel fugit omnis atque reiciendis unde, accusantium odio! Molestiae dolores excepturi quos similique natus at, quasi modi quas facilis itaque consectetur tenetur fugiat quisquam illo sequi ipsa aspernatur maiores eveniet neque doloremque. Praesentium debitis facere laborum modi cum aspernatur quasi optio quas eligendi, aliquam nemo tempora a dignissimos nisi deleniti! Corrupti unde aliquid cumque voluptatibus incidunt minima assumenda delectus ducimus accusantium veritatis laboriosam sequi eius iure, molestiae sed iusto voluptas maiores, similique neque deleniti, et velit sint eaque facere! Inventore, tenetur ad minus consectetur voluptatibus ipsam enim labore velit eos asperiores consequuntur temporibus rerum deserunt cupiditate iste corrupti, nisi quibusdam facere sapiente dolorem reprehenderit voluptas nulla, amet corporis! Nihil porro, tempore amet natus commodi at labore, eius aperiam, excepturi repellat et deserunt a facilis autem? Dolore corporis a praesentium animi, odio, explicabo sequi vitae, minus veniam sapiente iusto. Autem dolores dicta aut facilis accusantium, totam deleniti fugiat molestias provident esse quisquam atque explicabo enim voluptatem ad sed? Odio fugit quis facilis, obcaecati dignissimos saepe beatae ea sit explicabo ad perspiciatis tempore eius dicta dolore magnam nesciunt dolores nobis repellat quibusdam voluptate aliquam velit qui? Sunt quisquam, voluptatum facilis, nostrum beatae dolores eum nemo corrupti neque facere ipsum? Error assumenda nostrum natus praesentium qui repellat velit magni officiis, tempore eveniet doloremque vero laborum ad id? Soluta sapiente consectetur nesciunt qui!
</h5>
</p>
</div>
<span>
This is my span
</span>
<br>
<br>
<!--Form-->
<form>
<lable>First Name</lable>
<br>
<input type="text" placeholder="Please enter your Name">
<br>
<lable>Email address</lable>
<br>
<input type="email" placeholder="Please enter your Email">
<br>
<lable>Date Of Birth</lable>
<br>
<input type="date" placeholder="Please enter your Date Of Birth">
<br>
<lable>Number</lable>
<br>
<input type="number" placeholder="Please enter your Number">
<br>
<lable>Password</lable>
<br>
<input type="Password" placeholder="Enter your New Password">
<br>
<br>
<textarea placeholder="Please enter your bio" cols="50" rows="20">
</textarea>
<br>
<br>
<!--Button-->
<input type="submit">
<nav>
<a href="" alt="">Home</a>
<a href="" alt="">Contact</a>
<a href="" alt="">About us</a>
<a href="" alt="">Email</a>
</nav>
<br>
<br>
<button>
Register
</button>
<hr>
</body>
</html>