-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
270 lines (247 loc) · 14.2 KB
/
home.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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Skill Courses">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BitWise Learning</title>
<link rel="icon" type="image/x-icon" href="Images/favicon-1.png">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="nav-nav">
<div class="navbar navbar-expand-lg navbar-light bg-transparent ">
<div class="container-fluid ">
<a class="navbar-brand logo" data-aos="my-slide-right" data-aos-duration="1000" title="Home Page Logo" href="#home">
BITWISE LEARNING
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon text-light "></span>
</button>
<div class="collapse navbar-collapse ul-nav" id="navbarNav">
<ul class="navbar-nav nav-bar ">
<li class="nav-item">
<a class="nav-link active nav-a" aria-current="page" data-aos="zoom-out-up" data-aos-delay="300" href="#home" title="Home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active nav-a" aria-current="page" data-aos="zoom-out-up" data-aos-delay="300" href="#aboutus" title="About Us ">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link active nav-a" aria-current="page" data-aos="zoom-out-up" data-aos-delay="300" href="#categories" title="Our Courses ">Categories</a>
</li>
<li class="nav-item">
<a class="nav-link active nav-a" aria-current="page" data-aos="zoom-out-up" data-aos-delay="300" href="#team-members" title="Our team members ">Team Members</a>
</li>
<li class="nav-item">
<a class="nav-link active nav-a" aria-current="page" data-aos="zoom-out-up" data-aos-delay="300" href="#contactus" title="Contact Us">Contact Us</a>
</li>
<li class="nav-item">
</li>
</ul>
</div>
<a class="nav-link active" id="login_btn" aria-current="page" data-aos="my-slide-left " data-aos-delay="300" href="login.html" title="Login Page">Login</a>
</div>
</div>
</div>
<!-- End of navigation bar -->
<main>
<a href="#home" title="Scroll Up" class="scroll-up" aria-label="Scroll Up" ></a>
<div class="homepage main-div " id="home">
<div class="hometext" style="user-select: none;">BITEWISE LEARNING</div>
<div class="custom-shape-divider-bottom-1698907586">
<svg
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1200 120"
preserveAspectRatio="none"
>
<path
d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z"
class="shape-fill"
></path>
</svg>
</div>
</div>
<!-- end of HOME page -->
<div class="about_usPage main-div" id="aboutus" >
<div class="about-us-heading mp-heading" data-aos="slide-down" >About Us </div >
<div class="text-img-abpage">
<div class="about-us-image" data-aos="slide-right"
data-aos-offset="200"
data-aos-duration="1000"></div>
<div class="About-Us-content" data-aos="slide-left"
data-aos-offset="200"
data-aos-duration="1000" >Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat autem libero ipsum possimus expedita perspiciatis, in modi nulla sit excepturi aliquid perferendis reprehenderit, quia repellendus iste iusto magni, quos deserunt consectetur. Praesentium asperiores veritatis autem voluptatum, harum ut enim dolores debitis rerum fugiat ad ullam vel quam tenetur in tempore neque repudiandae reiciendis adipisci sit nihil incidunt? Ducimus nesciunt, totam, velit iure voluptates reiciendis quae esse facilis, accusamus praesentium eveniet voluptas. Laboriosam ipsa adipisci enim nobis inventore, molestias libero eligendi ut dolore ullam voluptatibus? Omnis necessitatibus quos quas, deleniti obcaecati autem laudantium, vel dicta tenetur accusantium ipsam amet. Facere, quas!
<button class="ab-btn">Learn More</button>
</div>
</div>
<div class="custom-shape-divider-bottom-1698907586 sdabus ">
<svg
data-name="Layer 2"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1200 120"
preserveAspectRatio="none"
class="ab-svg"
>
<path
d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z"
class="shape-fill shape-aboutus"
></path>
</svg>
</div>
</div>
<!-- end of about us page -->
<div class="categories main-div" id="categories">
<!-- start of ctg div -->
<div class="ctg-heading mp-heading" data-aos="slide-down">Categories</div>
<div class="ctg-card-cont">
<!-- start of card-1 -->
<div class="ctg-card" data-aos="zoom-in" >
<div class="ctg-card-img cc1 " ></div>
<div class="ctg-card-heading">
HTML
</div>
<p class="ctg-card-para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ullam praesentium ut exercitationem illo quidem ducimus quam voluptates eos vel?</p>
</div>
<!-- end of card-1 -->
<!-- start of card-2 -->
<div class="ctg-card" data-aos="zoom-in" >
<div class="ctg-card-img cc2"></div>
<div class="ctg-card-heading">
C + +
</div>
<p class="ctg-card-para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ullam praesentium ut exercitationem illo quidem ducimus quam voluptates eos vel?</p>
</div>
<!-- end of card-2 -->
<!-- start of card-3 -->
<div class="ctg-card" data-aos="zoom-in" >
<div class="ctg-card-img cc3"></div>
<div class="ctg-card-heading">
JAVA
</div>
<p class="ctg-card-para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt ullam praesentium ut exercitationem illo quidem ducimus quam voluptates eos vel?</p>
</div>
<!-- end of card-3 -->
<!-- start of card-view more -->
<div class="ctg-card vm" data-aos="zoom-in" >
<a href="courses.html" title="Courses" target="_blank" rel="noopener noreferrer">View More</a>
</div>
<!-- end of card-view more -->
</div><!-- end of ctg-cards div -->
<!-- shape divider -->
<div class="custom-shape-divider-bottom-1698907586 sd-cg ">
<svg
data-name="Layer 3"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1200 120"
preserveAspectRatio="none"
class="cg-svg"
>
<path
d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z"
class="shape-fill shape-cg"
></path>
</svg>
</div>
<!-- end of shape -->
</div><!-- end of caregories div -->
<!-- Start of our team page -->
<main class="our-team main-div" id="team-members" >
<div class="team-container">
<div class="team-heading mp-heading" data-aos="slide-up">Our Team</div>
<div class="team-card-container">
<!-- starting card 1 -->
<div class="team-card" data-aos="zoom-in-right" >
<img src="Images/profile_photo_1.png" alt="Roshan Suthar profile photo">
<div class="logo-cont">
<a href = "https://github.com/Roshansuthar1105" target="_blank" data-aos="zoom-out-up" data-aos-delay="500" class="logo1 l1 "></a>
<a href = "https://www.linkedin.com/in/roshansuthar/" target="_blank" data-aos="zoom-out-up" data-aos-delay="600" class="logo1 l2 "></a>
<a href = "https://mail.google.com/mail/u/0/?tab=rm&ogbl#inbox?compose=GTvVlcSGMvbbdZNwwWRXDZGSRXrPjVfMjJLtMWLQgnVLjdhmGkqwVsMfZhkxwrbwBqJwsQcNWrwQV" target="_blank" data-aos="zoom-out-up" data-aos-delay="700" class="logo1 l3 "></a>
</div>
<div class="member-name" data-aos="slide-right" data-aos-delay="100" >ROSHAN SUTHAR</div>
<div class="member-work" data-aos="slide-left" data-aos-delay="100" >Web Developer</div>
</div>
<!-- end of card 1 -->
<!-- starting card 2 -->
<div class="team-card" data-aos="zoom-in-left">
<img src="Images/m1.jpg" alt="Sahil Gidwani profile photo">
<div class="logo-cont">
<a href = "#home1" data-aos="zoom-out-up" data-aos-delay="500" class="logo1 l1 "></a>
<a href = "#home1" data-aos="zoom-out-up" data-aos-delay="600" class="logo1 l2 "></a>
<a href = "#home1" data-aos="zoom-out-up" data-aos-delay="700" class="logo1 l3 "></a>
</div>
<div class="member-name" data-aos="slide-left" data-aos-delay="100" >SAHIL GIDWANI</div>
<div class="member-work" data-aos="slide-right" data-aos-delay="100">Web Developer </div>
</div>
<!-- end of card 2 -->
</div>
<!-- end of container -->
</div>
<!-- end of our team -->
</main>
<!-- starting of footer up page -->
<footer>
<div class="footer-hori-div1">
<div class="footer-vertical-div1" data-aos="slide-right" data-aos-delay="50" >
<h2>Get in Touch</h2>
<div><img src="Images/location-pin.png" alt="location-pin" style="height: auto; width: 20px; background-position: center; "> PIET JAIPUR </div>
<div><img src="Images/phone-call.png" alt="mobile no" style="height: auto; width: 20px; background-position: center; "> +91 9876543210 </div>
<div><img src="Images/gmail.png" alt="gmail" style="height: auto; width: 20px; background-position: center; "> [email protected]</div>
<div class="footer-logo">
<a href = "#home1" title="Whatsapp" ></a>
<a href = "#home1" title="Linked In" ></a>
<a href = "#home1" title="location" ></a>
<a href = "#home1" title="gmail" ></a>
</div>
</div>
<div class="footer-vertical-div2" data-aos="fade-up" data-aos-delay="50">
<h2>our courses</h2>
<ul>
<li data-aos="zoom-in" data-aos-duration="200" data-aos-delay="50" class="oc-li"><a title=" Explore our courses" href="courses.html">⤷ Web Development</a></li>
<li data-aos="zoom-in" data-aos-duration="200" data-aos-delay="100" class="oc-li"><a title=" Explore our courses" href="courses.html">⤷ App Development</a></li>
<li data-aos="zoom-in" data-aos-duration="200" data-aos-delay="150" class="oc-li"><a title=" Explore our courses" href="courses.html">⤷ JAVA Programming</a></li>
<li data-aos="zoom-in" data-aos-duration="200" data-aos-delay="200" class="oc-li"><a title=" Explore our courses" href="courses.html">⤷ C++</a></li>
<li data-aos="zoom-in" data-aos-duration="200" data-aos-delay="250" class="oc-li"><a title=" Explore our courses" href="courses.html">⤷ SQL</a></li>
</ul>
</div>
<div class="footer-vertical-div3" data-aos="slide-left" data-aos-delay="50">
<h2 id="contactus">GIVE US FEEDBACK</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid ullam hic voluptates illum facilis incidunt, quisquam alias vitae ducimus animi? Maiores tempora quasi cupiditate. Magnam veniam placeat aspernatur corporis harum incidunt, quia quae numquam saepe maiores ipsum perspiciatis consequuntur enim adipisci, provident praesentium, soluta facilis tempore maxime. Porro, optio vero.</p>
<form action="">
<input required type="text" placeholder="Enter Your Email">
<button class="footer-btn">Sign Up</button>
</form>
</div>
</div>
<div class="footer-hori-div2">
<div class="copyright"> © Copyright Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
<div class="footer-nav">
<ul>
<li>
<a title="FAQ" href = "#home1">FAQ</a>
</li>
<li>
<a title="Policy" href = "#home1">Policy</a>
</li>
<li>
<a title="Copyright" href = "#home1">Copyright</a>
</li>
<li>
<a title="T&C" href = "#home1">T&C</a>
</li>
</ul>
</div>
</div>
</footer>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
function pageload() {
window.location.href = "login.html";
}
</script>
</body>
</html>