<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="/img/fav.png" type="image/x-icon">
    <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=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
    <title>TOWING</title>
</head>
<body>
    <div class="main_container">
        <div class="page_wrapper">
            <header>
                <div class="header_wrapper">
                    <div class="number_cont">
                        <a href="tel:+79991112233" class="header-phone"><img src="/img/24-hours-gold.png" alt="call"><span>+7 (111) 555-22-33</span></a>
                    </div>
                    <div class="menu_toggle">
                        <button id="burger_menu" aria-label="Open menu" aria-haspopup="true" aria-expanded="false">☰</button>
                    </div>
                </div>
            </header>
            <nav class="buttom_menu_cont hidden" aria-label="Main navigation">
                <div class="logo_cont">
                    <img src="/img/logo-smll.png" alt="logo">
                </div>
                <div class="menu_links_wrapper">
                    <div class="menu_link_container">
                        <a href="/index.html" class="menu_link">Home</a>
                    </div>
                    <div class="menu_link_container">
                        <a href="/index.html#services" class="menu_link">Our Services</a>
                    </div>
                    <div class="menu_link_container">
                        <a href="/index.html#benefits" class="menu_link">Benefits</a>
                    </div>
                    <div class="menu_link_container">
                        <a href="/index.html#faq" class="menu_link">FAQ</a>
                    </div>
                    <div class="menu_link_container">
                        <a href="/index.html#testimonials" class="menu_link">Testimonials</a>
                    </div>
                    <div class="menu_link_container">
                        <a href="/about-us.html" class="menu_link">About Us</a>
                    </div>
                </div>
                <div class="contact_buttons">
                    <p class="contact_intro">Need help fast? We're available 24/7! <br> Call now, and our team will assist you right away!</p>
                    <a href="tel:+79991112233" class="call_button">
                        <img src="/img/calling.png" alt="Call us"> Call Us Now
                    </a>
                </div>
            </nav>             
            <main>
                <section class="main_top" aria-labelledby="main-title">
                    <div class="title_cont">
                        <a href="/index.html">
                            <img src="/img/logo-main.png" alt="main logo">
                        </a>
                        <h1 id="main-title"><span>About Us:</span> <br> Who We Are and How We Work</h1>
                        <p>We are committed to providing fast, reliable, and affordable towing services. Learn more about our team, our values, and our dedication to helping drivers in need.</p>
                    </div>
                    <div class="cta_text">
                    </div>
                    <div class="cta_cont">
                        <a href="tel:+79991112233" class="cta-button" aria-label="Call a tow truck">
                            <img src="/img/calling.png" alt="call"><span>Call a Tow Truck</span>
                        </a>
                    </div>
                </section>
                <section class="about_section" id="our-mission">
                    <h2>Our Mission</h2>
                    <img src="/img/a1.jpg" alt="Our Mission Image">
                    <p>Our mission is to provide the most reliable and affordable towing services, ensuring that every driver gets the support they need, when they need it. We work tirelessly to be there for our community 24/7, delivering prompt and professional assistance with a smile.</p>
                </section>
                
                <section class="about_section" id="our-team">
                    <h2>Our Team</h2>
                    <img src="/img/a2.jpg" alt="Our Team Image">
                    <p>Our team is made up of dedicated professionals who are passionate about helping drivers in distress. Each of our technicians is highly trained and experienced, ensuring your vehicle is in safe hands. Our support staff is always available to answer your questions and provide guidance.</p>
                </section>
                
                <section class="about_section" id="what-sets-us-apart">
                    <h2>What Sets Us Apart</h2>
                    <img src="/img/a3.jpg" alt="What Sets Us Apart Image">
                    <p>We combine speed, affordability, and unmatched customer service to provide a towing experience that is second to none. Our commitment to using the latest equipment and maintaining high standards has made us a trusted name in the towing industry.</p>
                </section>
                
                <section class="about_section" id="core-principles">
                    <h2>Core Principles</h2>
                    <img src="/img/a4.jpg" alt="Core Principles Image">
                    <p>Our core principles revolve around honesty, reliability, and empathy. We believe in treating each customer with respect and providing transparent services without hidden fees. We work hard to ensure every interaction is positive and reassuring.</p>
                </section>
                
                <section class="about_section" id="why-choose-us">
                    <h2>Why Choose Us</h2>
                    <img src="/img/a5.jpg" alt="Why Choose Us Image">
                    <p>Choosing us means choosing a reliable partner that will always have your back. We value your time, your safety, and your satisfaction. From light-duty towing to heavy-duty recovery, we handle it all with professionalism and care.</p>
                </section>
                
                <section class="about_section" id="final-message">
                    <h2>Your Trusted Towing Partner</h2>
                    <p>Thank you for considering us for your towing and roadside assistance needs. We look forward to providing you with the quality service you deserve. Reach out to us anytime—our team is here to help 24/7.</p>
                    <div class="cta_cont">
                        <a href="tel:+79991112233" class="cta-button" aria-label="Call a tow truck">
                            <img src="/img/calling.png" alt="call"><span>Call Us Now</span>
                        </a>
                    </div>
                </section>                                                                                                                     
            </main>
            <footer class="footer_container" aria-labelledby="footer-title">
                <div class="footer_wrapper">
                    <div class="footer_contacts">
                        <h4>Contact Us</h4>
                        <p>Phone: <a href="tel:+79991112233">+7 (999) 111-22-33</a></p>
                        <p>Email: <a href="mailto:info@towingservice.com">info@towingservice.com</a></p>
                        <p>Address: 123 Main Street, Chicago, IL</p>
                    </div>
                    <div class="footer_nav">
                        <ul>
                            <li><a href="/index.html">Home</a></li>
                            <li><a href="/index.html#services">Services</a></li>
                            <li><a href="/index.html#faq">FAQ</a></li>
                            <li><a href="/about-us.html">About Us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer_copy">
                    <p>© 2024 Towing Service. All Rights Reserved.</p>
                </div>
            </footer>
            <div class="sticky_wrapper" aria-live="polite">
                <div class="sticky_call_button">
                    <a href="tel:+79991112233" aria-label="Sticky call button">
                        <img src="/img/24-hours.png" alt="Call us"> +7 (999) 111-22-33
                    </a>
                </div>
                <a id="back_to_top" class="back_to_top" href="#main-title" aria-label="Back to top">
                    <img src="/img/up-arrow.png" alt="up arrow">
                </a>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>
