-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (92 loc) · 5.13 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
<!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">
<title>iEdu - Educating the world</title>
<link rel="shortcut icon" href="/Assets/Project/iEdu/img/iedu-brand.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="/Assets/Project/iEdu/css/style.css">
</head>
<body>
<header class="background">
<div class="logo">
<img src="/Assets/Project/iEdu/img/iedu-brand.png" height="40" width="40" alt="">
</div>
<div class="links">
<ul>
<li><a href="#" class="link">Home</a></li>
<li><a href="#about" class="link">About</a></li>
<li><a href="#contact" class="link">Contact Us</a></li>
</ul>
</div>
<div class="btns">
<button id="btn" class="btn md-target">Book Now</button>
</div>
</header>
<section class="hero background">
<div class="left">
<h1 class="big">The future of education is here</h1>
<p class="small">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut ea quidem, voluptatum asperiores non sint autem. Officia, repellat tempora quas, tenetur minus consequatur, quae sit iusto perspiciatis dolores repellendus velit facilis culpa repudiandae iure? Molestias velit quaerat iste fugiat quos eaque deleniti reprehenderit qui suscipit, accusantium fugit saepe soluta perspiciatis, magni itaque sequi enim! Eaque quasi veritatis qui laudantium, sapiente minima. Earum nesciunt nobis possimus illo labore illum, praesentium dolore! Atque doloribus impedit, perspiciatis in sunt facilis dolor minima animi culpa eum fugiat sed officiis. Ducimus, aliquid deleniti rem esse dicta ratione libero eveniet optio laudantium reprehenderit officiis iure modi?</p>
<button class="btn">Learn More</button>
</div>
<div class="right">
<img src="/Assets/Project/iEdu/img/iedu-brand.png" height="150" width="150" alt="">
</div>
</section>
<section id="about" class="section-2">
<div class="item">
<img src="cats.jpg" alt="" style="border-radius: 5px; margin-right: 8px;" height="150" width="150">
<div>
<h3>The end of your doubts are here</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed sint accusantium illum itaque, sequi labore!</p>
</div>
</div>
<div class="item rev">
<div>
<h3>Learn for free*</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed sint accusantium illum itaque, sequi labore!</p>
</div>
<img src="mt.jpg" alt="" style="border-radius: 5px; margin-right: 8px;" height="150" width="150">
</div>
<div class="item">
<img src="wance-paleri-B6oexorPM_k-unsplash.jpg" alt="" style="border-radius: 5px; margin-right: 8px;" height="150" width="150">
<div>
<h3>Transforming Education in India</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed sint accusantium illum itaque, sequi labore!</p>
</div>
</div>
</section>
<section class="contact" id="contact">
<h1 class="text-center">Contact Us</h1>
<label class="text-left" for="input">Name</label>
<input class="width" type="text" id="input" placeholder="Name">
<label class="text-left" for="email">Email</label>
<input class="width" type="email" placeholder="Email Address" id="email">
<label class="text-left" for="textarea">Message</label>
<textarea class="width mb-5" name="text" id="textarea" cols="20" rows="5">Write your message here...</textarea>
<br>
<button type="submit" class="btn">Submit</button>
</section>
<footer class="background">
<p class="small">© iEdu 2024 - All rights reserved</p>
<div class="btns">
<a href="https://instagram.in" style="font-size: 20px; height: 60px; width: 60px;" class="btn m-5">
<i class="bi bi-instagram"></i>
</a>
<a href="https://fb.com" style="font-size: 20px; height: 60px; width: 60px;" class="btn m-5">
<i class="bi bi-facebook"></i>
</a>
<a href="https://twitter.com/cobratate" style="font-size: 20px; height: 60px; width: 60px;" class="btn m-5">
<i class="bi bi-twitter"></i>
</a>
</div>
</footer>
<button id="top" class="btn lg"><i class="bi bi-chevron-up"></i></button>
</body>
<script src="/Assets/Project/iEdu/js/index.js"></script>
</html>