Scribd
Upload
27 views19 pages

Index HTML

Next Level Wireless offers professional phone and device repair services, including screen replacements, battery replacements, and water damage repairs. The website features a user-friendly design with sections for services, pricing, testimonials, and contact information. Customers can book repairs and view service details directly through the site.

Uploaded by

Sayem Haque
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
27 views19 pages

Index HTML

Next Level Wireless offers professional phone and device repair services, including screen replacements, battery replacements, and water damage repairs. The website features a user-friendly design with sections for services, pricing, testimonials, and contact information. Customers can book repairs and view service details directly through the site.

Uploaded by

Sayem Haque
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 19

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Next Level Wireless - Professional Phone & Device Repair</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.0.0-beta3/css/all.min.css">
<style>
/* Global Styles */
:root {
--primary-color: #3a86ff;
--secondary-color: #8338ec;
--accent-color: #ff006e;
--light-color: #f8f9fa;
--dark-color: #212529;
--success-color: #28a745;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
line-height: 1.6;
color: var(--dark-color);
background-color: #f5f5f5;
}

a {
text-decoration: none;
color: var(--primary-color);
}

ul {
list-style: none;
}

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

.btn {
display: inline-block;
padding: 10px 20px;
background: var(--primary-color);
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
}

.btn:hover {
background: var(--secondary-color);
transform: translateY(-2px);
}

.btn-accent {
background: var(--accent-color);
}

.btn-accent:hover {
background: #d8005f;
}

.section-title {
text-align: center;
margin-bottom: 40px;
font-size: 2.5rem;
color: var(--dark-color);
position: relative;
}

.section-title::after {
content: '';
display: block;
width: 80px;
height: 4px;
background: var(--primary-color);
margin: 10px auto;
border-radius: 2px;
}

/* Header */
header {
background: white;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
}

.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}

.logo {
font-size: 1.8rem;
font-weight: 700;
color: var(--primary-color);
}

.logo span {
color: var(--secondary-color);
}

.nav-links {
display: flex;
}

.nav-links li {
margin-left: 30px;
}

.nav-links a {
color: var(--dark-color);
font-weight: 500;
transition: color 0.3s;
}

.nav-links a:hover {
color: var(--primary-color);
}

.hamburger {
display: none;
cursor: pointer;
}

/* Hero Section */
.hero {
height: 100vh;
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
url('https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?ixlib=rb-
1.2.1&auto=format&fit=crop&w=1350&q=80');
background-size: cover;
background-position: center;
display: flex;
align-items: center;
text-align: center;
color: white;
padding-top: 80px;
}

.hero-content {
max-width: 800px;
margin: 0 auto;
}

.hero h1 {
font-size: 3.5rem;
margin-bottom: 20px;
}

.hero p {
font-size: 1.2rem;
margin-bottom: 30px;
}

/* Services Section */
.services {
padding: 80px 0;
background: white;
}

.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}

.service-card {
background: var(--light-color);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s;
}

.service-card:hover {
transform: translateY(-10px);
}

.service-img {
height: 200px;
overflow: hidden;
}

.service-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}

.service-card:hover .service-img img {


transform: scale(1.1);
}

.service-content {
padding: 20px;
}

.service-content h3 {
margin-bottom: 10px;
color: var(--primary-color);
}

/* Pricing Section */
.pricing {
padding: 80px 0;
background: var(--light-color);
}

.pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}

.pricing-card {
background: white;
border-radius: 10px;
padding: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
text-align: center;
transition: transform 0.3s;
}

.pricing-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.pricing-card.popular {
border: 2px solid var(--primary-color);
position: relative;
}

.popular-tag {
position: absolute;
top: -15px;
right: 20px;
background: var(--primary-color);
color: white;
padding: 5px 15px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: bold;
}

.price {
font-size: 2.5rem;
font-weight: bold;
color: var(--primary-color);
margin: 20px 0;
}

.price span {
font-size: 1rem;
color: var(--dark-color);
}

.pricing-features {
margin-bottom: 30px;
}

.pricing-features li {
padding: 10px 0;
border-bottom: 1px solid #eee;
}

/* About Section */
.about {
padding: 80px 0;
background: white;
}

