-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
177 lines (176 loc) · 8.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="author" content="Abishek Khanna">
<meta name="description" content="This is sample html forms">
<meta name="keywords" content="web page,css,html,hackathon,input, attributes,audio,video,internship course">
<meta http-equiv="refresh" content="30">
<meta charset="UTF-8">
<link rel="shortcut icon" href="fav.png" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Quicksand&display=swap" rel="stylesheet">
<title>HTML FINAL PROJECT</title>
</head>
<body>
<div class="nav">
<a href="#">Home</a>
<a href="#">About Me</a>
<a href="#">Projects</a>
<a href="#">Promotion Plans</a>
<a href="#">Works</a>
<a href="#">Contact Me</a>
<a href="#">Motto</a>
<a href="#">Others</a>
<p>(+91)9876543210</p>
</div>
<h1 class="intro">Hello, all 👋 This is Abishek Khanna</h1>
<p class="quo"><q>It's really complex to make something simple</q></p>
<section class="abt">
<h1 class="top">About Me</h1>
<p class="cen"><img src="avathar.avif" alt="avathar" height="180px"></p>
<p class="abtme">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Error inventore voluptates modi impedit cumque, omnis, facilis delectus adipisci quod odit quam laudantium nemo vitae excepturi. Eum dolorem aut sunt asperiores?
Corrupti in sapiente totam doloribus officia minus explicabo reiciendis quidem error illum exercitationem consequuntur aliquid et eum sunt velit, molestias magni incidunt repudiandae neque suscipit porro nostrum molestiae? Repudiandae, assumenda.
Nostrum quos ea totam? Fugiat sed, nostrum assumenda consequuntur quae similique fuga laboriosam expedita eius, doloremque corporis! Quisquam, rerum. Ex consectetur veniam repudiandae libero, recusandae voluptates iusto iure voluptate quisquam.
Aliquid magnam dignissimos vitae unde commodi ea iste natus ad maiores debitis, minima facilis odio aspernatur, saepe sunt nihil voluptatibus, explicabo fugiat doloremque pariatur nesciunt perferendis? Unde sunt in vitae?
Tempore laboriosam nulla saepe perferendis quis, esse incidunt fugit aut ut vel obcaecati soluta, est cum sit veniam, dignissimos voluptatum excepturi eligendi aperiam tenetur recusandae? Optio explicabo enim ut tempora.
Deserunt dicta culpa ea fugit quos commodi accusantium optio vero, tempore id iure quibusdam recusandae velit ut laudantium? Facere numquam rerum ducimus dignissimos, beatae enim tenetur distinctio temporibus delectus commodi.
Quod culpa placeat, voluptatem, ullam officia quibusdam ad natus consequatur sunt vero debitis hic voluptas necessitatibus? Molestiae eaque libero earum quidem error? Sunt modi numquam fugiat unde fuga vero doloribus.
Hic nemo molestiae itaque delectus! Cum officiis id error! Minima odit illo, deleniti ratione consequatur, ex provident accusamus quas placeat harum doloribus amet, saepe tempora in numquam veniam dolorem rerum.
Vero quaerat, magni eveniet, earum similique illo id aliquam deserunt voluptate cumque pariatur adipisci corporis, voluptatem provident odit placeat non? Culpa earum doloremque quae inventore iure deleniti illo vero porro.
Vero sunt, praesentium quisquam beatae excepturi, illo repellendus quasi eveniet illum voluptate consectetur expedita, iste soluta? Quibusdam, odit? Consequuntur ea sed suscipit neque inventore ratione, voluptates placeat ut facilis. Molestias.</p>
</section>
<section class="pro">
<h1 class="top">Projects</h1>
<ul id="myp">
<li>Smart Calculator 🖩</li>
<li>BMI Calculator 🖩</li>
<li>Counter App 🗼</li>
<li>Login Page 👨</li>
<li>Student Management System 🏫</li>
<li>Ticket Reservation System 🎫</li>
<li>Chat Bot 🤖</li>
<li>Password Generator 🔑</li>
</ul><br>
</section>
<section class="pp">
<h1 class="top">Promotion Plans</h1>
<table class="ppc">
<tr>
<th>COMPARE ALL PLANS</th>
<th>STARTER</th>
<th>ADVANCE</th>
<th>ENTERPRISE</th>
</tr>
<tr>
<td>1st Month Management Cost</td>
<td>$ 400</td>
<td>$ 900</td>
<td>$ 1200</td>
</tr>
<tr>
<td>Following Month</td>
<td>$ 300</td>
<td>$ 700</td>
<td>$ 900</td>
</tr>
<tr>
<td>Delivery Time frame</td>
<td>3-6 Months</td>
<td>3-6 Months</td>
<td>3-6 Months</td>
</tr>
<tr>
<td>Support 24/7</td>
<td>-</td>
<td><b>Yes</b></td>
<td><b>Yes</b></td>
</tr>
<tr>
<td>Certificate</td>
<td>-</td>
<td><b>Yes</b></td>
<td><b>Yes</b></td>
</tr>
<tr>
<td>Guranteed keywords Ranking in First Page of Google</td>
<td>18</td>
<td>20</td>
<td>28</td>
</tr>
<tr>
<td>Grab Here</td>
<td><button>BUY NOW</button></td>
<td><button>BUY NOW</button></td>
<td><button>BUY NOW</button></td>
</tr>
</table><br>
</section><br>
<section class="if">
<h1 class="top">Our Other Website</h1>
<iframe src="https://www.learningrobo.com/" frameborder="0" height="400px" width="49%"></iframe>
<iframe src="https://w3pupil.com/" frameborder="0" height="400px" width="49%"></iframe><br><br>
</section>
<section class="form">
<h1 class="top">Contact Me</h1>
<form action="#" method="post" autocomplete="on" novalidate>
<label for="name">Name :</label>
<input type="text" name="name" id="name"><br>
<label for="email">E-mail :</label>
<input type="email" name="email" id="email"><br>
<label for="no">Number :</label>
<input type="tel" name="no" id="no"><br>
<label for="quer">Type of Query :</label>
<input list="qns" name="quer" id="quer">
<datalist id="qns">
<option value="Complain">
<option value="Feedback">
<option value="Services">
<option value="Partnership">
<option value="Others">
</datalist><br>
<label for="msg">Message Here :</label><br>
<textarea name="msg" id="msg" cols="30" rows="10">YOUR MESSAGE...</textarea><br>
<input type="submit" value="Submit Here">
</form><br>
</section>
<section class="quotes">
<h1 class="top">Our Motto</h1>
<pre>
<code>
while(noSuccess){
tryAgain();
if(Dead){
break;
}
}
</code>
</pre>
</section>
<section class="prod">
<h1 class="top">Listen Now 🎵</h1>
<audio controls>
<source src="perfect by ed-shreen.mp3" type="audio/mpeg">
</audio><br><br>
</section>
<section class="vprod">
<h1 class="top">Watch Now 🎥</h1>
<video controls width="50%" height="350px">
<source src="nature.mp4" type="video/mp4" >
</video><br><br>
</section>
<section class="rate">
<h1 class="top">Rate My Project ⭐</h1>
<form action="#">
<label for="rat">Rate Here !</label>
<input type="range" name="rat" id="rat" min="0" max="5"><br><br>
<input type="submit" value="Rate Me 😄"><br><br>
</form>
</section>
<section class="cc">
<h4>Copyright © Abishek Khanna All Rights Reserved</h4>
</section>
</body>
</html>