This repository has been archived by the owner on Aug 8, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
122 lines (113 loc) · 5.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<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>e-education</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav class="navbar background h-nav">
<ul class="nav-list another v-class">
<div class="logo"><img src="./1.jpg" alt="image"></div>
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
<div class="rightnav v-class">
<input type="text" name="search" id="search">
<button class="search" aria-placeholder="Enter Text to Search">Search</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="firstsection background">
<div class="box-main">
<div class="firthalf">
<h1 class="bigtext" >The Future of E-education is here.</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima
doloremque eius dolor.
</p>
<div class="buttons">
<button class="subscribe">Subscribe</button>
<button class="watch">Watch video</button>
</div>
</div>
<div class="secondhalf">
<img src="./1.jpg" alt="" />
</div>
</div>
</section>
<section class="section">
<div class="para">
<p class="sectiontag bigtext">The end of your search is here</p>
<p class="sectionsubtag smalltext">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores
beatae distinctio temporibus quo recusandae odio adipisci ducimus
iusto ipsum amet, possimus quidem accusamus explicabo error, eveniet
vitae fugit doloribus. Iusto impedit harum reprehenderit eius
blanditiis ratione ut molestias, magnam officia quasi nihil sunt quod
hic voluptatem, atque itaque. Repellendus, repellat? Voluptatem
distinctio aliquam in quidem maxime eos expedita, quis commodi saepe,
accusamus praesentium officiis, inventore recusandae iure amet iusto
sunt libero deleniti earum. Tempora dignissimos, eius sunt iusto
aperiam commodi laudantium vitae blanditiis quasi aliquam modi nobis
dicta inventore quis nesciunt hic porro assumenda illum quam at, atque
aspernatur? Voluptate distinctio eos saepe ducimus rerum dolorum
commodi placeat, sapiente vitae neque molestias perferendis veniam
beatae deserunt pariatur, id a delectus, voluptas nulla adipisci ullam
ea ut reprehenderit? Quos illum.
</p>
</div>
<div class="thumb">
<img src="./3.jpg" alt="" />
</div>
</section>
<section class="section" id="services">
<div class="para">
<p class="sectiontag bigtext">Let us go together</p>
<p class="sectionsubtag smalltext">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores
beatae distinctio temporibus quo recusandae odio adipisci ducimus
iusto ipsum amet, possimus quidem accusamus explicabo error, eveniet
vitae fugit doloribus. Iusto impedit harum reprehenderit eius
blanditiis ratione ut molestias, magnam officia quasi nihil sunt quod
hic voluptatem, atque itaque. Repellendus, repellat? Voluptatem
distinctio aliquam in quidem maxime eos expedita, quis commodi saepe,
accusamus praesentium officiis, inventore recusandae iure amet iusto
sunt libero deleniti earum. Tempora dignissimos, eius sunt iusto
aperiam commodi laudantium vitae blanditiis quasi aliquam modi nobis
dicta inventore quis nesciunt hic porro assumenda illum quam at, atque
aspernatur? Voluptate distinctio eos saepe ducimus rerum dolorum
commodi placeat, sapiente vitae neque molestias perferendis veniam
beatae deserunt pariatur, id a delectus, voluptas nulla adipisci ullam
ea ut reprehenderit? Quos illum, dignissimos animi blanditiis beatae
eaque. Odit optio ipsum molestiae error maiores sint aliquam ut, quam
doloremque exercitationem magnam nam reiciendis expedita est iusto
repellat ratione natus fugiat quos eveniet eligendi odio, vero cum!
Suscipit reiciendis a, perspiciatis quaerat error sunt impedit eaque
temporibus inventore, obcaecati dolor cumque eveniet minus asperiores
in officiis et excepturi fugiat dolores placeat libero doloribus
sequi! Doloremque labore officia omnis et consequatur ullam vel
impedit cupiditate hic ut expedita enim neque voluptatem nesciunt
repellat corrupti ea dolores, nostrum vitae voluptates.
</p>
</div>
<div class="thumb">
<img src="./6.jpg" alt="" />
</div>
</section>
<hr>
<p class="text-footer background">
Copyright © 2022-All rights reserved to Ayush Dixit
</p>
</footer>
<script src="./script.js"></script>
</body>
</html>