.about-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: center;
}
.about-img {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.about-img img {
width: 100%;
height: auto;
display: block;
}

.about-text h2 {
margin-bottom: 20px;
color: var(--primary-color);
}

.about-text p {
margin-bottom: 15px;
}

/* Testimonials */
.testimonials {
padding: 80px 0;
background: var(--light-color);
}

.testimonial-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}

.testimonial-card {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.testimonial-card .quote {
font-style: italic;
margin-bottom: 20px;
}

.testimonial-author {
display: flex;
align-items: center;
}

.author-img {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin-right: 15px;
}

.author-img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.author-info h4 {
margin-bottom: 5px;
}

.author-info p {
color: #666;
font-size: 0.9rem;
}

/* Contact Section */
.contact {
padding: 80px 0;
background: white;
}

.contact-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 50px;
}

.contact-info h3 {
margin-bottom: 20px;
color: var(--primary-color);
}

.contact-info p {
margin-bottom: 30px;
}

.contact-details {
margin-bottom: 30px;
}

.contact-item {
display: flex;
align-items: center;
margin-bottom: 15px;
}

.contact-item i {
width: 40px;
height: 40px;
background: var(--light-color);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
color: var(--primary-color);
}

.contact-form .form-group {
margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 1rem;
}

.contact-form textarea {
height: 150px;
resize: vertical;
}

/* Footer */
footer {
background: var(--dark-color);
color: white;
padding: 50px 0 20px;
}

.footer-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
margin-bottom: 30px;
}

.footer-col h3 {
margin-bottom: 20px;
color: var(--primary-color);
}

.footer-col ul li {
margin-bottom: 10px;
}

.footer-col ul li a {
color: #ddd;
transition: color 0.3s;
}

.footer-col ul li a:hover {
color: var(--primary-color);
}

.social-links {
display: flex;
gap: 15px;
}

.social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
color: white;
transition: all 0.3s;
}

.social-links a:hover {
background: var(--primary-color);
transform: translateY(-3px);
}

.copyright {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 0.9rem;
color: #aaa;
}

/* Responsive Styles */
@media (max-width: 992px) {
.about-content {
grid-template-columns: 1fr;
}

.about-img {
order: -1;
}
}

@media (max-width: 768px) {


.nav-links {
position: fixed;
top: 80px;
left: -100%;
width: 100%;
height: calc(100vh - 80px);
background: white;
flex-direction: column;
align-items: center;
padding: 40px 0;
transition: left 0.3s;
}

.nav-links.active {
left: 0;
}

.nav-links li {
margin: 15px 0;
}

.hamburger {
display: block;
}

.hero h1 {
font-size: 2.5rem;
}
.section-title {
font-size: 2rem;
}
}

@media (max-width: 576px) {


.hero h1 {
font-size: 2rem;
}

.hero p {
font-size: 1rem;
}

.btn {
padding: 8px 16px;
}
}
</style>
</head>
<body>
<!-- Header -->
<header>
<div class="container">
<nav class="navbar">
<a href="#" class="logo">Next <span>Level</span> Wireless</a>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#about">About</a></li>
<li><a href="#testimonials">Reviews</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="hamburger">
<i class="fas fa-bars"></i>
</div>
</nav>
</div>
</header>

<!-- Hero Section -->


<section class="hero" id="home">
<div class="container">
<div class="hero-content">
<h1>Expert Phone & Device Repairs You Can Trust</h1>
<p>Fast, affordable, and reliable repair services for all your
devices. We fix smartphones, tablets, MacBooks, consoles and more with same-day
service available.</p>
<a href="#contact" class="btn btn-accent">Book a Repair</a>
<a href="#services" class="btn">Our Services</a>
</div>
</div>
</section>

<!-- Services Section -->


