Skip to content

Commit

Permalink
Update css
Browse files Browse the repository at this point in the history
  • Loading branch information
adeeb2024 committed Feb 18, 2025
1 parent 255eb4a commit db4794b
Show file tree
Hide file tree
Showing 3 changed files with 213 additions and 15 deletions.
118 changes: 118 additions & 0 deletions public/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -2878,6 +2878,124 @@ label {
}
}

/* General Layout */
.returns-container{
font-family: Arial, sans-serif;
color: #090909;
background-color: #ff0707;
margin: 0;
padding: 0;
line-height: 1.6;
font-size: 30px;
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

/* Tabs Navigation */
.tabs-container {
display: flex;
justify-content: center;
margin-bottom: 20px;
}

.tab-btn {
padding: 10px 20px;
font-weight: bold;
color: #fff;
background-color: #333;
border: none;
cursor: pointer;
text-transform: uppercase;
margin: 0 5px;
transition: background-color 0.3s ease;
}

.tab-btn.active-tab {
background-color: #000;
}

.tab-btn:hover {
background-color: #555;
}

/* Content Sections */
.content-section {
background-color: #f9f9f9;
padding: 25px 30px;
border-radius: 8px;
margin: 20px auto;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Section Heading */
.section-heading {
font-size: 24px;
font-weight: bold;
color: #111;
text-transform: uppercase;
border-bottom: 2px solid #333;
margin-bottom: 15px;
padding-bottom: 5px;
}

/* Description Text */
.return-description, .delivery-description {
font-size: 16px;
color: #555;
line-height: 1.6;
text-align: justify;
}

/* List Items */
.list-group-item {
font-size: 20px;
padding: 40px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}

/* Button Styles */
.btn-primary {
padding: 10px 20px;
font-size: 16px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.btn-primary:hover {
background-color: #0056b3;
}

/* Icon Styles */
.section-icon {
width: 100px;
height: 42px;
margin-right: 10px;
vertical-align: middle;
}

/* Links */
a {
color: #007bff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}



.dark-theme {
background-color: #2D2D2D;
/*CSS for Account Page*/
Expand Down
108 changes: 94 additions & 14 deletions resources/views/pages/delivery-and-returns.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -2,23 +2,103 @@

@section('title', 'Delivery and Returns')

<!-- Link to a script that doesnt exist? -->
@section('script')
{{ asset('js/delivery-and-returns.js') }}
<script src="{{ asset('js/delivery-and-returns.js') }}"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Event listeners for tab buttons
document.getElementById('tab-delivery').addEventListener('click', function() {
switchTab('delivery-info', 'tab-delivery');
});
document.getElementById('tab-returns').addEventListener('click', function() {
switchTab('return-info', 'tab-returns');
});
function switchTab(sectionId, tabId) {
// Hide all sections
document.querySelectorAll('.content-section').forEach(function(section) {
section.style.display = 'none';
});
// Remove active class from all tabs
document.querySelectorAll('.tab-btn').forEach(function(tab) {
tab.classList.remove('active-tab');
});
// Show the selected section and activate the selected tab
document.getElementById(sectionId).style.display = 'block';
document.getElementById(tabId).classList.add('active-tab');
}
// Initialize with Delivery tab active
switchTab('delivery-info', 'tab-delivery');
});
</script>
@endsection

@section('content')
<div class="container my-5">
<h1>Delivery and Returns</h1>

<section class="delivery-info">
<h2>Delivery Information</h2>
<p>
We offer various delivery options to meet your needs. Our delivery services include:
</p>
<ul>
<li><strong>Standard Delivery</strong> (3-5 business days): £3.99</li>
<li><strong>Next Day Delivery</strong> (order by 9 PM): £5.99</li>
<li><strong>Free Delivery</strong> on orders over £75</li>
</ul>
<h1 class="text-center">Delivery & Returns Information</h1>
<p class="text-center">Explore our various delivery and return services, designed to cater to your needs worldwide.</p>

<!-- Tabs for Delivery and Returns -->
<div class="tabs-container text-center my-4">
<button id="tab-delivery" class="tab-btn active-tab">DELIVERY</button>
<button id="tab-returns" class="tab-btn">RETURNS</button>
</div>

<!-- Delivery Section -->
<section id="delivery-info" class="content-section">
<h2>
<img src="{{ asset('images/delivery-truck.png') }}" alt="Delivery Logo" class="section-icon">
Delivery Services
</h2>
<div class="my-3">

<ul class="list-group my-4">
<li class="list-group-item">
<strong>Standard Delivery</strong>: We aim to deliver within 4-7 working days. Cost: £4.49.
</li>
<li class="list-group-item">
<strong>Next Day Delivery</strong>: For quick service, items ordered by 7 PM will arrive the next working day. Cost: £6.49.
</li>
<li class="list-group-item">
<strong>Priority Express Delivery</strong>: Expect delivery within 2-3 business days. Cost: £5.49.
</li>
</ul>

</section>

<!-- Returns Section -->
<section id="return-info" class="content-section" style="display: none;">
<h2 style="font-size: 2em; margin-bottom: 20px;">
DO YOU NEED TO RETURN YOUR ORDER?
</h2>
<p style="font-size: 1.1em; line-height: 1.8; margin-bottom: 20px;">
We acknowledge that things don't always go as planned. For your convenience, we have made our returns procedure easy and hassle-free.
<br><br>
<strong>Returns Procedure:</strong> Only the postal service is used to handle returns. The return details are with your package.
For help, you can also get in touch with us directly.
<br><br>
<strong>Call Us:</strong><br>
Contact: 0121 898 919<br>
Email: <a href="mailto:[email protected]">[email protected]</a>
<br><br>
<strong>Return Policy:</strong> Any item may be returned within 28 days of order receipt.
<br><br>
Only the postal service is used to handle returns. The return details are with your box. For help, you can also get in touch with us directly.
<br><br>
<strong>Refunds:</strong> Following processing, refunds may take up to three to five business days to show up on your original payment method.
<br><br>
<strong>Important:</strong> The products need to be in their original packing and condition.
</p>
</section>





@endsection


2 changes: 1 addition & 1 deletion resources/views/reusables/footer.blade.php
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<ul><!--list for contacting us-->
<li class="footer-title">Customer Service</li><!--links to the contact page-->
<li class="footer-list"><a href="/contact">Contact Us</a></li><!--links to the contact page-->
<li class="footer-list"><a href="/aboutus">Return Policy</a></li><!--links to about us-->
<li class="footer-list"><a href="/delivery-and-returns">Return Policy</a></li><!--links to about us-->
<li class="footer-list"><a href="/aboutus">Shipping Information</a></li>
<li class="footer-list"><a href="/aboutus">FAQ</a></li>
</ul>
Expand Down

0 comments on commit db4794b

Please sign in to comment.