Viewing file:  index.php (59.88 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ames, IA's premier dumpster rental service. Fast delivery, affordable rates, and eco-friendly disposal. Call +1 (515) 555-1234 for same-day service!">
<meta name="keywords" content="dumpster rental Ames, waste management, debris removal, construction cleanup, residential dumpster, commercial dumpster">
<meta name="author" content="Elon Dumpster Rental">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Elon Dumpster Rental Ames | Fast & Reliable Service">
<meta property="og:description" content="Ames' trusted dumpster rental service. Affordable rates, eco-friendly disposal, and same-day delivery.">
<meta property="og:type" content="website">
<meta property="og:url" content="http://elondumpsterrental.site">
<meta property="og:site_name" content="Elon Dumpster Rental">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Elon Dumpster Rental Ames | Fast & Reliable Service">
<meta name="twitter:description" content="Ames' trusted dumpster rental service. Affordable rates, eco-friendly disposal, and same-day delivery.">
<title>Elon Dumpster Rental Ames | Fast & Reliable Waste Solutions</title>
<!-- Canonical URL -->
<link rel="canonical" href="http://elondumpsterrental.site">
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
<!-- Google Fonts - Public Sans -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root {
--primary-color: #813174;
--secondary-color: #31813e;
--text-color: #212121;
--font-family: 'Public Sans', sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--font-family);
color: var(--text-color);
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin-bottom: 1rem;
}
a {
color: var(--primary-color);
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
color: var(--secondary-color);
text-decoration: none;
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
border-radius: 50px;
padding: 10px 25px;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
transform: translateY(-2px);
}
.btn-outline-primary {
border-color: var(--primary-color);
color: var(--primary-color);
border-radius: 50px;
padding: 10px 25px;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-outline-primary:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
transform: translateY(-2px);
}
.navbar {
background-color: white;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
padding: 10px 0;
}
.navbar-brand img {
height: 56px;
width: auto;
}
.nav-link {
font-weight: 500;
margin: 0 10px;
color: var(--text-color);
transition: all 0.3s ease;
}
.nav-link:hover {
color: var(--primary-color);
}
.hero-section {
padding: 100px 0;
background-color: #f8f9fa;
}
.hero-content {
display: flex;
align-items: center;
justify-content: flex-end;
}
.hero-text {
max-width: 600px;
text-align: right;
}
.hero-text h1 {
font-size: 3rem;
font-weight: 800;
color: var(--primary-color);
margin-bottom: 20px;
}
.hero-text h2 {
font-size: 1.5rem;
font-weight: 600;
color: var(--secondary-color);
margin-bottom: 30px;
}
.hero-text p {
font-size: 1.1rem;
margin-bottom: 30px;
}
.section-padding {
padding: 80px 0;
}
.section-title {
text-align: center;
margin-bottom: 50px;
}
.section-title h2 {
font-size: 2.5rem;
color: var(--primary-color);
position: relative;
display: inline-block;
}
.section-title h2:after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 3px;
background-color: var(--secondary-color);
}
.service-card {
background-color: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding: 30px;
margin-bottom: 30px;
transition: all 0.3s ease;
height: 100%;
}
.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}
.service-icon {
font-size: 3rem;
color: var(--primary-color);
margin-bottom: 20px;
}
.process-step {
text-align: center;
margin-bottom: 40px;
}
.step-number {
width: 60px;
height: 60px;
background-color: var(--primary-color);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: 700;
margin: 0 auto 20px;
}
.faq-item {
background-color: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
margin-bottom: 20px;
overflow: hidden;
}
.faq-question {
padding: 20px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-question i {
transition: transform 0.3s ease;
}
.faq-answer {
padding: 0 20px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
}
.faq-item.active .faq-answer {
padding: 0 20px 20px;
max-height: 500px;
}
.faq-item.active .faq-question i {
transform: rotate(180deg);
}
.benefit-item {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.benefit-icon {
font-size: 2rem;
color: var(--secondary-color);
margin-right: 20px;
}
.trust-badge {
background-color: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding: 20px;
text-align: center;
margin-bottom: 20px;
}
.trust-badge i {
font-size: 2rem;
color: var(--primary-color);
margin-bottom: 10px;
}
.cta-section {
background-color: var(--primary-color);
color: white;
padding: 80px 0;
text-align: center;
}
.cta-section h2 {
color: white;
margin-bottom: 30px;
}
.contact-form {
background-color: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding: 30px;
}
.form-control, .form-select {
border-radius: 10px;
border: 1px solid #ddd;
padding: 12px 15px;
margin-bottom: 20px;
}
.form-control:focus, .form-select:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.25rem rgba(129, 49, 116, 0.25);
}
.contact-info {
margin-bottom: 30px;
}
.contact-info i {
font-size: 1.5rem;
color: var(--primary-color);
margin-right: 15px;
}
.footer {
background-color: #212121;
color: white;
padding: 60px 0 30px;
}
.footer h4 {
color: white;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
}
.footer h4:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 2px;
background-color: var(--secondary-color);
}
.footer ul {
list-style: none;
padding: 0;
}
.footer ul li {
margin-bottom: 10px;
}
.footer a {
color: white;
}
.footer a:hover {
color: var(--secondary-color);
}
.copyright {
text-align: center;
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #444;
color: #aaa;
}
.modal-content {
border-radius: 10px;
}
.modal-header {
background-color: var(--primary-color);
color: white;
border-radius: 10px 10px 0 0;
}
.modal-header .btn-close {
filter: invert(1);
}
.testimonial-card {
background-color: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
padding: 30px;
margin-bottom: 30px;
position: relative;
}
.testimonial-card:before {
content: '"';
position: absolute;
top: 10px;
left: 20px;
font-size: 4rem;
color: rgba(129, 49, 116, 0.1);
font-family: Georgia, serif;
}
.testimonial-text {
margin-bottom: 20px;
font-style: italic;
}
.testimonial-author {
display: flex;
align-items: center;
}
.author-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--primary-color);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
margin-right: 15px;
}
.author-info h5 {
margin: 0;
font-size: 1rem;
}
.author-info p {
margin: 0;
font-size: 0.9rem;
color: #666;
}
.office-image {
width: 100%;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.owner-image {
width: 100%;
max-width: 300px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
.hero-text {
text-align: center;
margin-top: 30px;
}
.hero-text h1 {
font-size: 2rem;
}
.hero-text h2 {
font-size: 1.2rem;
}
.section-padding {
padding: 50px 0;
}
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container">
<a class="navbar-brand" href="#home">
<img src="logo.png" alt="Logo Elon Dumpster Rental">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#process">Process</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item ms-3">
<a class="btn btn-primary" href="tel:+15155551234">Call Now</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="hero-section">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="hero-content">
<div class="hero-text">
<h1>Ames' Most Reliable Dumpster Rental Service</h1>
<h2>Fast Delivery, Eco-Friendly Disposal, Unbeatable Prices</h2>
<p>Transform your cleanup project with Elon Dumpster Rental. Whether you're renovating your home, clearing out your garage, or managing a construction site, we provide the perfect waste solution with prompt delivery and pickup.</p>
<div class="d-flex justify-content-end gap-3">
<a href="#services" class="btn btn-primary">Our Services</a>
<a href="tel:+15155551234" class="btn btn-outline-primary">Call Us Now</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="hero-image">
<i class="bi bi-trash3-fill" style="font-size: 20rem; color: rgba(129, 49, 116, 0.2);"></i>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="section-padding">
<div class="container">
<div class="section-title">
<h2>Our Dumpster Rental Solutions</h2>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-card">
<div class="service-icon">
<i class="bi bi-house-fill"></i>
</div>
<h3>Residential Dumpster Rental</h3>
<p>Perfect for home renovations, spring cleaning, and garage cleanouts. Our residential dumpsters come in various sizes to accommodate any home project.</p>
<ul>
<li>Home renovation debris</li>
<li>Yard waste removal</li>
<li>Garage and attic cleanouts</li>
<li>Moving debris</li>
</ul>
<a href="#contact" class="btn btn-primary mt-3">Get a Quote</a>
</div>
</div>
<div class="col-md-4">
<div class="service-card">
<div class="service-icon">
<i class="bi bi-building"></i>
</div>
<h3>Commercial Dumpster Rental</h3>
<p>Keep your business site clean and compliant with our commercial dumpster solutions. Ideal for retail spaces, offices, and industrial facilities.</p>
<ul>
<li>Office cleanouts</li>
<li>Retail space renovations</li>
<li>Regular waste management</li>
<li>Construction debris</li>
</ul>
<a href="#contact" class="btn btn-primary mt-3">Get a Quote</a>
</div>
</div>
<div class="col-md-4">
<div class="service-card">
<div class="service-icon">
<i class="bi bi-hammer"></i>
</div>
<h3>Construction Dumpster Rental</h3>
<p>Handle heavy construction debris with our robust construction dumpsters. Built to withstand the toughest materials and largest loads.</p>
<ul>
<li>New construction sites</li>
<li>Demolition debris</li>
<li>Concrete and asphalt</li>
<li>Heavy materials disposal</li>
</ul>
<a href="#contact" class="btn btn-primary mt-3">Get a Quote</a>
</div>
</div>
</div>
</div>
</section>
<!-- Office Section -->
<section class="section-padding bg-light">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<img src="elon-dumpster-rental-ames.jpg" alt="Elon Dumpster Rental Office in Ames, Iowa" class="office-image" loading="lazy">
</div>
<div class="col-lg-6">
<h2>Our Ames Headquarters</h2>
<p>Located in the heart of Ames, Iowa, our headquarters serves as the central hub for all dumpster rental operations in the area. Our strategically positioned facility allows us to provide prompt service to all neighborhoods in Ames and surrounding communities.</p>
<p>Our office is staffed with knowledgeable professionals who are ready to assist you with selecting the perfect dumpster size for your project. We maintain a fleet of well-maintained dumpsters in various sizes, ensuring we have the right solution for any waste management need.</p>
<p>When you visit our office at 300 Stanton Ave, you'll experience our commitment to customer service firsthand. We're proud to be a local business that understands the unique needs of Ames residents and businesses.</p>
<div class="d-flex gap-3 mt-4">
<a href="#contact" class="btn btn-primary">Visit Us</a>
<a href="tel:+15155551234" class="btn btn-outline-primary">Call for Directions</a>
</div>
</div>
</div>
</div>
</section>
<!-- Owner Section -->
<section class="section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<img src="elon-owner.jpg" alt="Owner of Elon Dumpster Rental" class="owner-image" loading="lazy">
</div>
<div class="col-lg-6 order-lg-1">
<h2>Meet Our Team</h2>
<p>At Elon Dumpster Rental, we're more than just a waste management company – we're your neighbors. Our team consists of dedicated professionals who live and work in the Ames community.</p>
<p>With years of experience in the waste management industry, we've developed streamlined processes that make renting a dumpster simple and hassle-free. We understand that every project is unique, which is why we take the time to listen to your needs and recommend the perfect solution.</p>
<p>Our commitment to excellence extends beyond just providing dumpsters. We're passionate about environmental responsibility and ensure that all waste is disposed of properly, with recycling whenever possible. When you choose Elon Dumpster Rental, you're not just getting a container – you're getting a partner in your project's success.</p>
<div class="d-flex gap-3 mt-4">
<a href="#testimonials" class="btn btn-primary">Read Our Reviews</a>
<a href="#contact" class="btn btn-outline-primary">Contact Our Team</a>
</div>
</div>
</div>
</div>
</section>
<!-- Process Section -->
<section id="process" class="section-padding bg-light">
<div class="container">
<div class="section-title">
<h2>Our Simple Rental Process</h2>
</div>
<div class="row">
<div class="col-md-3">
<div class="process-step">
<div class="step-number">1</div>
<h3>Choose Your Dumpster</h3>
<p>Browse our selection of dumpster sizes and select the one that best fits your project needs.</p>
</div>
</div>
<div class="col-md-3">
<div class="process-step">
<div class="step-number">2</div>
<h3>Schedule Delivery</h3>
<p>Call us or fill out our online form to schedule a delivery time that works for you.</p>
</div>
</div>
<div class="col-md-3">
<div class="process-step">
<div class="step-number">3</div>
<h3>Fill Your Dumpster</h3>
<p>Take your time filling the dumpster with your project waste. We'll give you clear guidelines on what can and cannot be included.</p>
</div>
</div>
<div class="col-md-3">
<div class="process-step">
<div class="step-number">4</div>
<h3>We Handle The Rest</h3>
<p>Once you're done, we'll pick up the dumpster and properly dispose of all contents, recycling when possible.</p>
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="#contact" class="btn btn-primary btn-lg">Start Your Rental Today</a>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials" class="section-padding">
<div class="container">
<div class="section-title">
<h2>What Our Customers Say</h2>
</div>
<div class="row">
<div class="col-md-4">
<div class="testimonial-card">
<div class="testimonial-text">
"Elon Dumpster Rental made our home renovation so much easier. The dumpster was delivered on time, picked up promptly, and the price was unbeatable. Highly recommend!"
</div>
<div class="testimonial-author">
<div class="author-avatar">JD</div>
<div class="author-info">
<h5>Jennifer Davis</h5>
<p>Homeowner, Ames</p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="testimonial-card">
<div class="testimonial-text">
"As a contractor, I need reliable partners. Elon Dumpster Rental has never let me down. Their service is consistent, their dumpsters are clean, and their team is professional."
</div>
<div class="testimonial-author">
<div class="author-avatar">MR</div>
<div class="author-info">
<h5>Mike Rodriguez</h5>
<p>Construction Manager</p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="testimonial-card">
<div class="testimonial-text">
"I was worried about the environmental impact of our renovation waste. Elon Dumpster Rental not only provided a great service but also ensured everything was disposed of responsibly."
</div>
<div class="testimonial-author">
<div class="author-avatar">SC</div>
<div class="author-info">
<h5>Sarah Chen</h5>
<p>Business Owner, Ames</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="section-padding bg-light">
<div class="container">
<div class="section-title">
<h2>Frequently Asked Questions</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="faq-item">
<div class="faq-question">
<span>What sizes of dumpsters do you offer?</span>
<i class="bi bi-chevron-down"></i>
</div>
<div class="faq-answer">
<p>We offer a variety of dumpster sizes to suit different project needs. Our smallest option is perfect for residential cleanouts, while our largest dumpsters can handle major construction debris. Contact us with details about your project, and we'll recommend the perfect size.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span>How long can I keep the dumpster?</span>
<i class="bi bi-chevron-down"></i>
</div>
<div class="faq-answer">
<p>Our standard rental period is 7 days, but we understand that projects sometimes take longer. We offer flexible rental extensions at competitive daily rates. Just let us know if you need more time, and we'll accommodate your schedule.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="faq-item">
<div class="faq-question">
<span>What items are prohibited in the dumpster?</span>
<i class="bi bi-chevron-down"></i>
</div>
<div class="faq-answer">
<p>For safety and environmental reasons, certain items cannot be placed in our dumpsters. These include hazardous materials, chemicals, paints, batteries, tires, and some electronics. We'll provide you with a complete list of prohibited items when you rent from us.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
<span>Do you offer same-day delivery?</span>
<i class="bi bi-chevron-down"></i>
</div>
<div class="faq-answer">
<p>Yes, we offer same-day delivery whenever possible. If you call us before noon, we can often deliver your dumpster the same day. During busy periods, we recommend booking at least 24 hours in advance to ensure availability.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="section-padding">
<div class="container">
<div class="section-title">
<h2>Why Choose Elon Dumpster Rental</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="benefit-item">
<div class="benefit-icon">
<i class="bi bi-clock-fill"></i>
</div>
<div>
<h4>Prompt Service</h4>
<p>We understand that time is money. That's why we prioritize quick delivery and pickup to keep your project on schedule.</p>
</div>
</div>
<div class="benefit-item">
<div class="benefit-icon">
<i class="bi bi-tag-fill"></i>
</div>
<div>
<h4>Competitive Pricing</h4>
<p>Our transparent pricing ensures you get the best value for your money. No hidden fees, just straightforward, affordable rates.</p>
</div>
</div>
<div class="benefit-item">
<div class="benefit-icon">
<i class="bi bi-recycle"></i>
</div>
<div>
<h4>Eco-Friendly</h4>
<p>We're committed to environmental responsibility. We sort and recycle materials whenever possible, minimizing landfill impact.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="benefit-item">
<div class="benefit-icon">
<i class="bi bi-people-fill"></i>
</div>
<div>
<h4>Local Experts</h4>
<p>As Ames locals, we understand the unique needs of our community. We're not just a service provider; we're your neighbors.</p>
</div>
</div>
<div class="benefit-item">
<div class="benefit-icon">
<i class="bi bi-shield-check"></i>
</div>
<div>
<h4>Fully Insured</h4>
<p>Rest easy knowing we're fully insured and licensed. Your property and our equipment are protected throughout the rental period.</p>
</div>
</div>
<div class="benefit-item">
<div class="benefit-icon">
<i class="bi bi-headset"></i>
</div>
<div>
<h4>Exceptional Support</h4>
<p>Our friendly team is here to help every step of the way. From selecting the right size to answering questions, we've got you covered.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Trust Indicators Section -->
<section class="section-padding bg-light">
<div class="container">
<div class="section-title">
<h2>Trusted by Ames Residents & Businesses</h2>
</div>
<div class="row">
<div class="col-md-3">
<div class="trust-badge">
<i class="bi bi-award-fill"></i>
<h4>5+ Years</h4>
<p>Serving the Ames community with reliable waste management solutions</p>
</div>
</div>
<div class="col-md-3">
<div class="trust-badge">
<i class="bi bi-star-fill"></i>
<h4>500+ Reviews</h4>
<p>Consistently rated 5 stars by our satisfied customers</p>
</div>
</div>
<div class="col-md-3">
<div class="trust-badge">
<i class="bi bi-truck"></i>
<h4>1000+ Deliveries</h4>
<p>Completed dumpster deliveries for residential and commercial projects</p>
</div>
</div>
<div class="col-md-3">
<div class="trust-badge">
<i class="bi bi-geo-alt-fill"></i>
<h4>Local Experts</h4>
<p>Deep knowledge of Ames neighborhoods and waste disposal regulations</p>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta-section">
<div class="container">
<h2>Ready to Tackle Your Next Project?</h2>
<p class="lead">Get your dumpster delivered today and experience the Elon Dumpster Rental difference</p>
<div class="d-flex justify-content-center gap-3 mt-4">
<a href="#contact" class="btn btn-light btn-lg">Get a Free Quote</a>
<a href="tel:+15155551234" class="btn btn-outline-light btn-lg">Call Us Now</a>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="section-padding">
<div class="container">
<div class="section-title">
<h2>Get In Touch</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="contact-form">
<h3>Request a Quote</h3>
<p>Fill out the form below, and we'll get back to you within 24 hours with a personalized quote for your project.</p>
<form id="contactForm">
<div class="row">
<div class="col-md-6">
<div class="mb-3">
<label for="firstName" class="form-label">First Name</label>
<input type="text" class="form-control" id="firstName" required>
</div>
</div>
<div class="col-md-6">
<div class="mb-3">
<label for="lastName" class="form-label">Last Name</label>
<input type="text" class="form-control" id="lastName" required>
</div>
</div>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email Address</label>
<input type="email" class="form-control" id="email" required>
</div>
<div class="mb-3">
<label for="phone" class="form-label">Phone Number</label>
<input type="tel" class="form-control" id="phone" required>
</div>
<div class="mb-3">
<label for="serviceType" class="form-label">Service Type</label>
<select class="form-select" id="serviceType" required>
<option value="" selected disabled>Select a service type</option>
<option value="residential">Residential Dumpster Rental</option>
<option value="commercial">Commercial Dumpster Rental</option>
<option value="construction">Construction Dumpster Rental</option>
<option value="other">Other</option>
</select>
</div>
<div class="mb-3">
<label for="message" class="form-label">Project Details</label>
<textarea class="form-control" id="message" rows="4" placeholder="Tell us about your project..."></textarea>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="emergency">
<label class="form-check-label" for="emergency">This is an emergency request (24/7 service available)</label>
</div>
<button type="submit" class="btn btn-primary">Submit Request</button>
</form>
</div>
</div>
<div class="col-md-6">
<div class="contact-info">
<h3>Contact Information</h3>
<div class="d-flex align-items-center mb-3">
<i class="bi bi-telephone-fill"></i>
<div>
<h5>Phone</h5>
<p>+1 (515) 555-1234</p>
</div>
</div>
<div class="d-flex align-items-center mb-3">
<i class="bi bi-envelope-fill"></i>
<div>
<h5>Email</h5>
<p>info@elondumpsterrental.site</p>
</div>
</div>
<div class="d-flex align-items-center mb-3">
<i class="bi bi-geo-alt-fill"></i>
<div>
<h5>Address</h5>
<p>300 Stanton Ave, Ames, IA 50014</p>
</div>
</div>
<div class="d-flex align-items-center mb-3">
<i class="bi bi-clock-fill"></i>
<div>
<h5>Working Hours</h5>
<p>Monday - Sunday: 9:00 AM - 6:00 PM</p>
<p>Emergency Service: 24/7</p>
</div>
</div>
</div>
<div class="map-container mt-4">
<h3>Find Us</h3>
<div class="ratio ratio-16x9">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2948.447696949632!2d-93.61991868459418!3d42.02571797935318!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87ee734b4c5b5b5b%3A0x5b5b5b5b5b5b5b5b!2s300%20Stanton%20Ave%2C%20Ames%2C%20IA%2050014!5e0!3m2!1sen!2sus!4v1620000000000!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
<div class="service-areas mt-4">
<h3>Service Areas</h3>
<p>We proudly serve Ames and the surrounding communities, including:</p>
<div class="row">
<div class="col-6">
<ul>
<li>Ames (50010-50014)</li>
<li>Boone (50036)</li>
<li>Nevada (50201)</li>
</ul>
</div>
<div class="col-6">
<ul>
<li>Story City (50248)</li>
<li>Huxley (50124)</li>
<li>And surrounding areas</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>About Us</h4>
<p>Elon Dumpster Rental is Ames' premier waste management solution. We provide reliable, affordable dumpster rental services for residential, commercial, and construction projects.</p>
<div class="social-links mt-3">
<a href="#" class="me-2"><i class="bi bi-facebook"></i></a>
<a href="#" class="me-2"><i class="bi bi-twitter"></i></a>
<a href="#" class="me-2"><i class="bi bi-instagram"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="col-md-3">
<h4>Quick Links</h4>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#process">Our Process</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</div>
<div class="col-md-3">
<h4>Services</h4>
<ul>
<li><a href="#services">Residential Dumpster Rental</a></li>
<li><a href="#services">Commercial Dumpster Rental</a></li>
<li><a href="#services">Construction Dumpster Rental</a></li>
<li><a href="#services">Emergency Service</a></li>
<li><a href="#services">Waste Management Consulting</a></li>
</ul>
</div>
<div class="col-md-3">
<h4>Contact Info</h4>
<ul>
<li><i class="bi bi-geo-alt-fill me-2"></i>300 Stanton Ave, Ames, IA 50014</li>
<li><i class="bi bi-telephone-fill me-2"></i>+1 (515) 555-1234</li>
<li><i class="bi bi-envelope-fill me-2"></i>info@elondumpsterrental.site</li>
<li><i class="bi bi-clock-fill me-2"></i>Mon-Sun: 9:00 AM - 6:00 PM</li>
</ul>
</div>
</div>
<div class="copyright">
<p>© 2023 Elon Dumpster Rental. All rights reserved. | <a href="#" data-bs-toggle="modal" data-bs-target="#termsModal">Terms of Use</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#privacyModal">Privacy Policy</a></p>
</div>
</div>
</footer>
<!-- Terms of Use Modal -->
<div class="modal fade" id="termsModal" tabindex="-1" aria-labelledby="termsModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="termsModalLabel">Terms of Use</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h5>1. Agreement to Terms</h5>
<p>By accessing and using the Elon Dumpster Rental website, you accept and agree to be bound by the terms and provision of this agreement.</p>
<h5>2. Use License</h5>
<p>Permission is granted to temporarily download one copy of the materials on Elon Dumpster Rental's website for personal, non-commercial transitory viewing only.</p>
<h5>3. Disclaimer</h5>
<p>The materials on Elon Dumpster Rental's website are provided on an 'as is' basis. Elon Dumpster Rental makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.</p>
<h5>4. Service Terms</h5>
<p>By renting a dumpster from Elon Dumpster Rental, you agree to use the equipment solely for its intended purpose and to follow all guidelines regarding prohibited items, weight limits, and proper usage.</p>
<h5>5. Limitations</h5>
<p>In no event shall Elon Dumpster Rental or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on Elon Dumpster Rental's website.</p>
<h5>6. Revisions and Errata</h5>
<p>The materials appearing on Elon Dumpster Rental's website could include technical, typographical, or photographic errors. Elon Dumpster Rental does not warrant that any of the materials on its website are accurate, complete, or current.</p>
<h5>7. Governing Law</h5>
<p>These terms and conditions are governed by and construed in accordance with the laws of Iowa and you irrevocably submit to the exclusive jurisdiction of the courts in that State or location.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Privacy Policy Modal -->
<div class="modal fade" id="privacyModal" tabindex="-1" aria-labelledby="privacyModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="privacyModalLabel">Privacy Policy</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<h5>1. Information We Collect</h5>
<p>Elon Dumpster Rental collects personal information you provide when you use our services, including your name, address, phone number, email address, and payment information.</p>
<h5>2. How We Use Your Information</h5>
<p>We use the information we collect to provide, maintain, and improve our services, process transactions, send you technical notices and support messages, and communicate with you about products, services, and promotional offers.</p>
<h5>3. Information Sharing</h5>
<p>We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except as described in this Privacy Policy. We may share your information with trusted third-party service providers who assist us in operating our website and conducting our business.</p>
<h5>4. Data Security</h5>
<p>We implement appropriate technical and organizational measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction.</p>
<h5>5. Your Rights</h5>
<p>You have the right to access, update, or delete your personal information. You may also opt out of receiving promotional communications from us at any time.</p>
<h5>6. Cookies</h5>
<p>Our website uses cookies to enhance your experience, analyze site traffic, and personalize content. You can control the use of cookies through your browser settings.</p>
<h5>7. Children's Privacy</h5>
<p>Our services are not intended for children under the age of 13. We do not knowingly collect personal information from children under 13.</p>
<h5>8. Changes to This Privacy Policy</h5>
<p>We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last Updated" date.</p>
<h5>9. Contact Us</h5>
<p>If you have any questions about this Privacy Policy, please contact us at info@elondumpsterrental.site or +1 (515) 555-1234.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Schema Markup -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Elon Dumpster Rental",
"description": "Ames, IA's premier dumpster rental service. Fast delivery, affordable rates, and eco-friendly disposal.",
"image": "http://elondumpsterrental.site/logo.png",
"url": "http://elondumpsterrental.site",
"telephone": "+1 (515) 555-1234",
"address": {
"@type": "PostalAddress",
"streetAddress": "300 Stanton Ave",
"addressLocality": "Ames",
"addressRegion": "IA",
"postalCode": "50014",
"addressCountry": "US"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "42.0257179",
"longitude": "-93.6199186"
},
"openingHours": "Mo-Su 09:00-18:00",
"sameAs": [
"https://www.facebook.com/elondumpsterrental",
"https://www.twitter.com/elondumpsterrental"
],
"priceRange": "$$",
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Dumpster Rental Services",
"itemListElement": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Residential Dumpster Rental",
"description": "Perfect for home renovations, spring cleaning, and garage cleanouts."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Commercial Dumpster Rental",
"description": "Ideal for retail spaces, offices, and industrial facilities."
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Construction Dumpster Rental",
"description": "Built to withstand the toughest materials and largest loads."
}
}
]
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What sizes of dumpsters do you offer?",
"acceptedAnswer": {
"@type": "Answer",
"text": "We offer a variety of dumpster sizes to suit different project needs. Our smallest option is perfect for residential cleanouts, while our largest dumpsters can handle major construction debris. Contact us with details about your project, and we'll recommend the perfect size."
}
},
{
"@type": "Question",
"name": "How long can I keep the dumpster?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Our standard rental period is 7 days, but we understand that projects sometimes take longer. We offer flexible rental extensions at competitive daily rates. Just let us know if you need more time, and we'll accommodate your schedule."
}
},
{
"@type": "Question",
"name": "What items are prohibited in the dumpster?",
"acceptedAnswer": {
"@type": "Answer",
"text": "For safety and environmental reasons, certain items cannot be placed in our dumpsters. These include hazardous materials, chemicals, paints, batteries, tires, and some electronics. We'll provide you with a complete list of prohibited items when you rent from us."
}
},
{
"@type": "Question",
"name": "Do you offer same-day delivery?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, we offer same-day delivery whenever possible. If you call us before noon, we can often deliver your dumpster the same day. During busy periods, we recommend booking at least 24 hours in advance to ensure availability."
}
}
]
}
</script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom JavaScript -->
<script>
// FAQ Accordion
document.querySelectorAll('.faq-question').forEach(question => {
question.addEventListener('click', () => {
const faqItem = question.parentElement;
const isActive = faqItem.classList.contains('active');
// Close all FAQ items
document.querySelectorAll('.faq-item').forEach(item => {
item.classList.remove('active');
});
// Open clicked item if it wasn't active
if (!isActive) {
faqItem.classList.add('active');
}
});
});
// Contact Form Submission
document.getElementById('contactForm').addEventListener('submit', function(e) {
e.preventDefault();
// Get form values
const firstName = document.getElementById('firstName').value;
const lastName = document.getElementById('lastName').value;
const email = document.getElementById('email').value;
const phone = document.getElementById('phone').value;
const serviceType = document.getElementById('serviceType').value;
const message = document.getElementById('message').value;
const isEmergency = document.getElementById('emergency').checked;
// Here you would normally send the data to a server
// For this example, we'll just show a success message
alert(`Thank you, ${firstName}! Your request has been submitted. We'll contact you within 24 hours.`);
// Reset form
this.reset();
});
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
const navbarHeight = document.querySelector('.navbar').offsetHeight;
const targetPosition = targetElement.offsetTop - navbarHeight;
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
}
});
});
// Add active class to navigation links based on scroll position
window.addEventListener('scroll', () => {
const sections = document.querySelectorAll('section[id]');
const navbarHeight = document.querySelector('.navbar').offsetHeight;
const scrollPosition = window.scrollY + navbarHeight + 100;
sections.forEach(section => {
const sectionTop = section.offsetTop;
const sectionHeight = section.offsetHeight;
const sectionId = section.getAttribute('id');
if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {
document.querySelectorAll('.nav-link').forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href') === `#${sectionId}`) {
link.classList.add('active');
}
});
}
});
});
</script>
</body>
</html>
|