Skip to content

Commit

Permalink
Added Contributor's Page
Browse files Browse the repository at this point in the history
  • Loading branch information
@TBorundia
TBorundia committed Oct 13, 2024
1 parent d86e07c commit c3328bb
Show file tree
Hide file tree
Showing 2 changed files with 53 additions and 189 deletions.
205 changes: 52 additions & 153 deletions Html-files/contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -764,20 +764,18 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">
<!-- CSS for the icon and border radius -->
<div class="footer" style="background-color: hsl(20, 43%, 93%);">
<footer>
<div class="foot-panel2"
style="background-color:hsl(20, 43%, 93%);font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
<div class="foot-panel2" style="background-color:hsl(20, 43%, 93%);font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">
<ul>
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Our Pages</p>
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);text-align: left;">Our Pages</p>
<a href="#" style="color: black;">Home</a>
<a href="Html-files/menu.html" style="color: black;">About</a>
<a href="Html-files/services.html" style="color: black;">Services</a>
<a href="Html-files/contact.html" style="color: black;">Contact us</a>
<a href="Html-files/cart.html" style="color: black;">Cart</a>
<a href="Html-files/contributor.html" style="color: black;">Contributors</a>
<a href="contributor.html" style="color: black;">Contributors</a>
</ul>

<ul>
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);"> Exclusive Offers</p>
<p style="color: rgb(162, 16, 23);font-family: var(--ff-philosopher); text-align:left"> Exclusive Offers</p>
<a href="#" style="color: black;">Retro Discounts</a>
<a href="#" style="color: black;">Limited-Time Promotions</a>
<a href="#" style="color: black;">Special Event Packages</a>
Expand All @@ -787,171 +785,72 @@ <h1 style="color: hsl(357, 53%, 8%); font-family: Tahoma, sans-serif;">
<a href="#" style="color: black;">Personalized Culinary Experiences</a>

</ul>

<ul>
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">Payment Products</p>
<p style="color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);text-align:left">Payment Products</p>
<a href="./Html-files/payment2.html" style="color: black;">Secure Checkout</a>
<a href="./Html-files/payment2.html" style="color: black;">Credit/Debit Cards</a>
<a href="./Html-files/payment2.html" style="color: black;">Online Payment</a>
<a href="./Html-files/payment2.html" style="color: black;">Mobile Wallets</a>
<a href="./Html-files/payment2.html" style="color: black;">Contactless Payments</a>
</ul>
<form id="contactForm">
<h3 style="font-family: var(--ff-philosopher); color: hsl(357, 82%, 35%);">Contact Us!</h3>

<div style="position: relative; margin-bottom: 15px;">
<i class="fas fa-envelope" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 14px; color: gray;"></i>
<input type="email" id="email" name="email" placeholder="Your Email" required
style="padding-left: 30px;">
</div>

<div style="position: relative; margin-bottom: 15px;">
<i class="fas fa-comment" style="position: absolute; left: 10px; top: 10px; font-size: 14px; color: gray;"></i>
<textarea id="message" name="message" placeholder="Your Message" required
style="padding-left: 30px;"></textarea>
</div>

<button id="butt" type="submit" style="font-family: ui-serif;">Send Message</button>
</form>






</div>


<div class="row">
<div class="col-12">
<form id="contactForm">

features-branch
<h3
style="font-family: var(--ff-philosopher);color: hsl(357, 82%,35%);font-family: var(--ff-philosopher);">
Contact Us!</h3>

<div class="row">
<div class="col-12">
<form id="contactForm" style="color: black; border: 1px solid #ccc; padding: 20px; border-radius: 10px; width: 100%; margin-left: auto;">
<h3 style="text-align: center; margin-bottom: 15px;">Contact Us!</h3>

<!-- Email Input -->
<input type="email" id="email" name="email" placeholder="Your Email" required
style="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 10px; border: 1px solid #ccc;">

<!-- Message Textarea -->
<textarea id="message" name="message" placeholder="Your Message" required
style="width: 100%; padding: 8px; margin-bottom: 10px; border-radius: 10px; border: 1px solid #ccc; height: 100px;"></textarea>

<!-- Submit Button -->
<button id="butt" type="submit"
style="width: 100%; padding: 10px; background-color: hsl(357, 82%,35%); color: black; border: 1px; border-radius: 10px; cursor: pointer;">
Send Message
</button>
</form>
</div>
</div>
main
<div class="foot_panel4" style="background-color: transparent;">
<div class="pages">
<h4 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Follow Us</h4>

<input type="email" id="email" name="email" placeholder="Your Email" required>
<div class="social-icons">

<textarea id="message" name="message" placeholder="Your Message" required></textarea>

<button id="butt" type="submit" style="font-family: Garamond;">Send Message</button>
</form>
<a class="fa-brands fa-facebook" href="https://facebook.com" ></a>
<a class="fa-brands fa-instagram" href="https://instagram.com" ></a>
<a class="fa-brands fa-x-twitter" href="https://twitter.com" ></a>
<a class="fa-brands fa-youtube" href="https://www.youtube.com" ></a>
<a class="fa-brands fa-snapchat" href="https://www.snapchat.com" ></a>

</div>
<p style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: hsl(203, 30%, 26%);margin-bottom:0;">Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
</p>
<div class="copyright" style="font-family: var(--ff-philosopher);background-color: hsl(20, 43%, 93%);color: black;">

<div class="foot-panel2" style="background-color: hsl(20, 43%, 93%); font-family: var(--ff-poppins); color: hsl(208, 7%, 46%); display: flex; justify-content: space-around; padding: 20px;">

