-
Notifications
You must be signed in to change notification settings - Fork 0
/
events.html
195 lines (161 loc) · 8.3 KB
/
events.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Family Welfare Foundation</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/logo-color.png" rel="icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Mentor
* Updated: Sep 18 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/mentor-free-education-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center">
<!-- Navbar Logo -->
<a href="index.html" class="logo me-auto"><img src="assets/img/logo-color.png" alt="" class="img-fluid"></a>
<!-- Navbar Logo -->
<nav id="navbar" class="navbar order-last order-lg-0">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="team.html">Team</a></li>
<li><a class="active" href="events.html">Events</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
<!-- navbar -->
<a href="contact.html" class="get-started-btn">Get Started</a>
</div>
</header>
<!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs ======= -->
<div class="breadcrumbs" data-aos="fade-in">
<div class="container">
<h2><b>OUR EVENTS</b></h2>
<!-- <p>Est dolorum ut non facere possimus quibusdam eligendi voluptatem. Quia id aut similique quia voluptas sit quaerat debitis. Rerum omnis ipsam aperiam consequatur laboriosam nemo harum praesentium. </p> -->
</div>
</div><!-- End Breadcrumbs -->
<!-- ======= Events Section ======= -->
<section id="events" class="events">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-md-6 d-flex align-items-stretch">
<div class="card">
<div class="card-img">
<img src="assets/img/events-1.jpg" alt="...">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Introduction to webdesign</a></h5>
<p class="fst-italic text-center">Sunday, September 26th at 7:00 pm</p>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
</div>
</div>
</div>
<div class="col-md-6 d-flex align-items-stretch">
<div class="card">
<div class="card-img">
<img src="assets/img/events-2.jpg" alt="...">
</div>
<div class="card-body">
<h5 class="card-title"><a href="">Marketing Strategies</a></h5>
<p class="fst-italic text-center">Sunday, November 15th at 7:00 pm</p>
<p class="card-text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Events Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-md-3 footer-contact">
<h5><img style="height: auto; width: 150px;" src="assets/img/Ambit_SOL.png"></h5>
<p>
<strong>Ambit</strong> Solutions is a web and software solution agency which you can trust on. We are team of professionals with the experience of more than three decades and serving several clients around the globe.
</p>
</div>
<div class="col-md-3 footer-links">
<h4>CONTACT</h4>
<div class="social">
<a href=""><i class="bi bi-house-door"></i></a> Gulzar-e-Quaid, Rawalpindi, Pakistan.<br><br>
<a href=""><i class="bi bi-telephone"></i></a> +92 (30) 55 66 8000<br><br>
<a href=""><i class="bi bi-envelope"></i></a> [email protected]<br><br>
<a href=""><i class="bi bi-globe"></i></a> www.ambitsol.com<br><br>
<a href=""><i class="bi bi-clock"></i></a> Mon ~ Sat 09:30am ~ 06:30pm
</div>
</div>
<div class="col-md-3 footer-links">
<h4>Our Services</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Web Designing</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Web Development</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Mobile Applications</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Software Development</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">SEO & Digital Marketing</a></li>
</ul>
</div>
<div class="col-md-3 footer-newsletter">
<h3><b>LOCATION</b></h3>
<iframe style="border:0; width: 100%; height: 200px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3323.2223995504587!2d73.12478341170753!3d33.59953357321965!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dfed153fd4f935%3A0x34514c219d871350!2sAmbit%20Solutions!5e0!3m2!1sen!2s!4v1698450569313!5m2!1sen!2s" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
<div class="container d-md-flex py-4">
<div class="me-md-auto text-center text-md-start">
<div class="copyright">
© Copyright <strong><span>AmbitSol</span></strong>. All Rights Reserved
</div>
<div class="credits">
Designed by <a href="https://www.linkedin.com/in/aaqib110/">Aaqib Sajjad</a>
</div>
</div>
<div class="social-links text-center text-md-right pt-3 pt-md-0">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>