-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (139 loc) · 8.27 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
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles/styles.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href=" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
<title>Online Course Reservation</title>
</head>
<body>
<header>
<nav>
<div class="list">
<img src="images/logoBL.png" alt="image">
<ul class="nav-ul">
<li class="nav-li"><a href="index.html">Home</a></li>
<li class="nav-li"><a href="about.html">About</a></li>
<li class="nav-li"><a href="browsecourses.html">Browse Courses</a></li>
<li class="nav-li"><a href="faq.html">FAQ</a></li>
</ul>
</div>
</nav>
</header>
<main>
<div class="container">
<div class="text">
<h1>
Develop Your <span>Most
Engaged Workforce.</span> Every Team. Everywhere.
</h1>
<button class="btn btn-dark btn-lg" type="button"><a href="signin.html">Sign UP</a></button>
<button class="btn btn-dark btn-lg" type="button"><a href="login.html">Log In</a></button>
</div>
<div class="img2">
<img class="im2" src="images/Programmer-bro.png" alt="img">
</div>
</div>
<hr>
<div class="search">
<input type="text" class="search-input" name="" class="input">
<button type="submit" class="search-button">Search</button>
</div>
<section id="features">
<div class="row">
<div class="feature-box col-lg-4 ">
<i class="fa-solid fa-laptop fa-4x"></i>
<svg xmlns="http://www.w3.org/2000/svg" height="35" width="35"
viewBox="0 0 640 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
<path
d="M128 32C92.7 32 64 60.7 64 96V352h64V96H512V352h64V96c0-35.3-28.7-64-64-64H128zM19.2 384C8.6 384 0 392.6 0 403.2C0 445.6 34.4 480 76.8 480H563.2c42.4 0 76.8-34.4 76.8-76.8c0-10.6-8.6-19.2-19.2-19.2H19.2z" />
</svg>
<h3>Course Catalog</h3>
<p>Display a catalog of available courses with detailed information </p>
</div>
<div class="feature-box col-lg-4 ">
<i class="fa-solid fa-magnifying-glass fa-5x"></i>
<svg xmlns="http://www.w3.org/2000/svg" height="35" width="35"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
<path
d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
</svg>
<h3>Search and Filters:</h3>
<p>Enable users to search for courses based on various criteria</p>
</div>
<div class="feature-box col-lg-4">
<i class="fa-solid fa-registered fa-10x"></i>
<svg xmlns="http://www.w3.org/2000/svg" height="35" width="35"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
<path
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM160 152c0-13.3 10.7-24 24-24h88c44.2 0 80 35.8 80 80c0 28-14.4 52.7-36.3 67l34.1 75.1c5.5 12.1 .1 26.3-11.9 31.8s-26.3 .1-31.8-11.9L268.9 288H208v72c0 13.3-10.7 24-24 24s-24-10.7-24-24V264 152zm48 88h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H208v64z" />
</svg>
<h3>Enrollment </h3>
<p>Provide a mechanism for users to enroll in courses of their choice</p>
</div>
<div class="feature-box col-lg-4">
<i class="fa-solid fa-user fa-10x"></i>
<svg xmlns="http://www.w3.org/2000/svg" height="35" width="35"
viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
<path
d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z" />
</svg>
<h3>User Profiles</h3>
<p>Allow users to create and manage their profiles</p>
</div>
<div class="feature-box col-lg-4">
<i class="fa-solid fa-universal-access fa-10x"></i>
<svg xmlns="http://www.w3.org/2000/svg" height="35" width="35"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
<path
d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm161.5-86.1c-12.2-5.2-26.3 .4-31.5 12.6s.4 26.3 12.6 31.5l11.9 5.1c17.3 7.4 35.2 12.9 53.6 16.3v50.1c0 4.3-.7 8.6-2.1 12.6l-28.7 86.1c-4.2 12.6 2.6 26.2 15.2 30.4s26.2-2.6 30.4-15.2l24.4-73.2c1.3-3.8 4.8-6.4 8.8-6.4s7.6 2.6 8.8 6.4l24.4 73.2c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-28.7-86.1c-1.4-4.1-2.1-8.3-2.1-12.6V235.5c18.4-3.5 36.3-8.9 53.6-16.3l11.9-5.1c12.2-5.2 17.8-19.3 12.6-31.5s-19.3-17.8-31.5-12.6L338.7 175c-26.1 11.2-54.2 17-82.7 17s-56.5-5.8-82.7-17l-11.9-5.1zM256 160a40 40 0 1 0 0-80 40 40 0 1 0 0 80z" />
</svg>
<h3>Accessibility</h3>
<p>Ensure that the platform is accessible to users with disabilities</p>
</div>
<div class="feature-box col-lg-4">
<i class="fa-solid fa-shield fa-10x"></i>
<svg xmlns="http://www.w3.org/2000/svg" height="35" width="35"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.-->
<path
d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0z" />
</svg>
<h3>Security and Data Privacy</h3>
<p>Implement security measures to protect user data and ensure compliance with data privacy regulations</p>
</div>
</div>
</section>
<div class="companies">
</div>
</main>
<footer>
<div class="container1 footer">
<h2 class="footer-h2">Join Us and Explore the world of learning</h2>
<p class="footer-p text-center">Unlock new possibilities by enrolling in our diverse range of online courses.
Connect with us on social media
for the latest updates and promotions.</p>
<hr>
<p class="footer-p text-center">Thank you for checking out BucketList. I will give my best to make this BucketList
platform as favourite place
to find courses.</p><br>
<div class="footer-links">
<ul class="footer-ul">
<li class="footer-li"><a class="footer-a" href="index.html">Home</a></li>
<li class="footer-li"><a class="footer-a" href="about.html">About</a></li>
<li class="footer-li"><a class="footer-a" href="browsecourses.html">Browse Courses</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>