Skip to content

🎨 Footer styles change #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
KikeSan wants to merge 2 commits into
base: master
Choose a base branch
from
Open

🎨 Footer styles change #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
bc4f60d
:art: Footer styles change
KikeSan Oct 2, 2020
f79a74f
:hammer: Margin in footer solved!
KikeSan Oct 5, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
200 changes: 103 additions & 97 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,13 @@
<div
id="sidebar-close"
onclick="toogleSidebar()"
style="position: absolute; top: 0; right: 8px; z-index: 999; color: #9197a3"
style="
position: absolute;
top: 0;
right: 8px;
z-index: 999;
color: #9197a3;
"
>
<i class="fas fa-times"></i>
</div>
Expand All @@ -153,7 +159,7 @@
<img src="media/favicon/android-icon-96x96.png" alt="logo" />
</div>

<div class="col-12" style="margin-top: 32px;">
<div class="col-12" style="margin-top: 32px">
<ul class="nav-list">
<a href="index.html"><li>Home</li></a>
<a href="about.html" class="active"><li>About</li></a>
Expand Down Expand Up @@ -226,9 +232,9 @@ <h2 class="heading">OUR APPROACH</h2>

<h2 class="heading">OUR TEAM</h2>
<p class="content">
NATIONAL WORKING TEAM – The national committee is the main organ of the
FHRF and its meeting is held from time to time when it appoints the
Core working team. <br />
NATIONAL WORKING TEAM – The national committee is the main organ of
the FHRF and its meeting is held from time to time when it appoints
the Core working team. <br />

CORE WORKING TEAM- Core Group is generally responsible for the
fulfillment of the objects of the organization and carry out the
Expand Down Expand Up @@ -315,99 +321,99 @@ <h2 class="heading">OUR TEAM</h2>

<!-- footer -->
<hr />
<footer>
<div class="row" style="margin-bottom: 64px;">
<div class="col-lg col-xs-12">
<div class="mx-4">
<h3 class="heading">What is FHRF NGO?</h3>
<p>
The <strong>FHRF NGO</strong> is dedicated to the protection of
human rights and promotion, upliftment of economically backward
people, peace, national integration by communication between
people.
</p>
<p>
We are spreading the value of human rights to every part of
India.
</p>
</div>
</div>
<div class="col-lg col-xs-12">
<div class="mx-4">
<h3 class="heading">How Should I Help?</h3>
<p>
You can help us in our mission by either donating or voluneering
with us.
</p>
<p>
<a href="/donate.html">Donate us</a> - Your generous donation
will enable us to meet our goals and improve conditions.
</p>
<p>
<a href="/volunteer.html">Volunteer</a> - Your valuable time
will be used to create real impact in the society.
</p>
</div>
</div>
<div class="col-lg col-xs-12">
<div class="mx-4">
<h3 class="heading">Be a member</h3>
<p>
There are many ways to join us and support our mission. Let's
bring our abilities and passions together to affect real change.
<a href="/volunteer.html">Join now!</a>
</p>
</div>
</div>
</div>

<div class="row">
<div class="col-12 social-links">
<ul
style="display: flex; flex-wrap: wrap; justify-content: space-evenly;"
>
<li>
<a href="https://wa.me/918087991020">
<div class="btn" style="background-color: #455A64">
<i class="fab fa-whatsapp"></i>
<span style="color: snow;">Message us on Whatsapp</span>
</div>
</a>
</li>
<li>
<a href="https://www.facebook.com/fhrf7125/">
<div class="btn" style="background-color: #FFFFFF">
<i class="fab fa-facebook"></i>
<span style="color: #4267B2">Like us on Facebook</span>
</div>
</a>
</li>
<li>
<a href="https://www.instagram.com/fhrf_7125/">
<div class="btn" style="background-color: #FFDC80">
<i class="fab fa-instagram"></i>
<span style="color: black">Follow us on Instagram</span>
</div>
</a>
</li>
</ul>
</div>
<div class="col-12">
<ul class="sitemap-list">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="volunteer.html">Volunteer</a></li>
<li><a href="donate.html">Donate</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col-12 text-center">
© 2020 First Human Rights Foundation
</div>
</div>
</footer>
</div>
<footer>
<div class="row footer__info">
<div class="col-lg col-xs-12">
<div class="mx-4">
<h3 class="heading">What is FHRF NGO?</h3>
<p>
The <strong>FHRF NGO</strong> is dedicated to the protection of
human rights and promotion, upliftment of economically backward
people, peace, national integration by communication between
people.
</p>
<p>
We are spreading the value of human rights to every part of
India.
</p>
</div>
</div>
<div class="col-lg col-xs-12">
<div class="mx-4">
<h3 class="heading">How Should I Help?</h3>
<p>
You can help us in our mission by either donating or voluneering
with us.
</p>
<p>
<a href="/donate.html">Donate us</a> - Your generous donation
will enable us to meet our goals and improve conditions.
</p>
<p>
<a href="/volunteer.html">Volunteer</a> - Your valuable time
will be used to create real impact in the society.
</p>
</div>
</div>
<div class="col-lg col-xs-12">
<div class="mx-4">
<h3 class="heading">Be a member</h3>
<p>
There are many ways to join us and support our mission. Let's
bring our abilities and passions together to affect real change.
<a href="/volunteer.html">Join now!</a>
</p>
</div>
</div>
</div>

<div class="row footer__social">
<div class="col-12 social-links">
<ul
style="display: flex; flex-wrap: wrap; justify-content: space-evenly;"
>
<li>
<a href="https://wa.me/918087991020">
<div class="btn" style="background-color: #455A64">
<i class="fab fa-whatsapp"></i>
<span style="color: snow;">Message us on Whatsapp</span>
</div>
</a>
</li>
<li>
<a href="https://www.facebook.com/fhrf7125/">
<div class="btn" style="background-color: #FFFFFF">
<i class="fab fa-facebook"></i>
<span style="color: #4267B2">Like us on Facebook</span>
</div>
</a>
</li>
<li>
<a href="https://www.instagram.com/fhrf_7125/">
<div class="btn" style="background-color: #FFDC80">
<i class="fab fa-instagram"></i>
<span style="color: black">Follow us on Instagram</span>
</div>
</a>
</li>
</ul>
</div>
<div class="col-12">
<ul class="sitemap-list">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="volunteer.html">Volunteer</a></li>
<li><a href="donate.html">Donate</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col-12 text-center footer__copy">
© 2020 First Human Rights Foundation
</div>
</div>
</footer>

<!-- external scripts -->
<!-- JQuery -->
Expand Down
Loading