forked from abhipariharr/Project_Codify
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCourse.html
215 lines (192 loc) · 10.7 KB
/
Course.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Courses</title>
<link rel="stylesheet" href="askques.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>
<style>
.disrci {
font-weight: 500;
}
</style>
<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 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 -->
<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 -->
<div class="container mt-4" style="margin-bottom: 50px;">
<h2 class="text-center mb-5" style="font-weight: 700; font-size: 35px;">Our Courses</h2>
<!-- first row -->
<div class="row">
<!-- web Section -->
<div class="col-md-4 text-center">
<div class="card" style="height: 100%;">
<div class="card-body bg-body-tertiary">
<h5 class="section-heading text-center fs-4">Web Development</h5>
<img src="Images/course/we.jpeg" alt="Right Image" class="img-fluid">
<p class="disrci mt-2 text-left">Master the art of web development! Learn coding, design, and deployment to build stunning, responsive, and user-friendly websites effortlessly.
</p><br>
<a href="Blog.php" class="btn mt-2" style="background-color: #084575; color: white;" target="_blank">Explore More</a>
</div>
</div>
</div>
<!-- App Section -->
<div class="col-md-4 text-center">
<div class="card" style="height: 100%;">
<div class="card-body bg-body-tertiary">
<h5 class="section-heading text-center fs-4" >App Development</h5>
<img src="Images/course/app.jpeg" alt="Right Image" class="img-fluid">
<p class="disrci mt-2 text-left">Unlock app development potential! Learn to create innovative, user-friendly mobile applications for Android and iOS, turning ideas into reality.
</p>
<a href="training.php" class="btn mt-3" style="background-color: #084575; color: white;" target="_blank">Explore More</a>
</div>
</div>
</div>
<!-- DevOPS Section -->
<div class="col-md-4 text-center">
<div class="card" style="height: 100%;">
<div class="card-body bg-body-tertiary">
<h5 class="section-heading text-center fs-4" >DevOPS Technology</h5>
<img src="Images/course/dev.jpeg" alt="Left Image" class="img-fluid">
<p class="disrci mt-2 text-left">Streamline software delivery! DevOps integrates development and operations for faster deployment, efficient workflows, and improved reliability.
</p> <br>
<a href="webinarlist.php" class="btn" style="background-color: #084575; color: white;" target="_blank">Explore More</a>
</div>
</div>
</div>
<!-- Free Resources Section -->
</div>
<!-- 2nd row -->
<div class="row mt-4">
<!-- python Section -->
<div class="col-md-4 text-center">
<div class="card" style="height: 100%;">
<div class="card-body bg-body-tertiary">
<h5 class="section-heading text-center fs-4">Python Couse</h5>
<img src="Images/course/python.jpeg" alt="Right Image" class="img-fluid">
<p class="disrci mt-2 text-left">Learn Python programming! Master versatile skills for web development, data analysis, AI, automation, and more with this powerful language.
</p><br>
<a href="Blog.php" class="btn" style="background-color: #084575; color: white;" target="_blank">Explore More</a>
</div>
</div>
</div>
<!-- java Section -->
<div class="col-md-4 text-center">
<div class="card" style="height: 100%;">
<div class="card-body bg-body-tertiary">
<h5 class="section-heading text-center fs-4" >Java Course</h5>
<img src="Images/course/java.jpeg" alt="Right Image" class="img-fluid">
<p class="disrci mt-2 text-left">Master Java programming! Build robust, platform-independent applications for web, mobile, and enterprise and widely-used language.
</p>
<a href="training.php" class="btn mt-4" style="background-color: #084575; color: white;" target="_blank">Explore More</a>
</div>
</div>
</div>
<!-- C Section -->
<div class="col-md-4 text-center">
<div class="card" style="height: 100%;">
<div class="card-body bg-body-tertiary">
<h5 class="section-heading text-center fs-4" >C Course</h5>
<img src="Images/course/c.jpeg" alt="Left Image" class="img-fluid">
<p class="disrci mt-2 text-left">Dive into C programming! Learn the foundation of modern computing to develop efficient, powerful, and portable software across diverse platforms.
</p> <br>
<a href="webinarlist.php" class="btn" style="background-color: #084575; color: white;" target="_blank">Explore More</a>
</div>
</div>
</div>
<!-- Free Resources Section -->
</div>
</div>
<!-- footer start -->
<footer style="background-color: #ADD8E6; padding: 40px 0; margin-top: 20px;">
<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="#" 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/bootstrap@5.3.3/dist/js/bootstrap.min.js"
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
crossorigin="anonymous"></script>
</body>
</html>