-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsupport.html
More file actions
147 lines (145 loc) · 10.4 KB
/
Copy pathsupport.html
File metadata and controls
147 lines (145 loc) · 10.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/global.css">
<title></title>
<!--
Designed by Shahedul Islam
Fiverr: dev_shahed
Facebook: https://www.facebook.com/lolachost.shahed
-->
</head>
<body>
<header class="position-fixed bg-white left-0 top-0 w-100 border">
<div class="container-fluid py-3 row justify-content-center align-items-center">
<div id="logo" class="col-md-2 col-4">
<img class="img-fluid" src="https://www.equalityaction.org.uk/img/misc/equality-action-logo-small.png" alt="Logo">
</div>
<nav class="col-md-10 col-8 row justify-content-end align-items-center">
<ul class="m-0 col-10 list-unstyled d-xl-flex d-none justify-content-around align-items-center">
<li><a class="text-decoration-none text-dark p-1 navLink" href="index.html">HOME</a></li>
<li><a class="text-decoration-none text-dark p-1 navLink" href="about.html">ABOUT US</a></li>
<li><a class="text-decoration-none text-dark p-1 navLink" href="projects.html">WHAT WE DO</a></li>
<li><a class="text-decoration-none text-dark p-1 navLink" href="publications.html">PUBLICATIONS</a></li>
<li><a class="text-decoration-none text-dark p-1 navLink" href="support.html">SUPPORT US</a></li>
<li><a class="text-decoration-none text-dark p-1 navLink" href="news.html">NEWS & EVENTS</a></li>
<li><a class="text-decoration-none text-dark p-1 navLink" href="contact-us.html">CONTACT US</a></li>
</ul>
<div id="donate" class="col-2 d-flex justify-content-end align-items-center">
<a class="text-decoration-none m-0 bg-danger text-white px-md-4 px-2 py-md-2 py-1 rounded-pill h6" href="donate.html">Donate</a>
</div>
<div class="col-1 text-end d-xl-none d-block">
<button onclick="sideBar()" class="btn p-0 m-0 text-dark"><i class="fas fa-bars fa-2x"></i></button>
</div>
</nav>
</div>
</header>
<main>
<!-- ============== Support us part ============== -->
<section id="support">
<ul id="sideBar" class="text-center position-fixed top-0 right-0 list-unstyled flex-column justify-content-center align-items-center bg-danger">
<li class="my-3"><a class="text-decoration-none text-white navLink" href="index.html">HOME</a></li>
<li class="my-3"><a class="text-decoration-none text-white navLink" href="about.html">ABOUT US</a></li>
<li class="my-3"><a class="text-decoration-none text-white navLink" href="projects.html">WHAT WE DO</a></li>
<li class="my-3"><a class="text-decoration-none text-white navLink" href="publications.html">PUBLICATIONS</a></li>
<li class="my-3"><a class="text-decoration-none text-white navLink" href="support.html">SUPPORT US</a></li>
<li class="my-3"><a class="text-decoration-none text-white navLink" href="news.html">NEWS & EVENTS</a></li>
<li class="my-3"><a class="text-decoration-none text-white navLink" href="contact-us.html">CONTACT US</a></li>
</ul>
<div class="container">
<div class="row justify-content-between">
<div class="col-md-7 col-12">
<h2 class="py-2">Support Us</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum placeat sunt ratione neque fugit voluptas modi similique, optio veniam dignissimos ut, autem suscipit ea quis! Molestiae placeat iusto similique dignissimos obcaecati nobis incidunt sapiente magnam asperiores dolorum illum doloribus quaerat accusantium maxime, accusamus facilis magni, dolor mollitia officiis ut quas? Voluptatum ex perferendis quod, similique corporis numquam atque voluptates optio veritatis maiores quis, hic, magnam quaerat asperiores reiciendis aliquam? Molestias praesentium commodi itaque cupiditate omnis provident consequatur. Perspiciatis consequuntur reprehenderit distinctio, ipsum facere voluptatibus illum! Vel, tenetur, necessitatibus sed odio dolore facere sit libero possimus laudantium, dolor hic pariatur perspiciatis.</p>
<h2 class="py-2 pt-5">New Memberships</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum placeat sunt ratione neque fugit voluptas modi similique, optio veniam dignissimos ut, autem suscipit ea quis! Molestiae placeat iusto similique dignissimos obcaecati nobis incidunt sapiente magnam asperiores dolorum illum doloribus quaerat accusantium maxime, accusamus facilis magni, dolor mollitia officiis ut quas? Voluptatum ex perferendis quod, similique corporis numquam atque voluptates optio veritatis maiores quis, hic, magnam quaerat asperiores reiciendis aliquam? Molestias praesentium commodi itaque cupiditate omnis provident consequatur. Perspiciatis consequuntur reprehenderit distinctio, ipsum facere voluptatibus illum! Vel, tenetur, necessitatibus sed odio dolore facere sit libero possimus laudantium, dolor hic pariatur perspiciatis.</p>
</div>
<div class="col-md-4 col-12 py-4">
<h2>Get In Touch</h2>
<div class="d-flex justify-content-start align-items-center">
<i class="fas fa-phone-alt"></i>
<a class="my-1 text-dark ps-3 text-decoration-none" href="#">+124888888</a>
</div>
<div class="d-flex justify-content-start align-items-center">
<i class="far fa-envelope"></i>
<a class="my-1 text-dark ps-3 text-decoration-none" href="#">example@example.com</a>
</div>
<div class="d-flex justify-content-start align-items-center">
<i class="fas fa-map-marker-alt"></i>
<p class="my-1 ps-3">Equality Action<br>
66 Nottingham Road<br>
Loughborough<br>
Leicestershire<br>
LE11 1EU</p>
</div>
</div>
</div>
</div>
</section>
<!-- =========== Join our mailing list part =========== -->
<section id="join" class="bg-primary py-4">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-lg-9 col-12 text-white">
<h2>Join our mailing list</h2>
<p>Keep up to date with what's happening here at Equality Action by joining our mailing list; where you will get regular updates about the work and projects as well any events and activities taking place.</p>
</div>
<div class="col-lg-3 col-12">
<div class="float-end">
<a class="bg-white text-primary border border-2 border-white h6 text-decoration-none rounded-pill py-2 px-3" href="#">Join our mailing list</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="text-white py-4">
<div class="container">
<div class="row">
<div class="col-sm-6 col-12">
<h2>Contact Us</h2>
<div class="footerLogos">
<a class="text-decoration-none text-white m-3" href="#"><i class="fab fa-facebook fa-3x"></i></a>
<a class="text-decoration-none text-white m-3" href="#"><i class="far fa-envelope fa-3x"></i></a>
<a class="text-decoration-none text-white m-3" href="#"><i class="fab fa-twitter fa-3x"></i></a>
</div>
<ul class="list-unstyled my-4">
<li>Email: <a class="text-white text-decoration-none" href="#">example@gmail.com</a></li>
<li>Phone: <a class="text-white text-decoration-none" href="#">+88016******</a></li>
</ul>
</div>
<div class="col-sm-6 col-12">
<h2>Quick Links</h2>
<div class="row justify-content-center mt-3 align-items-center">
<ul class="list-unstyled d-flex flex-column col-6">
<li><a class="text-decoration-none text white" href="home.html">Home</a></li>
<li><a class="text-decoration-none text white" href="about.html">About Us</a></li>
<li><a class="text-decoration-none text white" href="projects.html">Projects</a></li>
<li><a class="text-decoration-none text white" href="publications.html">Publications</a></li>
</ul>
<ul class="list-unstyled d-flex flex-column col-6">
<li><a class="text-decoration-none text white" href="support.html">Support Us</a></li>
<li><a class="text-decoration-none text white" href="#">News & Events</a></li>
<li><a class="text-decoration-none text white" href="privacy-policy.html">Privacy Policy</a></li>
<li><a class="text-decoration-none text white" href="#"></a></li>
</ul>
</div>
</div>
</div>
<p>Copyright © 2021 Company Name. All Rights Reserved | Company No:*** | Reg Charity No:******</p>
<a class="text-decoration-none text-white" href="https://www.facebook.com/localhost.shahed" target="_blank">Designed by Shahedul Islam</a>
</div>
</footer>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/all.min.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/app.js"></script>
<script src="js/index.js"></script>
</body>
</html>