Skip to content
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

Jump to bottom

Fix About Section Footer: Align Social Media Icons and Remove Repeated Message #798

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

Fix About Section Footer: Align Social Media Icons and Remove Repeated Message #798

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e0bfaa1
Improved font color in About section for better readability
s0wjanyaa Oct 30, 2024
6046953
Fixed About section footer by Aligning social media icons and remove …
s0wjanyaa Oct 30, 2024
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
29 changes: 10 additions & 19 deletions Html-files/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -276,7 +276,7 @@

.about1 {
font-family: var(--ff-poppins); /* Use your defined font */
color: hsl(208, 7%, 46%); /* Text color */
color: hsl(240, 2%, 10%); /* Text color */
line-height: 1.6; /* Increase line height for readability */
margin-bottom: 20px; /* Spacing below this paragraph */
}
Expand Down Expand Up @@ -534,7 +534,7 @@

.social-icons a {
font-size: 1.2rem;
padding: 8px;
padding: 2px;
margin: 15px;
text-decoration: none;
color: brown !important;
Expand Down Expand Up @@ -661,7 +661,7 @@ <h1 class="animated-header" style="color: #dc3545;">

<div class="about2">
<h2 class=section__titlestyle style="font-family: var(--ff-philosopher);color: hsl(357, 82%,35%);">Our Story</h2>
<p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Retro was born from a desire to relive and share the joy of the past. We believe that every era has something special to offer, whether it’s the bold designs of the 60s, the innovative spirit of the 70s, or the tech revolutions of the 80s and 90s. Our journey began with a passion for collecting vintage items and a dream to create a space where people could immerse themselves in a world that captures the essence of different generations.</p>
<p style="font-family: var(--ff-poppins);color: hsl(240, 2%,10%);">Retro was born from a desire to relive and share the joy of the past. We believe that every era has something special to offer, whether it’s the bold designs of the 60s, the innovative spirit of the 70s, or the tech revolutions of the 80s and 90s. Our journey began with a passion for collecting vintage items and a dream to create a space where people could immerse themselves in a world that captures the essence of different generations.</p>
</div>


Expand All @@ -670,7 +670,7 @@ <h2 class=section__titlestyle style="font-family: var(--ff-philosopher);color: h
<section class="about_container" style="width:80vw;margin-top: 80px;margin-bottom: 30px;">
<div class="about3">
<h2 class=section__title>Why Choose Retro?</h2>
<p style="font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">We’re not just about products – we’re about creating a lifestyle that honors the beauty and inspiration of the past. Each item we offer is carefully selected to bring nostalgia to life, allowing you to embrace the timeless designs, flavors, and stories that have shaped history. Whether you're a vintage enthusiast or simply love the look and feel of classic designs, Retro is your gateway to a world that values tradition as much as it does innovation.</p>
<p style="font-family: var(--ff-poppins);color: hsl(240, 2%,10%);">We’re not just about products – we’re about creating a lifestyle that honors the beauty and inspiration of the past. Each item we offer is carefully selected to bring nostalgia to life, allowing you to embrace the timeless designs, flavors, and stories that have shaped history. Whether you're a vintage enthusiast or simply love the look and feel of classic designs, Retro is your gateway to a world that values tradition as much as it does innovation.</p>
</div>
</section>

Expand Down Expand Up @@ -738,18 +738,12 @@ <h3 class="f-title f_600 t_color f_size_18">Exclusive Offers</h3>
<div class="f_widget social-widget">
<h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
<div class="social-icons">




<a class="fa-brands fa-facebook" href="https://facebook.com" style="color: hsl(203, 30%, 26%);"></a>
<a class="fa-brands fa-instagram" href="https://instagram.com" style="color: hsl(203, 30%, 26%);"></a>
<a class="fa-brands fa-x-twitter" href="https://twitter.com" style="color: hsl(203, 30%, 26%);"></a>
<a class="fa-brands fa-youtube"
href="https://www.youtube.com" style="color: hsl(203, 30%, 26%);" ></a>
<a class="fa-brands fa-snapchat"
href="https://www.snapchat.com" style="color: hsl(203, 30%, 26%);" ></a>
</div>
<a class="fa-brands fa-facebook" href="https://facebook.com" style="color: hsl(203, 30%, 26%);"></a>
<a class="fa-brands fa-instagram" href="https://instagram.com" style="color: hsl(203, 30%, 26%);"></a>
<a class="fa-brands fa-x-twitter" href="https://twitter.com" style="color: hsl(203, 30%, 26%);"></a>
<a class="fa-brands fa-youtube" href="https://www.youtube.com" style="color: hsl(203, 30%, 26%);" ></a>
<a class="fa-brands fa-snapchat" href="https://www.snapchat.com" style="color: hsl(203, 30%, 26%);" ></a>
</div>
</div>
<p style="margin-bottom:0;font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
</p>
Expand All @@ -763,9 +757,6 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
</div>
</button>
</div>


<p>Stay connected with us on social media for the latest updates and vintage adventures.</p>
</div>


Expand Down