<section class="services" id="services">
<div class="container">
<h2 class="section-title">Our Repair Services</h2>
<div class="services-grid">
<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1585771724684-
38269d6639fd?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Screen Repair">
</div>
<div class="service-content">
<h3>Screen Replacement</h3>
<p>Cracked or broken screen? We replace screens on all
major smartphone brands with high-quality parts and precision workmanship.</p>
<a href="#pricing" class="btn">View Pricing</a>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1601784551446-
20c9e07cdbdb?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Battery
Replacement">
</div>
<div class="service-content">
<h3>Battery Replacement</h3>
<p>Is your phone dying too quickly? We install premium
batteries that restore your device's original battery life and performance.</p>
<a href="#pricing" class="btn">View Pricing</a>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1597852074816-
d933c7d2b988?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Water Damage
Repair">
</div>
<div class="service-content">
<h3>Water Damage Repair</h3>
<p>Accidental water exposure? Our specialized cleaning and
repair process can often save water-damaged devices when acted upon quickly.</p>
<a href="#pricing" class="btn">View Pricing</a>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1598327105666-
5b89351aff97?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Charging Port
Repair">
</div>
<div class="service-content">
<h3>Charging Port Repair</h3>
<p>Having trouble charging your device? We repair or
replace faulty charging ports to get your device charging like new again.</p>
<a href="#pricing" class="btn">View Pricing</a>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1595941069915-
4ebc5197c14a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Software
Issues">
</div>
<div class="service-content">
<h3>Software Troubleshooting</h3>
<p>From software updates to virus removal, our technicians
can diagnose and fix a wide range of software-related issues.</p>
<a href="#pricing" class="btn">View Pricing</a>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1517336714731-
489689fd1ca8?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="iPad Repair">
</div>
<div class="service-content">
<h3>iPad Repairs</h3>
<p>Digitizer replacement, LED replacement, and other iPad
repairs performed by certified technicians using quality parts.</p>
<a href="#contact" class="btn">Contact Us</a>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1517336714731-
489689fd1ca8?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="MacBook Repair">
</div>
<div class="service-content">
<h3>MacBook Repairs</h3>
<p>Screen replacement, battery replacement, and other
MacBook repairs performed by Apple-certified technicians.</p>
<a href="#contact" class="btn">Contact Us</a>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1607853202273-
797f1c22a38e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Console Repair">
</div>
<div class="service-content">
<h3>Console Repairs</h3>
<p>HDMI replacement, power button replacement, power supply
replacement for all major gaming consoles.</p>
<a href="#contact" class="btn">Contact Us</a>
</div>
</div>
</div>
</div>
</section>

<!-- Pricing Section -->


<section class="pricing" id="pricing">
<div class="container">
<h2 class="section-title">Repair Pricing</h2>
<div class="pricing-grid">
<div class="pricing-card">
<h3>Screen Replacement</h3>
<div class="price">$79 <span>and up</span></div>
<ul class="pricing-features">
<li>iPhone 12/13: $79-$129</li>
<li>iPhone X/11: $69-$119</li>
<li>iPhone 6-8: $49-$89</li>
<li>Samsung Galaxy: $89-$149</li>
<li>Google Pixel: $79-$129</li>
<li>iPad Screen: $149-$299</li>
<li>MacBook Screen: $199-$499</li>
</ul>
<a href="#contact" class="btn">Book Now</a>
</div>

<div class="pricing-card popular">


<div class="popular-tag">Most Popular</div>
<h3>Battery Replacement</h3>
<div class="price">$49 <span>and up</span></div>
<ul class="pricing-features">
<li>iPhone 12/13: $59</li>
<li>iPhone X/11: $49</li>
<li>iPhone 6-8: $39</li>
<li>Samsung Galaxy: $49-$69</li>
<li>Google Pixel: $49-$59</li>
<li>iPad Battery: $99-$199</li>
<li>MacBook Battery: $149-$299</li>
</ul>
<a href="#contact" class="btn btn-accent">Book Now</a>
</div>

<div class="pricing-card">
<h3>Other Services</h3>
<div class="price">$29 <span>and up</span></div>
<ul class="pricing-features">
<li>Charging Port: $29-$59</li>
<li>Camera Repair: $49-$89</li>
<li>Speaker Repair: $39-$69</li>
<li>Water Damage: $69-$129</li>
<li>Software Reset: $29-$49</li>
<li>Console HDMI Port: $79</li>
<li>Diagnostic: Free</li>
</ul>
<a href="#contact" class="btn">Book Now</a>
</div>
</div>
<p style="text-align: center; margin-top: 30px; font-style:
italic;">Prices may vary depending on device model and damage extent. Contact us
for exact pricing.</p>
</div>
</section>

<!-- About Section -->


