ampedprojects.github.io/index.html at main · ampedprojects/ampedprojects.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Anco Movers - Professional Moving Services | Service Beyond Expectations</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
    <meta name="description" content="Anco Movers - Professional moving services including residential removal, office removal, garden refuse removal, and commercial deliveries. Serving you since 2021 with excellence.">
    <meta name="keywords" content="Anco Movers, moving services, residential removal, office removal, garden refuse removal, commercial deliveries">
    <link rel="canonical" href="https://www.ancomovers.com">
    <meta name="robots" content="index, follow">
</head>
<body>
    <header class="main-header">
        <div class="logo" aria-label="Anco Movers Logo">Anco Movers</div>
        <nav id="main-nav" aria-label="Main Navigation">
            <ul>
                <li><a href="#home" title="Go to Home section">Home</a></li>
                <li><a href="#about" title="Learn more about us">About</a></li>
                <li><a href="#gallery" title="View our work gallery">Gallery</a></li>
                <li><a href="#contact" title="Contact us for a quote">Contact</a></li>
            </ul>
        </nav>
        <div class="menu-icon" id="menu-toggle" aria-label="Toggle mobile menu">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </header>

    <main>
        <section id="home" class="hero-section">
            <h1>Welcome to Anco Movers</h1>
            <p class="tagline">Service beyond expectations</p>
            <a href="#contact" class="cta-button" title="Get a free quote">Get a Free Quote</a>
        </section>

        <section id="services" class="services-section">
            <h2>Our Comprehensive Services</h2>
            <div class="services-grid">
                <div class="service-item">
                    <h3>Residential Removal</h3>
                    <p>Expert home moving services for a stress-free relocation. We handle everything from packing to unpacking.</p>
                </div>
                <div class="service-item">
                    <h3>Office Removal</h3>
                    <p>Efficient office moving solutions to minimize downtime. We ensure your business is up and running quickly.</p>
                </div>
                <div class="service-item">
                    <h3>Garden Refuse Removal</h3>
                    <p>Quick and eco-friendly garden waste disposal services. We help keep your outdoor spaces clean and tidy.</p>
                </div>
                <div class="service-item">
                    <h3>Commercial Deliveries</h3>
                    <p>Reliable and timely delivery services for businesses. We handle your goods with care and precision.</p>
                </div>
            </div>
        </section>

        <section id="about" class="about-section">
            <h2>About Anco Movers</h2>
            <p>At Anco Movers, we've been providing top-notch moving services since 2021. Our mission is to make your move as smooth and stress-free as possible, always going above and beyond to exceed your expectations. With our team of experienced professionals, we ensure that every aspect of your move is handled with care and efficiency.</p>
        </section>

        <section id="gallery" class="gallery-section">
            <h2>Our Work Gallery</h2>
            <div class="image-gallery">
                <img src="Img1.jpg" alt="Residential moving service - A family moving into their new home" loading="lazy">
                <img src="Img2.jpg" alt="Office relocation - Efficient moving of office equipment" loading="lazy">
                <img src="Img3.jpg" alt="Garden refuse removal - Clearing garden waste" loading="lazy">
                <img src="Img4.jpg" alt="Commercial delivery - Timely delivery of business goods" loading="lazy">
                <img src="Img5.jpg" alt="Packing service - Professional packing of household items" loading="lazy">
                <img src="Img6.jpg" alt="Storage solutions - Secure storage facilities" loading="lazy">
            </div>
        </section>

        <section id="contact" class="contact-section">
            <h2>Contact Us for a Quote</h2>
            <form id="contact-form" action="https://formspree.io/f/mbljjrnr" method="POST">
                <label for="name">Your Name</label>
                <input type="text" id="name" name="name" placeholder="Enter your full name" required>

                <label for="email">Your Email</label>
                <input type="email" id="email" name="email" placeholder="Enter your email address" required>

                <label for="phone">Your Phone Number</label>
                <input type="tel" id="phone" name="phone" placeholder="Enter your phone number">

                <label for="service">Select a Service</label>
                <select id="service" name="service" required>
                    <option value="">Choose a service</option>
                    <option value="residential">Residential Removal</option>
                    <option value="office">Office Removal</option>
                    <option value="garden">Garden Refuse Removal</option>
                    <option value="commercial">Commercial Deliveries</option>
                </select>

                <label for="message">Your Message</label>
                <textarea id="message" name="message" placeholder="Tell us about your moving needs" required></textarea>

                <button type="submit">Get a Quote</button>
            </form>
        </section>
    </main>

    <footer class="main-footer">
        <div class="footer-content">
            <div class="footer-section">
                <h3>Contact Information</h3>
                <p>Email: <a href="mailto:unarinem01@gmail.com">unarinem01@gmail.com</a></p>
                <p>Phone: <a href="tel:+27787546272">(078) 754 6272</a></p>
            </div>
            <div class="footer-section">
                <h3>Follow Us</h3>
                <a href="https://www.facebook.com/profile.php?id=100078318047965&mibextid=LQQJ4d" target="_blank" rel="noopener noreferrer" class="social-link">Facebook</a>
            </div>
        </div>
        <p class="copyright">© 2021 Anco Movers. All rights reserved.</p>
    </footer>

    <script src="script.js" defer></script>
</body>
</html>