-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (100 loc) · 5.4 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
<!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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="style.css">
<title>iEducate</title>
</head>
<body>
<nav class="navbar background background-resp h-nav">
<div class="logo"><a href="#Home"><img src="/images/logo.png" alt="logo"></a></div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<ul class="nav-list v-class-resp">
<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="search v-class-resp">
<input type="text" name="Search" id="input-search">
<button class="btn-sm">Call Now</button>
</div>
</nav>
<ul class="nav-list-resp nav-display">
<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>
<section class="background firstSection">
<div class="box-main">
<div class="firstHalf">
<h1 class="title">The Future of Education is Here!</h1>
<p class="subtitle">We are a country of a billon people. To make India a super power, it is needed to educate this society. So come and join us in this revolution!</p>
<div class="buttons">
<button class="btn">Subscribe</button>
<button class="btn">Watch Video </button>
</div>
</div>
<div class="SecondHalf">
<img src="/images/apple-ge66e40199_640.jpg" class="img" alt="laptop">
</div>
</div>
</section>
<section class="secRight">
<div class="firstPara">
<p class="tag">The End of Education is Here Now!</p>
<p class="subtag">Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit exercitationem dolore magnam consectetur excepturi molestiae voluptas voluptatibus voluptates doloremque quod possimus animi, repellat cum eius, sunt corrupti quae commodi ex nisi et aperiam reprehenderit! A at quidem molestias fugit ea in nulla, saepe id deleniti impedit facer accusamus sunt ex!</p>
</div>
<div class="thumbnail">
<img src="/images/clement-helardot-95YRwf6CNw8-unsplash.jpg" class="img1" alt="">
</div>
</section>
<section class="secRight1">
<div class="thumbnail">
<img src="/images/clement-helardot-95YRwf6CNw8-unsplash.jpg" class="img1" alt="">
<!-- <img src="https://source.unsplash.com/640x640/?coding" class="img2" alt=""> -->
</div>
<div class="secondPara">
<p class="tag">Rise of the new dawn is Here!</p>
<p class="subtag">Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit exercitationem dolore magnam consectetur excepturi molestiae voluptas voluptatibus voluptates doloremque quod possimus animi, repellat cum eius, sunt corrupti quae commodi ex nisi et aperiam reprehenderit! A at quidem molestias fugit ea in nulla, saepe id deleniti impedit facer accusamus sunt ex!</p>
</div>
</section>
<section class="secRight">
<div class="firstPara">
<p class="tag">The End of Poverty is Here!</p>
<p class="subtag">Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit exercitationem dolore magnam consectetur excepturi molestiae voluptas voluptatibus voluptates doloremque quod possimus animi, repellat cum eius, sunt corrupti quae commodi ex nisi et aperiam reprehenderit! A at quidem molestias fugit ea in nulla, saepe id deleniti impedit facer accusamus sunt ex!</p>
</div>
<div class="thumbnail">
<img src="/images/tianyi-ma-WiONHd_zYI4-unsplash.jpg" class="img1" alt="">
</div>
</section>
<section class="contact">
<h2 class="contactUs">Contact us</h2>
<div class="input">
<input type="text" name="Name" class="name" placeholder="Your Name ...">
<input type="email" name="Email" class="name" placeholder="Your Email...">
<input type="number" name="Phone" class="name" placeholder="Your Phone Number...">
<textarea name="Details" id="details" cols="30" rows="10" class="name" placeholder="Provide Your Details Here ..."></textarea>
<button class="submit">Submit</button>
</div>
</section>
<footer class="footer">
<p> <a class="footerLink" href="https://www.agmarketingservice.co.in/" target="_blank" rel="noopener noreferrer">Copyright © AG.Advisers - All Rights Reserved </a> </p>
<div class="icons">
<p> <i class="fab fa-facebook-f"></i></p>
<p> <i class="fab fab fa-instagram"></i></p>
<p> <i class="fab fab fa-twitter"></i></p>
<p> <i class="fab fab fab fa-linkedin-in"></i></p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>