-
Notifications
You must be signed in to change notification settings - Fork 33
/
Copy pathabout.html
237 lines (197 loc) · 11.5 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Secret Coder : About Us</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/icon.png" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Nunito:wght@600;700;800&display=swap"
rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner"
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light shadow sticky-top p-0">
<a href="index.html" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<p class="m-0 fw-bold" style="font-size: 25px;"><img src="img/icon.png" alt="" height="50px">Secret<span
style="color: #fb873f;">Coder</span></p>
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
style="border: none;">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="courses.html" class="nav-item nav-link">Courses</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu fade-down m-0">
<a href="team.html" class="dropdown-item">Our Team</a>
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Contact</a>
<a href="login.html" class="nav-item nav-link"><i class="fa fa-user"></i></a>
<a href="#" class="nav-item nav-link">
<div id="google_translate_element"></div>
</a>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Header Start -->
<div class="container-fluid bg-primary py-5 mb-5 page-header">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-10 text-center">
<h1 class="display-3 text-white animated slideInDown">About Us</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a class="text-white" href="index.html">Home</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">About</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<!-- Header End -->
<!-- About Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5">
<div class="col-lg-12 wow fadeInUp" data-wow-delay="0.3s">
<h6 class="section-title bg-white text-start pe-3">About Us</h6>
<h1 class="mb-4" style="color: #fb873f;">Welcome to Secret Coder</h1>
<p class="mb-4">
At Secret Coder, we believe in accessible, innovative learning experiences that adapt to your
schedule and learning style. Join us in embracing the future of education and unlock your
potential with our immersive online courses.
</p>
<p class="mb-4">Welcome to Secret Coder, where learning knows no boundaries. Our mission
is to empower individuals worldwide through accessible and innovative education. Here's what
sets us apart:</p>
<h3 class="mb-4">Our Vision</h3>
<p class="mb-4">At Secret Coder, we envision a world where learning is accessible to everyone,
regardless of their location, background, or circumstances. We strive to break barriers and make
education a transformative and inclusive experience for all.</p>
<h3 class="mb-4">A Commitment to Excellence</h3>
<p class="mb-4"> We are dedicated to providing top-quality education. Our team collaborates with
industry experts and educators to curate courses that meet the highest standards, ensuring our
learners receive valuable and up-to-date knowledge.</p>
<h3 class="mb-4">Empowering Learners</h3>
<p class="mb-4">We believe in the transformative power of education. Secret Coder is
designed to empower individuals to pursue their passions, advance their careers, and acquire new
skills in a dynamic and supportive environment.</p>
<h3 class="mb-4">Innovation in Learning</h3>
<p class="mb-4">Embracing technology, we offer innovative learning methods and tools. From
interactive modules to live sessions, we're committed to providing a cutting-edge learning
experience that fosters engagement and knowledge retention.</p>
<h3 class="mb-4">Community-Centric Approach</h3>
<p class="mb-4"> Secret Coder is more than just courses; it's a vibrant community. We
encourage collaboration, discussion, and knowledge sharing among learners, fostering an
environment of growth and camaraderie.</p>
<h3 class="mb-4">Diverse and Inclusive Education</h3>
<p class="mb-4">We celebrate diversity in perspectives, cultures, and ideas. Our diverse course
offerings cater to various interests and skill levels, ensuring that everyone finds a learning
path that resonates with them.</p>
<h3 class="mb-4">Continuous Improvement</h3>
<p class="mb-4">We are always evolving. Feedback from our learners helps us continually enhance our
platform, ensuring it remains dynamic, responsive, and aligned with the evolving needs of our
users.</p>
<p class=" mt-5 mb-4">Thank you! for being a part of Secret Coder. Together, let's embark on a
journey of lifelong learning and growth.</p>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-3">Quick Link</h4>
<p><a class="text-light" href="about.html">About Us</a></p>
<p><a class="text-light" href="contact.html">Contact Us</a></p>
<p><a class="text-light" href="">Privacy Policy</a></p>
<p><a class="text-light" href="">Terms & Condition</a></p>
<p><a class="text-light" href="">FAQs & Help</a></p>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-3">Contact</h4>
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>123 Street, Bangalore, Karnataka</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+91 8683045908</p>
<p class="mb-2"><i class="fa fa-envelope me-3"></i>[email protected]</p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<h4 class="text-white mb-3">Subscribe to our Newsletter</h4>
<p>Subscribe now and join our growing community of learners committed to lifelong education! </p>
<div class="position-relative mx-auto" style="max-width: 400px;">
<form action="#">
<input class="form-control border-0 w-100 py-3 ps-4 pe-5" type="email"
placeholder="Your email" required>
<button type="submit"
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2"><a
href="mailto:[email protected]">Subscribe</a></button>
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="index.html">Secret Coder</a>, All Right Reserved.
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>