-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (119 loc) · 6.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Bootstrap 5 Footer</title>
<link rel="shortcut icon" href="assets/img/footer.png" type="image/x-icon">
<!-- Bootstrap 5 Min CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap 5 Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<section class="newsletter_section">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="content">
<h2>SUBSCRIBE NOW</h2>
<h6 class="content-tuned">Subscribe to our newsletter and stay tuned with future updates</h6>
<div class="input-group">
<input type="email" class="form-control" placeholder="Enter email to subscribe">
<span class="input-group-btn">
<button class="btn" type="submit">Subscribe Now</button>
</div>
<div class="text-center">
<a class="unsubscribe-link" href="#">Would you like to unsubscribe?</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer_section">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 mt-4 col-lg-3 text-center text-sm-start">
<div class="information">
<h6 class="footer-heading text-uppercase text-white fw-bold">Information</h6>
<ul class="list-unstyled footer-link mt-4">
<li class="mb-1"><a href="#" class="text-white text-decoration-none fw-semibold">Events</a>
</li>
<li class="mb-1"><a href="#" class="text-white text-decoration-none fw-semibold">Our
Team</a></li>
<li class="mb-1"><a href="#" class="text-white text-decoration-none fw-semibold">Upcoming
Sale</a></li>
<li class=""><a href="#" class="text-white text-decoration-none fw-semibold">New
Launches</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-4 mt-4 col-lg-3 text-center text-sm-start">
<div class="resources">
<h6 class="footer-heading text-uppercase text-white fw-bold">Resources</h6>
<ul class="list-unstyled footer-link mt-4">
<li class="mb-1"><a href="#" class="text-white text-decoration-none fw-semibold">API</a>
</li>
<li class="mb-1"><a href="#" class="text-white text-decoration-none fw-semibold">Website
Tutorials</a></li>
<li class="mb-1"><a href="#" class="text-white text-decoration-none fw-semibold">Third
Party</a></li>
<li class=""><a href="#" class="text-white text-decoration-none fw-semibold">Video
Lectures</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-4 mt-4 col-lg-2 text-center text-sm-start">
<div class="social">
<h6 class="footer-heading text-uppercase text-white fw-bold">Social</h6>
<ul class="list-inline my-4">
<li class="list-inline-item"><a href="#" class="text-white btn-sm btn btn-primary mb-2"><i
class="bi bi-facebook"></i></a></li>
<li class="list-inline-item"><a href="#" class="text-danger btn-sm btn btn-light mb-2"><i
class="bi bi-instagram"></i></a></li>
<li class="list-inline-item"><a href="#" class="text-white btn-sm btn btn-primary mb-2"><i
class="bi bi-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="text-white btn-sm btn btn-success mb-2"><i
class="bi bi-whatsapp"></i></a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-6 mt-4 col-lg-4 text-center text-sm-start">
<div class="contact">
<h6 class="footer-heading text-uppercase text-white fw-bold">Contact Us</h6>
<address class="mt-4 m-0 text-white mb-1"><i class="bi bi-pin-map fw-semibold"></i> New South
Block , Mirpur , Dhaka-1216</address>
<a href="tel:+" class="text-white mb-1 text-decoration-none d-block fw-semibold"><i
class="bi bi-telephone"></i> +8801XXXXXXXXX</a>
<a href="mailto:" class="text-white mb-1 text-decoration-none d-block fw-semibold"><i
class="bi bi-envelope"></i> XXXXXX@gmail.com</a>
<a href="" class="text-white text-decoration-none fw-semibold"><i class="bi bi-skype"></i>
xyzdemomail</a>
</div>
</div>
</div>
</div>
<hr>
<div class="text-center bg-warning text-white mt-4 py-1">
<div><p id="date"></p></div>
<p class="mb-0 fw-bold">
<script>document.write(new Date().getFullYear())</script> © Riju, All Rights Reserved
</p>
</div>
</footer>
<!-- <script>
setInterval(function () {
let currentDate = new Date();
let dateString = currentDate.toLocaleString();
document.getElementById("date").innerHTML = dateString;
}, 1000);
</script> -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>