-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
251 lines (238 loc) · 12.9 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
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- fontawesome cdn For Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- CSS styling -->
<link rel="stylesheet" href="/style/header.css">
<link rel="stylesheet" href="/style/footer.css">
<link rel="stylesheet" href="/style/home.css">
<title>Home|Geek Reference: ask any problem, anytime</title>
<!-- ==============header menu section starts here============== -->
<header class="header">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="logo">
<a href="/index.html"><img src="/images/logo.jpg" class="img img-fluid" width="270" height="80" alt="logo"></a>
</div>
<button type="button" class="nav-toggler">
<span></span>
</button>
<nav class="nav">
<ul>
<li><a href="/index.html" class="active">home</a></li>
<li><a href="/code/signup.html">new user</a></li>
<li><a href="mailto:info@geekreference.com">contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
<script src="/js/script.js"></script>
</head>
<!-- ==============header menu section ends here============== -->
<body class="bg">
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper)
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>-->
<!-- Option 2: jQuery, Popper.js, and Bootstrap JS-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<!-- ==============Home page starts here============== -->
<!-- ============== carousel section starts here============== -->
<section class="header_carousel" id="header_carousel">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="/images/firstslide.jpg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/images/secondslide.jpg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/images/thirdslide.jpg" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<!-- ============== carousel section end here ============== -->
<!-- ==============Login starts here============== -->
<section class="login-sec">
<div class="row">
<div class="col">
<button class="btn" data-toggle="modal" data-target="#myModal1">
<img src="/images/studentlogin.png" id="image" alt="student-login">
</button>
<div class="modal" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content clearfix">
<!--Close button-->
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<!--Login Content-->
<div class="modal-body">
<h3 class="title">Login Form</h3>
<p class="description">Login here Using Email & Password</p>
<div class="form-group">
<span class="input-icon">
<i class="fa fa-user"></i>
</span>
<input type="email" class="form-control" placeholder="Enter email" required>
</div>
<div class="form-group">
<span class="input-icon">
<i class="fas fa-key"></i>
</span>
<input type="password" class="form-control" placeholder="Password" required>
</div>
<!--remember me-->
<div class="form-group checkbox">
<input type="checkbox"><label>Remember me</label>
</div>
<a href="/code/signup.html" class="signup">New User</a>
<!--Login Button-->
<a href="/code/student.html" class="btn" role="button">Login</a>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<button class="btn" data-toggle="modal" data-target="#myModal2">
<img src="/images/teacherlogin.png" id="image" alt="teacher-login">
</button>
<div class="modal" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content clearfix">
<!--Close button-->
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<!--Login Content-->
<div class="modal-body">
<h3 class="title">Login Form</h3>
<p class="description">Login here Using Email & Password</p>
<div class="form-group">
<span class="input-icon">
<i class="fa fa-user"></i>
</span>
<input type="email" class="form-control" placeholder="Enter email">
</div>
<div class="form-group">
<span class="input-icon">
<i class="fas fa-key"></i>
</span>
<input type="password" class="form-control" placeholder="Password">
</div>
<!--remember me-->
<div class="form-group checkbox">
<input type="checkbox"><label>Remember me</label>
</div>
<a href="/code/signup.html" class="signup">New User</a>
<!--Login Button-->
<a href="/code/tutor.html" class="btn" role="button">Login</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- login ends here -->
<!-- refer a geek community starts -->
<section class="refer">
<div class="row">
<div class="col-md-6">
<img src="/images/geek.png">
</div>
<div class="col-md-6">
<div class="geek-text">
<h4>Having issues while learning?</h4>
<p>We got you! Ask us regarding your problems anytime you prefer and your "refer a geek" community companions would be more than happy to assist you.</p>
<a href="https://discord.gg/sn8duYfM">Join</a>
</div>
</div>
</div>
</section>
<div class="row" id=gap></div>
<!-- refer a geek community end -->
</body>
<!-- ==============Home page ends here============== -->
<!-- ==============footer starts here============== -->
<footer class="footer">
<div class="container">
<div>
<a href="/index.html"><img src="/images/logo2.jpg" width="150px" class="img img-fluid" alt="logo"></a>
<div class="slogan">
<small>Refer a geek whenever having any doubt</small>
</div>
</div>
<br>
<div class="row">
<div class="footer-col">
<h4>Company</h4>
<ul>
<li><a href="/code/about.html">About us</a></li>
<li><a href="/code/terms.html">Terms and Conditions</a></li>
<li><a href="/code/codeofconduct.html">Code of Conduct</a></li>
<li><a href="/code/privacy.html">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-col">
<h4>information</h4>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="mailto:info@geekreference.com?subject = help required&body = Message">Get help</a></li>
<li><a href="mailto:info@geekreference.com?subject = Feedback&body = Message">Feedback</a></li>
<li><a href="mailto:info@geekreference.com?subject = Report an issue&body = Message">Report an issue</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Contact</h4>
<div class="contact">
<ul>
<li><i class="fa fa-map-marker"></i> Visit Us:<br>XYZ street, Sector-12<br>New-Delhi- 012345</li>
<li><a href = "mailto:info@geekreference.com?subject=Feedback"><i style="font-size:16px" class="fa"></i> : info@geekreference.com</a></li>
<li><i style="font-size:16px" class="fa"></i> : +91-98363446**</li>
</ul>
</div>
</div>
<div class="footer-col">
<h4>follow us</h4>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
<br>
<div class="border-top">
<h6 class="text-center mt-3">Copyright ©2021 All rights reserved</h6>
</div>
<div class="backtop">
<a id="button" href="#top" class="btn btn-lg btn-outline-danger float-right" role="button">
<i class="fas fa-chevron-up text-dark"></i>
</a>
</div>
</footer>
<!-- ==============footer ends here============== -->
</html>