<!-- Existing content -->
<div class="footer-column" style="flex: 1; padding: 10px;">
<h3 style="color: hsl(357, 82%, 35%); font-family: var(--ff-philosopher);">Our Pages</h3>
<ul style="list-style-type: none; padding: 0;">
<li><a href="#" style="color: black;">Home</a></li>
<li><a href="Html-files/menu.html" style="color: black;">About</a></li>
<li><a href="Html-files/services.html" style="color: black;">Services</a></li>
<li><a href="Html-files/contact.html" style="color: black;">Contact Us</a></li>
<li><a href="Html-files/cart.html" style="color: black;">Cart</a></li>
</ul>
</div>

<div class="footer-column" style="flex: 1; padding: 10px;">
<h3 style="color: hsl(357, 82%, 35%); font-family: var(--ff-philosopher);">Exclusive Offers</h3>
<ul style="list-style-type: none; padding: 0;">
<li><a href="#" style="color: black;">Retro Discounts</a></li>
<li><a href="#" style="color: black;">Limited-Time Promotions</a></li>
<li><a href="#" style="color: black;">Special Event Packages</a></li>
<li><a href="#" style="color: black;">Membership Benefits</a></li>
<li><a href="#" style="color: black;">Early Access to New Collections</a></li>
<li><a href="#" style="color: black;">VIP Retro Events</a></li>
<li><a href="#" style="color: black;">Personalized Culinary Experiences</a></li>
</ul>
</div>

<div class="footer-column" style="flex: 1; padding: 10px;">
<h3 style="color: hsl(357, 82%, 35%); font-family: var(--ff-philosopher);">Payment Products</h3>
<ul style="list-style-type: none; padding: 0;">
<li><a href="./Html-files/payment2.html" style="color: black;">Secure Checkout</a></li>
<li><a href="./Html-files/payment2.html" style="color: black;">Credit/Debit Cards</a></li>
<li><a href="./Html-files/payment2.html" style="color: black;">Online Payment</a></li>
<li><a href="./Html-files/payment2.html" style="color: black;">Mobile Wallets</a></li>
<li><a href="./Html-files/payment2.html" style="color: black;">Contactless Payments</a></li>
</ul>
</div>

<!-- Contact Us Form -->
<div class="footer-column" style="flex: 1; padding: 10px;">
<h3 style="color: hsl(357, 82%, 35%); font-family: var(--ff-philosopher);">Contact Us</h3>
<form id="contactForm" style="display: flex; flex-direction: column; color: black;">

<div style="display: flex; align-items: center; margin-bottom: 10px;">
<span style="color: hsl(357, 82%, 35%); margin-right: 10px;">
<i class="fas fa-user" style="font-size: 1.2em;"></i>
</span>
<input type="text" id="name" name="name" placeholder="Your Name" required
style="width: 100%; padding: 8px; border-radius: 10px; border: 1px solid #ccc;">
</div>

<div style="display: flex; align-items: center; margin-bottom: 10px;">
<span style="color: hsl(357, 82%, 35%); margin-right: 10px;">
<i class="fas fa-envelope" style="font-size: 1.2em;"></i>
</span>
<input type="email" id="email" name="email" placeholder="Your Email" required
style="width: 100%; padding: 8px; border-radius: 10px; border: 1px solid #ccc;">
&copy; 2024 Retro . All Rights Reserved. | Developed by <span id="author">
<a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
</div>
<div>
<button id="sr" style="z-index: 1000; display: block;">
<div class="circle1">
<svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"></path>
</svg>
</div>

<button type="submit" style="width: 100%; padding: 10px; background-color: hsl(357, 82%, 35%); color: white; border: none; border-radius: 10px; cursor: pointer;">
Send Message
</button>
</form>

</div>
</div>
</footer>
</div>




</div>
</footer>



<div class="foot_panel4" style="background-color: transparent;">
<div class="pages" style="background-color: hsl(20, 43%, 93%); padding: 10px;"> <!-- Added background color and padding -->
<h4 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">Follow Us</h4>

<div class="social-icons" style="display: flex; justify-content: center; gap: 15px;"> <!-- Added flex display and gap for icons -->
<a class="fa-brands fa-facebook" href="https://facebook.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
<a class="fa-brands fa-instagram" href="https://instagram.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
<a class="fa-brands fa-x-twitter" href="https://twitter.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
<a class="fa-brands fa-youtube" href="https://www.youtube.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
<a class="fa-brands fa-snapchat" href="https://www.snapchat.com" style="color: hsl(203, 30%, 26%); font-size: 1.5em;"></a>
</div>

<p style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%); margin-bottom: 0;">
Stay connected with us on social media for the latest updates, latest collection, and vintage adventures.
</p>

<div class="copyright" style="font-family: var(--ff-philosopher); background-color: hsl(20, 43%, 93%); color: black;">
&copy; 2024 Retro. All Rights Reserved. | Developed by <span id="author">
<a href="https://www.linkedin.com" target="_blank" style="text-decoration: none;">Retro Team</a>
</span>
</div>
</div>
</div>

<div>
<button id="sr" style="z-index: 1000; display: block;">
<div class="circle1">
<svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
<path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z"></path>
</svg>
</div>
</button>
</div>
</div>
</footer>

</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
</body>
Expand Down
37 changes: 1 addition & 36 deletions Html-files/menu.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -696,42 +696,6 @@ <h3 style="font-family:var(--ff-philosopher);">Palsnkin</h3>
</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>
<a href="contributor.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Contributors</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%);">
<br><br><br>
Expand All @@ -747,6 +711,7 @@ <h3 style="font-family:var(--ff-philosopher);">Palsnkin</h3>
<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>
<a href="contributor.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Contributors</a>
</ul>

<ul class="footer-colums">
Expand Down

0 comments on commit c3328bb

Please sign in to comment.