<section class="about" id="about">
<div class="container">
<h2 class="section-title">About Next Level Wireless</h2>
<div class="about-content">
<div class="about-text">
<h2>Your One-Stop Device Solution</h2>
<p>At Next Level Wireless, we're passionate about providing
top-quality device repair services with exceptional customer service. Our team of
certified technicians has years of experience fixing all types of mobile devices,
tablets, MacBooks, and gaming consoles.</p>
<p>We use only premium quality parts that meet or exceed OEM
standards, ensuring your device performs like new after our repairs. All our
repairs come with a 90-day warranty for your peace of mind.</p>
<p>Beyond repairs, we offer a wide selection of new and
refurbished devices including iPhones, iPads, Android phones, AirPods, and Apple
Watches. We also provide phone service activations for all major carriers and pay
your phone bills.</p>
<p>Our store also carries a comprehensive selection of
accessories including screen protectors, phone cases, charging cables, portable
chargers, speakers, gaming controllers, Bluetooth headphones, and much more.</p>
<p>Whether you need a quick screen replacement or complex
board-level repair, you can trust the experts at Next Level Wireless to get your
device back in perfect working order.</p>
<a href="#contact" class="btn">Visit Our Shop</a>
</div>
<div class="about-img">
<img src="https://images.unsplash.com/photo-1556740738-
b6a63e27c4df?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Our Repair
Shop">
</div>
</div>
</div>
</section>

<!-- Additional Services Section -->


<section class="services" style="background-color: #f8f9fa;">
<div class="container">
<h2 class="section-title">Additional Services</h2>
<div class="services-grid">
<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1546054454-
aa26e2b734c7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Device Reset">
</div>
<div class="service-content">
<h3>Device Reset Services</h3>
<ul style="text-align: left; padding-left: 20px;">
<li>All Apple Device iTunes Reset</li>
<li>All Android Device Reset</li>
<li>Data Backup & Transfer</li>
</ul>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1540932239986-
30128078f3c5?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Phone
Activation">
</div>
<div class="service-content">
<h3>Phone Service Activations</h3>
<ul style="text-align: left; padding-left: 20px;">
<li>T-Mobile</li>
<li>Simple Mobile</li>
<li>AT&T</li>
<li>Verizon</li>
<li>H2O</li>
<li>Lycamobile</li>
<li>Xfinity Prepaid ($45/month unlimited)</li>
</ul>
</div>
</div>

<div class="service-card">
<div class="service-img">
<img src="https://images.unsplash.com/photo-1546054454-
aa26e2b734c7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" alt="Accessories">
</div>
<div class="service-content">
<h3>Accessories We Carry</h3>
<ul style="text-align: left; padding-left: 20px;">
<li>Screen Protectors (Regular & Privacy)</li>
<li>Phone Cases (Regular & Defender)</li>
<li>Charging Adapters & Cables</li>
<li>Portable Chargers</li>
<li>Speakers & Bluetooth Headphones</li>
<li>AirPods & Apple Watch Accessories</li>
<li>Gaming Controllers & HDMI Cables</li>
<li>Firesticks 4K & Electric Scooters</li>
</ul>
</div>
</div>
</div>
</div>
</section>

<!-- Testimonials Section -->


<section class="testimonials" id="testimonials">
<div class="container">
<h2 class="section-title">What Our Customers Say</h2>
<div class="testimonial-grid">
<div class="testimonial-card">
<div class="quote">
"I dropped my iPhone and shattered the screen. Next Level
Wireless had it fixed in under an hour at a great price. The screen looks and works
perfectly - you'd never know it was replaced!"
</div>
<div class="testimonial-author">
<div class="author-img">
<img
src="https://randomuser.me/api/portraits/women/43.jpg" alt="Sarah J.">
</div>
<div class="author-info">
<h4>Sarah J.</h4>
<p>Google Review</p>
</div>
</div>
</div>

<div class="testimonial-card">
<div class="quote">
"My Samsung's battery was draining crazy fast. These guys
replaced it same day and now my phone lasts longer than when it was new! Super
professional service and fair pricing."
</div>
<div class="testimonial-author">
<div class="author-img">
<img
src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T.">
</div>
<div class="author-info">
<h4>Michael T.</h4>
<p>Yelp Review</p>
</div>
</div>
</div>

