-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (171 loc) · 6.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>iEducate - Transfroming and Shaping Youth Lives</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav class="navbar background h-nav-resp">
<ul class="nav-list v-class-resp">
<div class="logo"><img src="log.jpg" alt="logo" /></div>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
<div class="rightNav v-class-resp">
<input type="text" name="search" placeholder="search" id="search" />
<button class="btn btn-sm">Search</button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="background firstSection">
<div class="box-main">
<div class="firstHalf">
<p class="text-big">The future of Education is here</p>
<p class="text-small">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti
ullam ab reiciendis enim explicabo fuga, quam earum nemo eum natus
commodi odio! Ipsum ullam cum neque sunt unde veniam similique
labore ex inciduesin
</p>
<div class="buttons">
<button class="btn">Subscribe</button>
<button class="btn">Enroll now</button>
</div>
</div>
<div class="secondHalf">
<img src="log.jpg" alt="laptop image" />
</div>
</div>
</section>
<div class="main">
<section class="section">
<div class="paras">
<p class="sectionTag text-big">The end of your search is here</p>
<p class="sectionSubTag text-small">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis
saepe sunt ad in possimus cum iure, illo eos eum praesentium dolores
corrupti aspernatur arct doloremque culpa itaque eaque omnis
similique repellendus provident quidem voluptatibus, quod ab ipsa
expedita rem quibusdam voluptate! Enim similique dolorum libero,
corporis doloremque ipsam tempora voluptates, in totam adipisci
minima obcaecati est quia recusandae temporibus vel sed iusto, quae
praesentium alias modi mollitia cupiditate exercitationem aliquid!
Qui aperiam illo, ad, tenetur vel adipisci dignissimos perspiciatis
explicabo facere totam! Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Maiores tempora distinctio voluptate laboriosam
quisquam, quod fugit nesciunt assumenda corporis ex provident maxime
placeat, nostrum architecto quis repellat. Minima, ipsum dolorem!
</p>
</div>
<div class="thumbnail">
<img
src="https://source.unsplash.com/900x900/?coding,tech"
alt="image"
class="imgFluid"
/>
</div>
</section>
<section class="section section-left">
<div class="paras">
<p class="sectionTag text-big">Transforming Education in India</p>
<p class="sectionSubTag text-small">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis
saepe sunt ad in possimus cum iure, illo eos eum praesentium dolores
corrupti aspernatur architecto, dolorem nobis molestiae. Asperiores
sit cumque qui accusamus laudantium quibusdam harum eveniet commodi
perspiciatis nisi accusantium enim, hic quod molestiae, ipsa placeat
sapiente at amet perferendis! Aliquam sapiente itaque iure non at
hic similique rem, quidemdipisci dignissimos perspiciatis explicabo
facere totam! Lorem ipsum dolor sit, amet consectetur adipisicing
elit. Voluptates voluptate quisquam enim commodi consequatur
obcaecati quasi illum suscipit deleniti. Porro tenetur accusantium
commodi suscipit officiis sint minima odit illum praesentium!
</p>
</div>
<div class="thumbnail">
<img
src="https://source.unsplash.com/900x900/?5G,innovation"
alt="image"
class="imgFluid"
/>
</div>
</section>
<section class="section">
<div class="paras">
<p class="sectionTag text-big">
Just go for it don't wait untill you achieve it
</p>
<p class="sectionSubTag text-small">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis
saepe sunt ad in possimus cum iure, illo eos eum praesentium dolores
corrupti aspernatur architecto, dolorem nobis molestiae. Asperiores
sit cumque ribus vel sed iusto, quae praesentium alias modi mollitia
cupiditate exercitationem aliquid! Qui aperiam illo, ad, tenetur vel
adipisci dignissimos perspiciatis explicabo facere totam! Lorem
ipsum dolor sit amet consectetur adipisicing elit. Veniam magni
molestias facilis quia deleniti, voluptatem repellat quo tempora
rerum ratione debitis officia repudiandae esse nam exercitationem.
Odio et numquam maiores. Lorem ipsum dolor sit amet consectetur
adipisicing elit. Ad ipsum voluptatibus, mollitia excepturi nesciunt
reiciendis nihil sapiente voluptas porro velit dignissimos sunt unde
veniam cupiditate repellat neque et voluptate quaerat.
</p>
</div>
<div class="thumbnail">
<img
src="https://source.unsplash.com/900x900/?tech,website"
alt="image"
class="imgFluid"
/>
</div>
</section>
</div>
<section class="contact">
<h2 class="text-center">Contact Us</h2>
<div class="form">
<input
class="form-input"
type="text"
name="name"
id="name"
placeholder="Enter your name"
/>
<input
class="form-input"
type="text"
name="age"
id="age"
placeholder="Enter your age"
/>
<input
class="form-input"
type="email"
name="email"
id="email"
placeholder="Enter your email"
/>
<textarea
class="form-input"
name=""
id=""
cols="30"
rows="10"
placeholder="Elaborate your concern"
></textarea>
<button class="btn btn-dark">Submit</button>
</div>
</section>
<footer>
<p>Copyright © 2020 iEducate.com | All rights reserved</p>
</footer>
<script src="resp.js"></script>
</body>
</html>