-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (141 loc) · 5.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>iEducate - Transforming Online Education</title>
</head>
<body>
<nav class="navbar background">
<div class="logo"><img src="laptop-img.jpeg" alt="logo" /></div>
<ul class="nav-list">
<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</a></li>
</ul>
<div class="rightNav">
<input type="text" name="search" id="search" />
<button class="btn btn-sm">Search</button>
</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">
In the worlsd of 7 billion people we need to iEducate all of them
and we will do. This is the future
</p>
<div class="buttons">
<button class="btn">Subscribe</button>
<button class="btn">Watch Video</button>
</div>
</div>
<div class="secondHalf">
<img src="laptop-img.jpeg" alt="laptop img" />
</div>
</div>
</section>
<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. Saepe fugiat
nisi consequuntur, quaerat sapiente voluptatum praesentium quod
maiores, aliquam velit quasi impedit fuga provident? Eum, tenetur
dolorum, aut deserunt eos facilis saepe accusamus, voluptatibus eius
sapiente impedit ut cum placeat a vel perspiciatis ullam unde
exercitationem, dicta non, corrupti quas deleniti culpa temporibus.
Amet, tempora ipsum facilis eveniet adipisci quisquam laboriosam
officiis asperiores deserunt cupiditate explicabo rem, porro accusamus
iusto? Nulla vero minima fugit rerum inventore provident consequatur.
Vitae eius unde libero, ea quo placeat officia nesciunt. Dignissimos
ex maiores laboriosam commodi esse dicta odit aliquid veritatis!
Laborum soluta eum consequatur aperiam, harum repellat ea vitae
mollitia asperiores natus deleniti itaque eos in iste neque!
</p>
</div>
<div class="thumbnail">
<img src="laptop-img.jpeg" alt="laptop-img" 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. Saepe fugiat
nisi consequuntur, quaerat sapiente voluptatum praesentium quod
maiores, aliquam velit quasi impedit fuga provident? Eum, tenetur
dolorum, aut deserunt eos facilis saepe accusamus, voluptatibu
officiis asperiores deserunt cupiditate explicabo rem, porro accusamus
iusto? Nulla vero minima fugit rerum inventore provident consequatur.
Vitae eius unde libero, ea quo placeat officia nesciunt. Dignissimos
ex maiores laboriosam commodi esse dicta odit aliquid veritatis!
Laborum soluta eum consequatur aperiam, harum repellat ea vitae
mollitia asperiores natus deleniti itaque eos in iste neque!
</p>
</div>
<div class="thumbnail">
<img src="laptop-img.jpeg" alt="laptop-img" class="imgFluid" />
</div>
</section>
<section class="section">
<div class="paras">
<p class="sectionTag text-big">Lets row Together</p>
<p class="sectionSubTag text-small">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe fugiat
nisi consequuntur, quaerat sapiente voluptatum praesentium quod
maiores, aliquam velit quasi impedit fuga provident? Eum, tenetur
dolorum, aut deserunt eos facilis saepe accusamus, voluptatibus
officia voluptates autem sapiente debitis excepturi dolor fugiat ut
odit quibusdam vero! Nemo, enim assumenda adipisci quo consequatur,
mollitia asperiores natus deleniti itaque eos in iste neque!
</p>
</div>
<div class="thumbnail">
<img src="laptop-img.jpeg" alt="laptop-img" class="imgFluid" />
</div>
</section>
<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="phone"
id="phone"
placeholder="Enter Your Phone"
/>
<input
class="form-input"
type="email"
name="email"
id="email"
placeholder="Enter Your email"
/>
<textarea
class="form-input"
type="text"
name="text"
id="text"
cols="30"
rows="10"
placeholder="Ellaborate your concern"
></textarea>
<button class="btn btn-dark">Submit</button>
</div>
</section>
<footer>
<p class="text-footer">Copyright ©2027 - All rights reserved</p>
</footer>
</body>
</html>