<div class="testimonial-card">
<div class="quote">
"After my phone took a swim in the pool, I thought it was
done for. Next Level Wireless managed to save all my data and get it working again.
Lifesavers! Will never go anywhere else."
</div>
<div class="testimonial-author">
<div class="author-img">
<img
src="https://randomuser.me/api/portraits/women/65.jpg" alt="Emily R.">
</div>
<div class="author-info">
<h4>Emily R.</h4>
<p>Facebook Review</p>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- Contact Section -->


<section class="contact" id="contact">
<div class="container">
<h2 class="section-title">Contact Us</h2>
<div class="contact-container">
<div class="contact-info">
<h3>Get in Touch</h3>
<p>Have questions about our services or need to book a repair?
Contact us using the form or visit our shop during business hours.</p>

<div class="contact-details">
<div class="contact-item">
<i class="fas fa-map-marker-alt"></i>
<div>
<h4>Location</h4>
<p>1104 Chestnut St STORE<br>Philadelphia, PA
19107</p>
</div>
</div>

<div class="contact-item">
<i class="fas fa-phone-alt"></i>
<div>
<h4>Phone</h4>
<p>(267) 307-8893</p>
</div>
</div>

<div class="contact-item">
<i class="fas fa-envelope"></i>
<div>
<h4>Email</h4>
<p>[email protected]</p>
</div>
</div>

<div class="contact-item">
<i class="fas fa-clock"></i>
<div>
<h4>Hours</h4>
<p>Mon-Sat: 10am - 10pm<br>Sun: 11am - 9pm</p>
</div>
</div>
</div>
</div>

<div class="contact-form">
<form>
<div class="form-group">
<input type="text" placeholder="Your Name" required>
</div>
<div class="form-group">
<input type="email" placeholder="Your Email" required>
</div>
<div class="form-group">
<input type="tel" placeholder="Your Phone">
</div>
<div class="form-group">
<input type="text" placeholder="Device Model">
</div>
<div class="form-group">
<textarea placeholder="Describe your repair
needs"></textarea>
</div>
<button type="submit" class="btn btn-accent">Send
Message</button>
</form>
</div>
</div>
</div>
</section>

<!-- Footer -->


<footer>
<div class="container">
<div class="footer-container">
<div class="footer-col">
<h3>Next Level Wireless</h3>
<p>Your trusted local device repair experts. Fast, affordable,
and reliable service for all your mobile devices, tablets, and laptops.</p>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-yelp"></i></a>
</div>
</div>

<div class="footer-col">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>

<div class="footer-col">
<h3>Our Services</h3>
<ul>
<li><a href="#">Screen Repair</a></li>
<li><a href="#">Battery Replacement</a></li>
<li><a href="#">Water Damage</a></li>
<li><a href="#">iPad/MacBook Repair</a></li>
<li><a href="#">Console Repair</a></li>
<li><a href="#">Device Reset</a></li>
</ul>
</div>

<div class="footer-col">
<h3>Contact Info</h3>
<ul>
<li><i class="fas fa-map-marker-alt"></i> 1104 Chestnut St
STORE, Philadelphia, PA 19107</li>
<li><i class="fas fa-phone-alt"></i> (267) 307-8893</li>
<li><i class="fas fa-envelope"></i>
[email protected]</li>
<li><i class="fas fa-clock"></i> Mon-Sat: 10am-10pm, Sun:
11am-9pm</li>
<li><i class="fas fa-globe"></i>
www.nextlevelwireless.com</li>
</ul>
</div>
</div>

<div class="copyright">
<p>&copy; 2023 Next Level Wireless. All Rights Reserved.</p>
</div>
</div>
</footer>

<script>
// Mobile Navigation
const hamburger = document.querySelector('.hamburger');
const navLinks = document.querySelector('.nav-links');

hamburger.addEventListener('click', () => {
navLinks.classList.toggle('active');
});
// Close mobile menu when clicking a link
document.querySelectorAll('.nav-links a').forEach(link => {
link.addEventListener('click', () => {
navLinks.classList.remove('active');
});
});

// Smooth scrolling for anchor links


document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();

const targetId = this.getAttribute('href');


const targetElement = document.querySelector(targetId);

if (targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
</script>
</body>
</html>

You might also like