forked from projectX-india/madlab-hack
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
233 lines (223 loc) · 9.8 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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en">
<head>
<script
src="https://kit.fontawesome.com/748431e8ae.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="newstyle.css" />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>my web page</title>
</head>
<body id="INDEX">
<div class="navbar">
<a class="nav" href="index.html">Home</a>
<a class="nav" href="ABOUT.html" target="_blank">About</a>
<a class="nav" href="video.html" target="_blank">GetMovie</a>
<a
class="nav"
href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
target="_blank"
>google</a
>
<a id="ml" href="mailto:rtkpapuri321@gmail.com">email</a>
<a class="nav" href="#section2">ex</a>
<div class="dropdown">
<i class="fa fa-bars" aria-hidden="true"></i>
<div class="dcont">
<a class="nav" href="#section2">Section of ex</a>
<a class="nav" href="#f1">Form Start</a>
<a class="nav" href="#f2">Skill form</a>
</div>
</div>
</div>
<br /><br />
<form id="search" style="color: wheat">
<input type="text" name="fname" id="search" placeholder="Search.." />
</form>
<br /><br />
<br /><br />
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
<br /><br />
<p class="cen">
i am em <strong>ritik</strong> learning <HTML>©
</p>
<div class="hov">
point cursor here to see text
<p class="cen">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Autem sunt
facilis adipisci veritatis optio quis quod neque harum nesciunt suscipit
asperiores nemo magnam officia, voluptatum, at enim? Nam,
odio animi?
</p>
</div>
<br />
<img class="di" src="images/dice_5.png" alt="dice" />
<a href="images/dice_5.png" download>< download image</a><br /><br />
<div class="flex-container">
<div class="box">
<h1>ex1</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde
perferendis nostrum eos omnis rerum, sapiente necessitatibus ullam
excepturi assumenda expedita incidunt corrupti sit, quos tenetur vitae
pariatur consequatur natus commodi ipsum? Quod nobis neque possimus
quisquam similique modi sapiente assumenda consectetur in, fugit omnis
minus velit, officia eos ab, minima eum a reprehenderit aperiam
voluptates nisi ipsam! Nihil aut dolorum eius quas accusantium
facilis, nesciunt itaque! Laborum exercitationem impedit atque eius
dolore aspernatur aperiam magni labore repellat sapiente laudantium,
totam ipsam in cum! Cum perspiciatis laboriosam officia nisi aliquid
modi accusantium consectetur, asperiores doloribus facilis atque neque
ipsam aut delectus minima fuga, pariatur nam odit ipsa nulla veniam
maiores quisquam reprehenderit! Ullam ex aut distinctio excepturi
dolorem! Ut animi voluptatum iste illo ad sapiente eum facilis tempore
magnam officia. Nihil beatae, sequi hic consequatur molestias
voluptas, ex quia quae suscipit ad rerum dicta natus ullam, odit sint
veniam voluptatum! Quibusdam neque illo perspiciatis quas optio
ducimus doloribus odit hic minus? Magni, at eius sequi non sapiente
assumenda explicabo dolores itaque, iusto enim esse. Eveniet magnam
iste voluptates enim deleniti id, nobis dolor fugit quia, totam eos
nihil non consectetur dicta ratione amet ea repellat quaerat ut harum
rem quo adipisci?
</p>
</div>
<div class="box">
<h1 id="section2">ex2</h1>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cumque quia,
beatae accusamus excepturi ducimus numquam quos similique. Est rem,
esse sit ut quisquam eos quo, adipisci alias nulla tempore eum laborum
doloribus error, iste sapiente tempora cupiditate cum voluptate
commodi impedit quas corporis! Magnam ab labore at adipisci
exercitationem ratione fugiat distinctio saepe deleniti, mollitia,
obcaecati commodi, earum explicabo non esse? Velit eum tenetur
molestiae blanditiis facere id! Quos architecto iure quaerat nam
nesciunt, aliquid iusto animi hic excepturi recusandae a alias at ea
eaque. Voluptate temporibus tempora nisi natus mollitia voluptatum
expedita, cupiditate, illum nam totam minus harum error repellat eum,
nulla beatae accusamus incidunt sunt magni maxime voluptas quam alias
qui. Non impedit, exercitationem cumque ratione voluptates doloribus
officia vel sunt mollitia vitae beatae quidem omnis. Delectus numquam
magnam libero molestiae saepe iusto quam quas error vel iste vero
reiciendis ipsum aliquid, officiis, ipsa explicabo cupiditate ea quos
incidunt ducimus aspernatur pariatur. Nobis, magni ullam libero
dignissimos ipsam sapiente facere! Harum cumque quidem neque corporis
magnam iusto repellendus est beatae laudantium libero, nemo ut
reprehenderit repellat nulla nisi veniam cum quasi. Modi dolor est
iusto. Sint commodi debitis eos explicabo. Blanditiis in deserunt
animi doloribus nisi, et ipsa.
</p>
</div>
</div>
<br />
<a href="#">jump to top</a><br /><br />
<form id="f1" style="color: wheat; background-color: black">
<label for="fname">first name</label><br /><br />
<input
type="text"
name="fname"
id="fname"
value="abcd"
readonly
/><br /><br />
<label for="lname">last name</label><br />
<input type="text" name="lname" id="lname" size="30" /><br /><br />
<label for="dob">D.O.B</label><br />
<input type="datetime-local" name="dob" id="dob" /><br /><br />
<label for="resume">Resume</label><br />
<input type="file" name="resume" id="resume" multiple /><br /><br />
<label for="sal">salary(20k-40k)</label><br />
<input type="number" name="sal" id="sal" min="20000" max="40000" />
<br /><br />
<fieldset style="background-color: slategrey">
<legend>Gender</legend>
<input type="radio" name="gender" id="male" />
<label for="male">male</label><br />
<input type="radio" name="gender" id="female" />
<label for="female">female</label><br />
<input type="radio" name="gender" id="other" />
<label for="other">other</label><br />
</fieldset>
<br /><br />
<fieldset style="background-color: slategrey">
<legend>Vehicle</legend>
<label for="vehicle1">Vehicle1</label>
<input type="checkbox" name="vehicle1" id="vehicle1" /><br />
<label for="v2">Vehicle2</label>
<input type="checkbox" name="v2" id="v2" /><br />
<label for="v3">Vehicle3</label>
<input type="checkbox" name="v3" id="v3" /><br />
</fieldset>
<br /><br />
<fieldset style="background-color: slategrey">
<legend>Cars</legend>
<label for="car">Select Car:</label><br />
<select name="car" id="car" size="4">
<option value="i20">i20</option>
<option value="Jaguar">Jaguar</option>
<option value="farari">Farari</option>
<option value="santro">Santro</option></select
><br />
</fieldset>
<br /><br />
<fieldset style="background-color: slategrey">
<legend>Skills</legend>
<form id="f2">
<input list="skill" name="skill" />
<datalist id="skill">
<option value="Web"></option>
<option value="Android"></option>
<option value="Machine Learning"></option>
<option value="Front End"></option>
<option value="Back End"></option>
</datalist>
</form>
</fieldset>
<label for="gsearch">Search Google:</label><br />
<input type="search" id="gsearch" name="gsearch" />
<input type="submit" value="Search" /><br />
<label for="phone">Enter a phone number:</label><br /><br />
<input
type="tel"
id="phone"
name="phone"
placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"
required
/><br /><br />
<small>Format: 123-45-678</small><br /><br />
<label for="week">Select a week:</label>
<input type="week" id="week" name="week" /><br />
<fieldset>
<legend>Rate your skill</legend>
<form oninput="x.value=parseInt(a.value)">
0
<input type="range" name="a" id="a" value="100" min="0" max="200" />
200 =
<output name="x" for="as"></output>
</form>
</fieldset>
<fieldset>
<legend>Description of yourself.</legend>
<label for="desc">Description:</label><br />
<textarea name="desc" id="desc" cols="30" rows="10"></textarea><br />
</fieldset>
<label for="favcol">Select fav color:</label>
<input type="color" name="Favcolor" id="favcol" /><br />
<button type="button" onclick="alert('Data Saved!')">Save Info</button
><br />
<label for="pin">PIN:</label><br />
<input type="text" id="pin" name="pin" maxlength="4" size="4" /><br />
<input type="submit" value="Submit Info" />
<input type="reset" value="Reset" />
</form>
</body>
</html>