about.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prime Hardware & Tools</title>
    <!-- css link -->
    <link rel="stylesheet" href="style.css">
    <!-- faviicon -->
    <link rel="shortcut icon" href="./faviicon.png" type="image/x-icon">
    <!-- fontawesome icon -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>

<body>

<!-- navbar section -->

    <section id="header">
        <a href="#"><img width="100" src="./logo.png" class="logo" alt=""></a>

        <div>
            <ul id="navbar">
                <li><a href="index.html">Home</a></li>
                <li><a  href="shop.html">Shop</a></li>
                 <li><a href="price.html">Price List</a></li>
                <li><a  href="blog.html">Blog</a></li>
                <li><a class="active" href="about.html">About</a></li>
                <li><a href="contact.html">Contact Us</a></li>
                <a href="#" id="close"><i class="far fa-times"></i></a>
            </ul>
        </div>
        <div id="mobile">
            <i id="bar" class="fas fa-outdent"></i>
        </div>
    </section>

<!-- page header section -->

    <section id="page-header" class="about-header">
        <h2># About Us</h2>
        <h5>Built on trust and quality, we provide durable tools for professionals, DIYers, and every project need.
</h3>
            <br>
    </section>

    <!-- about head -->
<section id="about-head" class="section-p1">
    <img src="./images/shop1.jpg" alt="image">
    <div>

        <h2 style="color:#088178">Who We Are?</h2>
        <p>Passionate about tools, we deliver expert knowledge, reliable products, and unmatched service to our valued customers.
Our mission: to empower every project with high-quality hardware tools, helpful advice, and dependable support.</p>
        
        <abbr title="">Serving our community with top-grade tools, fair prices, and a commitment to lasting customer relationships.</abbr>
        
        <br><br>
        
        <marquee style="background-color: #ccc;" loop="-1" scrollamount="5" width="100%">
            Our mission: to empower every project with high-quality hardware tools
        </marquee>
    </div>
</section>
<hr>
<br>
<!-- newsletter section -->

<section id="newsletter" class="section-p1 section-p1" >
    <div class="newstext">
        <h4>SignUp for Newsletter</h4>
        <p>Get Email & Updates for out Latest shop products and <span>special offers...</span></p>
    </div>
    <div class="form">
        <input type="text" placeholder="Enter your email address">
        <button class="normal">SignUp</button>

    </div>
</section>

<br>
<hr>


<!-- footer -->

<footer class="section-p1">
    <div class="col">
        <img  class="logo" width="170" src="./logo.png" alt="logoimage">
        <h4>Contact</h4>
        <p><strong>Address:</strong> House A-15 , Etawa Society Co-operative Housing Society,Ahsanabad </p>
        <p><strong>Phone:</strong> 0316-0068798</p>
        <p><strong>Hours:</strong> 8:00AM - 7:00PM ,Sat - Thurs </p>
        <div class="follow">
            <h4>Follow Us</h4>
            <div class="icon">
                <i class="fab fa-facebook-f"></i>
                <i class="fab fa-twitter"></i>
                <i class="fab fa-instagram"></i>
                <i class="fab fa-whatsapp"></i>
                <i class="fab fa-youtube"></i>
            </div>
        </div>
    </div>

    <div class="col">
        <h4>About</h4>
        <a href="#">About Us</a>
        <a href="#">Delivery Info</a>
        <a href="#">Privacy Policy</a>
        <a href="#">Terms & Conditions</a>
        <a href="#">Contact Us</a>
    </div>
    <div class="col">
        <h4>My Account</h4>
        <a href="#">Home</a>
        <a href="#">Sign In</a>
        <a href="#">Shop</a>
        <a href="#">Help</a>
    </div>

    <div class="col install">
        <h4>Install App</h4>
        <p>From App store or Google Play</p>
        <div class="row">
            <img width="48" height="48" style="margin-right: 30px;" src="https://img.icons8.com/fluency/48/google-play-store-new.png" alt="google-play-store-new"/>
            
            <img width="48" height="48" src="https://img.icons8.com/color/48/apple-app-store--v3.png" alt="apple-app-store--v3"/>
        </div>
    </div>

    <div class="copyright">
        <p> <span style="font-size: 20px; color: brown;">&copy;</span>
            Copyright 2025,<strong> Developer : Ismail Shah - Karachi </strong></p>
    </div>
</footer>




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