-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (92 loc) · 5.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>education</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="mediaqueries.css">
</head>
<body>
<nav class="navbar background h-nav-resp">
<div class="logo v-class-resp">
<img src="https://static.vecteezy.com/system/resources/previews/000/601/304/original/vector-laptop-free-logo-template.jpg" alt="ERROR">
</div>
<ul class="nav-list v-class-resp">
<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="section-1 background">
<div class="s-main">
<div class="left-1">
<h1>The Future Of Education Is Here</h1>
<p>In this world of 7 billion people we need to educate all of them .This is the future of an educated world and we are proud to say that future of education is there.</p>
<div class="btnn">
<a href="#" class="btn1">Suscribe</a>
<a href="#" class="btn2">Watch Video</a>
</div>
</div>
<div class="right-1">
<img src="https://static.vecteezy.com/system/resources/previews/000/601/304/original/vector-laptop-free-logo-template.jpg" alt="ERROR">
</div>
</div>
</section>
<section class="section-2 " id="services">
<div class="first">
<div class="left-2-1">
<h2>The End Of Your Search Is Here</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minima nostrum dolor voluptates facere, eveniet itaque perferendis eius necessitatibus debitis esse amet suscipit nobis ipsa. Voluptates dolor earum ut inventore illo. Sapiente numquam commodi exercitationem quae sequi. Iusto in incidunt accusamus voluptas voluptate ducimus libero, ipsam minima iure inventore repudiandae magni, placeat nemo ratione quibusdam? Eligendi expedita commodi alias soluta fugiat!</p>
</div>
<div class="right-2-1">
<img src="https://images.unsplash.com/photo-1517336714731-489689fd1ca8?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8YXBwbGUlMjBsYXB0b3B8ZW58MHx8MHx8fDA%3D&w=1000&q=80" alt="ERROR">
</div>
</div>
<div class="second">
<div class="left-3-1">
<img src="https://akm-img-a-in.tosshub.com/indiatoday/images/story/202203/macbookairm1_04032022.jpg?size=690:388" alt="ERROR" >
</div>
<div class="right-3-1">
<h2>Transforming Education In India</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minima nostrum dolor voluptates facere, eveniet itaque perferendis eius necessitatibus debitis esse amet suscipit nobis ipsa. Voluptates dolor earum ut inventore illo. Sapiente numquam commodi exercitationem quae sequi. Iusto in incidunt accusamus voluptas voluptate ducimus libero, ipsam minima iure inventore repudiandae magni, placeat nemo ratione quibusdam? Eligendi expedita commodi alias soluta fugiat!</p>
</div>
</div>
<div class="third">
<div class="left-4-1">
<h2>Lets Grow Together</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Minima nostrum dolor voluptates facere, eveniet itaque perferendis eius necessitatibus debitis esse amet suscipit nobis ipsa. Voluptates dolor earum ut inventore illo. Sapiente numquam commodi exercitationem quae sequi. Iusto in incidunt accusamus voluptas voluptate ducimus libero, ipsam minima iure inventore repudiandae magni, placeat nemo ratione quibusdam? Eligendi expedita commodi alias soluta fugiat!</p>
</div>
<div class="right-4-1">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSgoNZX9JmCtG0AIoLnvMmwzfx49_xJxlvyDg&usqp=CAU" alt="ERROR">
</div>
</div>
</section>
<section class="contacts" id="Contact">
<h1 class="text-center">Contact Us</h1>
<div class="form">
<input type="text" name="name" placeholder="Enter Your Name">
<input type="text" name="phone" placeholder="Enter Your Phone Number">
<input type="text" name="email" placeholder="Enter Your Email">
<textarea class="text-area" name="text" id="text" cols="30" rows="10" placeholder="Ellaborate Your Concern"></textarea>
</div>
<div class="submit-button">
<a href="#" class="s-btn">Sumbit</a>
</div>
</section>
<footer class="background">
copyright © 2023 - All rights reserved
</footer>
<script src="resp.js"></script>
</body>
</html>