-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
119 lines (106 loc) · 5.63 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
<!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">
<link rel="stylesheet" href="responsive.css">
<title>iEducate - Transforming Education to new platform</title>
</head>
<body>
<nav class="navbar background h-nav-resp">
<ul class="nav-list v-class-resp">
<div class="logo"><img src="https://source.unsplash.com/900x900/?logo, tech, nature, happy" alt="logo"></div>
<li><a href="#">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" 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">Lorem, ipsum dolor.</p>
<p class="text-small">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Facilis quae blanditiis ad, necessitatibus eaque natus autem voluptatibus totam quos
aut asperiores molestias veritatis sit.</p>
<div class="buttons">
<button class="btn">Praimary</button>
<button class="btn">Click on</button>
</div>
</div>
<div class="secondHalf">
<img src="https://source.unsplash.com/900x900/?javascript,laptop, nature, happy" alt="Laptop Image">
</div>
</div>
</section>
<section class="section">
<div class="paras">
<p class="sectionTag text-big">Lorem ipsum dolor, sit amet. Odio corrupti itaque similique!</p>
<p class="sectionSubTag text-small">Lorem ipsum dolor sit amet consectetur, adipisicin
g elit. Sint ducimus nesciunt, nam neque incidunt quos excepturi itaque consectetur unde necessitatibus?
Temporibus, sed? Voluptates quidem ab delectus a accusantium totam ea culpa neque dignissimos doloremque?
</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/900x900/?coding,apple" alt="laptop image" class="imgFluid">
</div>
</section>
<section class="section section-left" id="about">
<div class="paras">
<p class="sectionTag text-big">Lorem ipsum dolor sit.</p>
<p class="sectionSubTag text-small">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Consequatur voluptates mollitia provident voluptas repellat adipisci pariatur animi distinctio,
deleniti ipsum, illum vero sapiente delectus aperiam similique sed eveniet itaque, sunt et quidem quas
soluta id beatae. Accusamus perferendis sed omnis facilis voluptas doloribus quas debitis fugit? Quam soluta
laborum id, ut quia, illo modi nemo voluptatibus praesentium
maiores exercitationem dolores doloribus itaque aliquid, sapiente animi.</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/900x900/?coding,apple,html" alt="laptop image" class="imgFluid">
</div>
</section>
<section class="section" id="services">
<div class="paras">
<p class="sectionTag text-big">Lets Grow Together</p>
<p class="sectionSubTag text-small">Education began in prehistory, as adults trained the young in the knowledge and skills deemed necessary in their
society. In pre-literate societies, this was achieved orally and through imitation. Story-telling passed knowledge,
values, and skills from one generation to the next. As cultures began to extend their knowledge beyond skills that could
be readily learned through imitation, formal education developed. Schools existed in Egypt at the time of the Middle
Kingdom.</p>
<p class="sectionSubTag text-small">
Matteo Ricci (left) and Xu Guangqi (right) in the Chinese edition of Euclid's Elements published in 1607
Plato founded the Academy in Athens, the first institution of higher learning in Europe.
</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/900x900/?javascript,apple, nature, happy" alt="laptop image" class="imgFluid">
</div>
</section>
<section class="contact" id="contact">
<h1 class="text-center">Contact Us</h1>
<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" name="text" id="text" cols="30" rows="10" placeholder="Ellaborate your concern"></textarea>
<button class="btn btn-sm btn-dark">Submit</button>
</div>
</section>
<footer class="background">
<p class="text-footer">
Copyright © 2027 - www.iEducate.com - All rights reserved
</p>
</footer>
<script src="resp.js"></script>
</body>
</html>