Skip to content

Commit

Permalink
footer adjustment
Browse files Browse the repository at this point in the history
  • Loading branch information
@srishti023
srishti023 committed Oct 13, 2024
1 parent a08dcdf commit 3525a9c
Show file tree
Hide file tree
Showing 2 changed files with 43 additions and 41 deletions.
3 changes: 1 addition & 2 deletions Css-files/content.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -390,7 +390,6 @@ div.deals:hover{
.foot-panel2{
background-color: transparent;
color:white;
height: 300px;
display: flex;
justify-content: space-evenly;
}
Expand All @@ -413,7 +412,7 @@ div.deals:hover{
.foot_panel4{
background-color: transparent;
color: white;
height: 160px;
height: auto;
font-size: 0.9rem;
text-align: center;
}
Expand Down
81 changes: 42 additions & 39 deletions Html-files/menu.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -694,45 +694,48 @@ <h3 style="font-family:var(--ff-philosopher);">Palsnkin</h3>
</div>
</div>
</section>
<div class="foot-panel2">
<ul class="footer-colums">
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Our Pages</p>
<a href="../index.html"
style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Home</a>
<a href="#" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">About</a>
<a href="services.html"
style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Services</a>
<a href="contact.html"
style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Contact</a>
<a href="cart.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Cart</a>
</ul>

<ul class="footer-colums">
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);"> Exclusive Offers</p>
<a style="font-family: var(--ff-poppins);color: black;">Retro Discounts</a>
<a style="font-family: var(--ff-poppins);color: black;">Limited-Time Promotions</a>
<a style="font-family: var(--ff-poppins);color: black;">Special Event Packages</a>
<a style="font-family: var(--ff-poppins);color: black;">Membership Benefits</a>
<a style="font-family: var(--ff-poppins);color: black;">Early Access to New Collections</a>
<a style="font-family: var(--ff-poppins);color: black;">VIP Retro Events</a>
<a style="font-family: var(--ff-poppins);color: black;">Personalized Culinary Experiences</a>

</ul>

<ul class="footer-colums">
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Payment Products</p>
<a style="font-family: var(--ff-poppins);color: black;">Secure Checkout</a>
<a style="font-family: var(--ff-poppins);color: black;">Credit/Debit Cards</a>
<a style="font-family: var(--ff-poppins);color: black;">Online Payment</a>
<a style="font-family: var(--ff-poppins);color: black;">Mobile Wallets</a>
<a style="font-family: var(--ff-poppins);color: black;">Contactless Payments</a>
</ul>
</div>
<!-- footer -->
<footer style="background-color: hsl(20, 43%, 93%);">
<footer style="background-color: hsl(20, 43%, 93%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;">
<br><br><br>

<div class="foot-panel2">
<ul class="footer-colums">
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Our Pages</p>
<a href="../index.html"
style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Home</a>
<a href="#" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">About</a>
<a href="services.html"
style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Services</a>
<a href="contact.html"
style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Contact</a>
<a href="cart.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Cart</a>
</ul>

<ul class="footer-colums">
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);"> Exclusive Offers</p>
<a style="font-family: var(--ff-poppins);color: black;">Retro Discounts</a>
<a style="font-family: var(--ff-poppins);color: black;">Limited-Time Promotions</a>
<a style="font-family: var(--ff-poppins);color: black;">Special Event Packages</a>
<a style="font-family: var(--ff-poppins);color: black;">Membership Benefits</a>
<a style="font-family: var(--ff-poppins);color: black;">Early Access to New Collections</a>
<a style="font-family: var(--ff-poppins);color: black;">VIP Retro Events</a>
<a style="font-family: var(--ff-poppins);color: black;">Personalized Culinary Experiences</a>

</ul>

<ul class="footer-colums">
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Payment Products</p>
<a style="font-family: var(--ff-poppins);color: black;">Secure Checkout</a>
<a style="font-family: var(--ff-poppins);color: black;">Credit/Debit Cards</a>
<a style="font-family: var(--ff-poppins);color: black;">Online Payment</a>
<a style="font-family: var(--ff-poppins);color: black;">Mobile Wallets</a>
<a style="font-family: var(--ff-poppins);color: black;">Contactless Payments</a>
</ul>



<form id="contactForm" >
<h3
Expand All @@ -745,8 +748,6 @@ <h3 style="font-family:var(--ff-philosopher);">Palsnkin</h3>
<button id="butt" type="submit" style="font-family: var(--ff-poppins);">Send Message</button>
</form>

</div>


<div class="foot_panel4">
<div class="pages">
Expand All @@ -768,9 +769,11 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(304, 14%, 46%);">Follow
href="https://www.snapchat.com" ></a>

</div>
<div style="margin-bottom: 20px;">
<p style="font-family: var(--ff-philosopher);margin-bottom:0;">Stay connected with us on social media
for the latest updates, latest collection, and vintage adventures.
</p>
</div>
<div class="copyright">
<p style="font-family: var(--ff-philosopher);">
&copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
Expand All @@ -794,7 +797,7 @@ <h4 style="font-family: var(--ff-philosopher);color: hsl(304, 14%, 46%);">Follow
</div>
</button>
</div>
</div>
</div>
</footer>

<script src="menu.js"></script>
Expand Down

0 comments on commit 3525a9c

Please sign in to comment.