forked from abhipariharr/Project_Codify
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
287 lines (258 loc) · 16.8 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
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bro-Codify</title>
<link rel="stylesheet" href="index.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg" style="background-color: #ADD8E6;">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="Images/logo.png" alt="Logo" width="115" height="55">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0" style="font-size: 18px; font-weight: 500;">
<li class="nav-item head">
<a class="nav-link active me-3 " aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item head">
<a class="nav-link me-3" aria-current="page" href="askques.html">Ask Question</a>
</li>
<li class="nav-item head">
<a class="nav-link me-3" aria-current="page" href="">Notes</a>
</li>
<li class="nav-item head">
<a class="nav-link me-3" aria-current="page" href="contact.html">Contact us</a>
</li>
<li class="nav-item head">
<a class="nav-link me-3" aria-current="page" href="">Blog</a>
</li>
</ul>
<form class="d-flex head">
<a href="login.html" class="btn btn-outline-success" style="font-size: 18px; font-weight: 500;" role="button">Login</a>
</form>
</div>
</div>
</nav>
<!-- Navbar end -->
<!-- header -->
<div class=" text-center my-4"
style="border-bottom: 3px solid #ADD8E6; width: 100%; font-style: italic; color: #3d5c66;">
<h5 class="mb-4">Welcome Future Developers</h5>
</div>
<!-- Center content -->
<div class="container text-center my-4">
<!-- first row start -->
<div class="row align-items-start">
<div class="col-12 col-md-4 mb-3 mb-md-0">
<img src="Images/2.jpg" alt="image" width="400" class="img-fluid">
</div>
<div class="col-12 col-md-4 mt-md-4">
<h2>Explorer</h2>
<div class="card rounded-4 mt-md-4" style="background-color: #D6E7ED; height: 200px;">
<div class="card-body mt-3">
<!-- Home icon -->
<a href="index.html" class="a-link icon-circle me-4 click">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="26" fill="currentColor"
class="bi bi-house" viewBox="0 0 16 16">
<path
d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z" />
</svg>
</a>
<!-- notes icon -->
<a href="notes.html" class="a-link icon-circle click">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="26" fill="currentColor" class="bi bi-book" viewBox="0 0 16 16">
<path d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/>
</svg>
</a>
<br>
<!-- Video icon -->
<a href="video.html" class="a-link icon-circle me-4 mt-3 click">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="26" fill="currentColor"
class="bi bi-camera-video" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2zm11.5 5.175 3.5 1.556V4.269l-3.5 1.556zM2 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z" />
</svg>
</a>
<!-- Ask Question -->
<a href="askques.html" class="a-link icon-circle mt-3 click">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="26" fill="currentColor"
class="bi bi-chat-dots" viewBox="0 0 16 16">
<path
d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2" />
<path
d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9 9 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.4 10.4 0 0 1-.524 2.318l-.003.011a11 11 0 0 1-.244.637z" />
</svg>
</a>
</div>
</div>
<a class="col-7 btn mt-4 rounded-4 p-2 text-white click" href="askques.html"
style="background-color: #007BFF; font-size: 20px;">Ask Question</a>
<a class="col-7 btn mt-3 rounded-4 p-2 text-white click" href="Course.html"
style="background-color: #007BFF; font-size: 20px;">Our Courses</a>
</div>
<div class="col-12 col-md-4">
<img src="Images/1.jpg" alt="image" width="400" class="img-fluid">
</div>
</div>
<!-- first row end -->
<!-- border -->
<div style="border-bottom: 3px solid #ADD8E6; width: 100%; margin-top: 140px;">
</div>
<!-- second row -->
<div class="container text-center my-4">
<h1 style="font-weight: 700; font-style: italic; font-size: 45px;">One platform to,</h1>
<h2 style="color: #007BFF; font-weight: 700; font-style: italic; font-size: 40px;">ask your doubt</h2>
<p class="mt-4" style="font-size: 16px; text-align: justify; font-weight: 500;">Introducing our
groundbreaking web application, meticulously crafted to address all your coding doubts, challenges, and
learning needs. This innovative platform offers a host of features designed to make your coding journey
smoother and more interactive. One of the standout features is our exclusive "Ask on Chat with Expert"
option, which allows you to directly connect with experienced professionals and mentors. This real-time
interaction enables you to seek personalized guidance, clear up confusion, and receive expert advice
tailored to your specific coding challenges.</p>
<p class="mt-4" style="font-size: 16px; text-align: justify; font-weight: 500;">But that’s not all! Our
platform also offers comprehensive video support, enabling you to communicate your concerns and receive
feedback in a more dynamic and effective way. Whether you’re struggling with a particular code snippet
or just need some advice on best practices, video support ensures that you can express your problems
clearly and get them resolved faster.</p>
<p class="mt-4" style="font-size: 16px; text-align: justify; font-weight: 500;">Whether you’re a beginner
looking to get started or an experienced coder seeking advanced insights, this platform is designed to
help you overcome any coding obstacles you may face. Join us today and experience the transformative
power of a supportive, interactive community that is dedicated to helping you succeed in your coding
journey. Embrace the future of learning and elevate your skills with the resources and support that our
web app provides!</p>
</div>
<!-- third row -->
<!-- border -->
<div style="border-bottom: 3px solid #ADD8E6; width: 100%; margin-top: 100px;">
</div>
<h2 style=" font-weight: 700; font-style: italic; font-size: 35px; margin-top: 20px;">What we offer? Let's see
</h2>
<div class="container d-flex justify-content-center align-items-center">
<div class="row w-100">
<!-- First row -->
<div class="col-md-3 d-flex justify-content-center align-items-center justify-content-md-end">
<img src="Images/learncoding.png" width="130" alt="">
</div>
<div class="col-md-9 d-flex align-items-center">
<p class="ans" style="font-size: 22px; font-weight: 450; margin: 0;">
>We are sharing our knowledge to you to show your intelligence to the world.
</p>
</div>
<!-- Second row -->
<div class="col-md-9 d-flex justify-content-end align-items-center mt-md-0 mt-5">
<p class="ans" style="font-size: 22px; font-weight: 450; margin: 0;">
>Click on the "Ask me" button to ask your question with expert.
</p>
</div>
<div class="col-md-3 d-flex justify-content-center align-items-start justify-content-md-start">
<img src="Images/chatbox.png" width="130" alt="" style="margin: 0;">
</div>
<!-- third row -->
<div
class="col-md-3 d-flex justify-content-center align-items-center justify-content-md-end mt-md-0 mt-5">
<img src="Images/videochat.png" width="130" alt="">
</div>
<div class="col-md-9 d-flex align-items-center">
<p class="ans" style="font-size: 22px; font-weight: 450; margin: 0;">
>Face-to-face interactions make the problems easy peasy,so we provide
you <br>a video solution.
</p>
</div>
<!-- forth row -->
<div class="col-md-9 d-flex justify-content-end align-items-center mt-5 mt-md-0">
<p class="ans mt-5" style="font-size: 22px; font-weight: 450; margin: 0;">
>Are you stuck with your code? Give us a chance. We are always<br>here to solve your problem.
</p>
</div>
<div class="col-md-3 d-flex justify-content-center align-items-start mt-5 justify-content-md-start">
<img src="Images/answer.png" width="130" alt="" style="margin: 0;">
</div>
<!-- fifth row -->
<div class="col-md-3 d-flex justify-content-center align-items-center mt-5 justify-content-md-end">
<img src="Images/teaching.png" width="130" alt="">
</div>
<div class="col-md-9 d-flex align-items-center mt-5">
<p class="ans mt-4" style="font-size: 22px; font-weight: 450; margin: 0;">
>Teachers are those who are willing to help, and we are here just to make <br>your problems
easy.
</p>
</div>
<!-- sixth row -->
<div class="col-md-9 d-flex justify-content-end align-items-center mt-5 ">
<p class="ans" style="font-size: 22px; font-weight: 450; margin: 0;">
>Here you can talk to so many people like you who are making <br>their future in coding.
</p>
</div>
<div class="col-md-3 d-flex justify-content-center align-items-start mt-5 justify-content-md-start">
<img src="Images/askonchat.png" width="130" alt="" style="margin: 0;">
</div>
</div>
</div>
</div>
<!-- End Center content -->
<!-- footer start -->
<footer style="background-color: #ADD8E6; padding: 40px 0;">
<div class="container">
<div class="row text-md-start align-items-start">
<!-- Company Info -->
<div class="col-12 col-md-3 mb-4 mb-md-0">
<img src="Images/logo.png" width="80" height="36" alt="Company Logo" class="mb-3">
<p style="text-align: justify;">Introducing our groundbreaking web application, meticulously crafted to address all your coding doubts, challenges, and learning needs. This innovative platform offers a host of features designed to make your coding journey smoother and more interactive. </p>
</div>
<!-- Company Links -->
<div class="col-12 col-md-3 mb-4 mb-md-0">
<h5>Company</h5>
<ul class="links list-unstyled">
<li><a href="#" class="footer-link d-block mb-2">About</a></li>
<li><a href="#" class="footer-link d-block mb-2">Legal</a></li>
<li><a href="#" class="footer-link d-block mb-2">Work Here</a></li>
<li><a href="#" class="footer-link d-block mb-2">Cookie Policy</a></li>
<li><a href="#" class="footer-link d-block mb-2">Privacy Policy</a></li>
<li><a href="#" class="footer-link d-block mb-2">Terms of Service</a></li>
</ul>
</div>
<!-- social Links -->
<div class="col-12 col-md-3 mb-4 mb-md-0">
<h5>Company</h5>
<ul class="links list-unstyled">
<li><a href="#" class="footer-link d-block mb-2">Instagram</a></li>
<li><a href="#" class="footer-link d-block mb-2">Twitter</a></li>
<li><a href="#" class="footer-link d-block mb-2">Reddit</a></li>
<li><a href="#" class="footer-link d-block mb-2">Facebook</a></li>
<li><a href="#" class="footer-link d-block mb-2">LinkedIn</a></li>
<li><a href="#" class="footer-link d-block mb-2">YouTube</a></li>
</ul>
</div>
<!-- About Us Links -->
<div class="col-12 col-md-3">
<h5>About Us</h5>
<ul class="links list-unstyled">
<li><a href="#" class="footer-link d-block mb-2">Careers</a></li>
<li><a href="#" class="footer-link d-block mb-2">Our Team</a></li>
<li><a href="contact.html" class="footer-link d-block mb-2">Contact Us</a></li>
<li><a href="#" class="footer-link d-block mb-2">News Room</a></li>
<li><a href="#" class="footer-link d-block mb-2">Security and Compliance</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
crossorigin="anonymous"></script>
</body>
</html>