<!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="Kagwathi Parallel Stone Ltd - Premier construction company in Kenya and worldwide, offering innovative residential, commercial, and infrastructure solutions.">
    <meta name="keywords" content="construction company Kenya, Kagwathi Parallel Stone Ltd, Nakuru construction, building services, global construction, infrastructure">
    <meta name="author" content="Kagwathi Parallel Stone Ltd">
    <meta name="robots" content="index, follow">
    <title>Kagwathi Parallel Stone Ltd - Construction Company in Kenya</title>
    <link rel="icon" href="http://kagwathiparallelstoneltd.top/1.logo" type="image/x-icon">
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Kagwathi Parallel Stone Ltd",
        "url": "http://kagwathiparallelstoneltd.top",
        "logo": "http://kagwathiparallelstoneltd.top/1.logo",
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+254722604860",
            "contactType": "Customer Service",
            "areaServed": ["KE", "Worldwide"],
            "availableLanguage": ["English"]
        },
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "P.O Box 2515-20100",
            "addressLocality": "Nakuru",
            "addressCountry": "KE"
        },
        "sameAs": ["https://wa.me/+254722604860", "mailto:kagwathiparallel@gmail.com"]
    }
    </script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Times New Roman", Times, serif;
        }
        body {
            line-height: 1.6;
            color: #333;
            background: #f9f9f9;
            scroll-behavior: smooth;
        }
        .navbar {
            background: #333;
            color: #fff;
            padding: 20px 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            width: 100%;
        }
        .logo-img {
            height: 60px;
            width: auto;
        }
        .nav-links {
            list-style: none;
            display: flex;
        }
        .nav-links li {
            margin-left: 30px;
        }
        .nav-links a {
            color: #fff;
            text-decoration: none;
            font-size: 20px;
            padding: 12px 20px;
            transition: background 0.3s;
        }
        .nav-links a:hover, .nav-links a.active {
            background: #FFC107;
            color: #333;
            border-radius: 5px;
        }
        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
        }
        .hamburger span {
            background: #fff;
            height: 4px;
            width: 30px;
            margin: 5px 0;
        }
        .services-bar {
            background: #4CAF50;
            color: #fff;
            padding: 10px 20px;
            overflow: hidden;
            white-space: nowrap;
            font-size: 18px;
        }
        .services-bar .ticker {
            display: inline-block;
            animation: ticker 20s linear infinite;
        }
        @keyframes ticker {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }
        .gallery-ticker {
            overflow: hidden;
            padding: 20px;
            background: #fff;
        }
        .gallery-ticker .ticker {
            display: flex;
            animation: gallery-ticker 15s linear infinite;
        }
        .gallery-ticker .ticker img {
            width: 200px;
            height: 150px;
            object-fit: cover;
            margin-right: 10px;
            border-radius: 5px;
            border: 2px solid #FFC107;
        }
        @keyframes gallery-ticker {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }
        section {
            padding: 50px 20px;
            min-height: 100vh;
            text-align: center;
        }
        #home { background: #FFC107; }
        #about { background: #4CAF50; }
        #services { background: #fff; }
        #projects { background: #FFC107; }
        #gallery { background: #4CAF50; }
        #downloads { background: #fff; }
        #contact { background: #FFC107; }
        .hero {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #333;
        }
        .hero h1 {
            font-size: 48px;
            margin-bottom: 20px;
        }
        .hero p {
            font-size: 24px;
            margin-bottom: 30px;
        }
        .cta-button {
            background: #4CAF50;
            color: #fff;
            padding: 15px 30px;
            text-decoration: none;
            font-size: 18px;
            border-radius: 5px;
            transition: background 0.3s;
            display: inline-block;
        }
        .cta-button:hover {
            background: #388E3C;
        }
        h2 {
            font-size: 36px;
            margin-bottom: 20px;
            color: #333;
        }
        p {
            font-size: 18px;
            max-width: 800px;
            margin: 0 auto 20px;
        }
        .media-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .media-item img, .media-item video {
            max-width: 100%;
            height: auto;
            border-radius: 10px;
        }
        .media-item .border-blue { border: 3px solid #2196F3; }
        .media-item .border-red { border: 3px solid #F44336; }
        .media-item .border-green { border: 3px solid #4CAF50; }
        .media-item .border-purple { border: 3px solid #9C27B0; }
        .media-caption {
            font-size: 16px;
            color: #333;
            margin-top: 10px;
        }
        .services-list {
            text-align: left;
            max-width: 600px;
            margin: 20px auto;
        }
        .services-list li {
            font-size: 18px;
            margin-bottom: 10px;
        }
        .contact-form {
            max-width: 600px;
            margin: 0 auto;
            text-align: left;
        }
        .contact-form label {
            display: block;
            margin: 10px 0 5px;
            font-size: 18px;
        }
        .contact-form input, .contact-form textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #4CAF50;
            border-radius: 5px;
            font-family: "Times New Roman", Times, serif;
            font-size: 16px;
        }
        footer {
            background: #333;
            color: #fff;
            text-align: center;
            padding: 20px;
        }
        footer p {
            margin: 5px 0;
        }
        footer a {
            color: #FFC107;
            text-decoration: none;
        }
        footer a:hover {
            text-decoration: underline;
        }
        @media (max-width: 768px) {
            .nav-links {
                display: none;
                flex-direction: column;
                position: absolute;
                top: 80px;
                left: 0;
                background: #333;
                width: 100%;
                padding: 20px;
            }
            .nav-links.active {
                display: flex;
            }
            .hamburger {
                display: flex;
            }
            .hero h1 {
                font-size: 32px;
            }
            .hero p {
                font-size: 18px;
            }
            section {
                padding: 30px 10px;
            }
            h2 {
                font-size: 28px;
            }
            p, .services-list li {
                font-size: 16px;
            }
            .media-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 480px) {
            .media-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <header>
        <nav class="navbar">
            <div class="logo">
                <img src="http://kagwathiparallelstoneltd.top/1.logo.jpg" alt="Kagwathi Parallel Stone Ltd Logo" class="logo-img">
            </div>
            <ul class="nav-links">
                <li><a href="#home" class="active">Home</a></li>
                <li><a href="#about">About Us</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#projects">Projects</a></li>
                <li><a href="#gallery">Gallery</a></li>
                <li><a href="#downloads">Downloads</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
        <div class="services-bar">
            <div class="ticker">
                Residential Construction | Commercial Construction | Infrastructure Development | Renovation & Remodeling | Consultancy Services
            </div>
        </div>
    </header>

    <section id="home" class="hero">
        <h1>Welcome to Kagwathi Parallel Stone Ltd</h1>
        <p>Your trusted partner for innovative construction solutions in Kenya and worldwide</p>
        <a href="https://wa.me/+254722604860" class="cta-button" target="_blank">Contact Us on WhatsApp</a>
        <div class="media-grid">
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Residential complex in Nakuru" class="border-blue">
                <p class="media-caption">Modern residential complex in Nakuru, showcasing innovative design.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/2.jpeg" alt="Commercial plaza in Nairobi" class="border-red">
                <p class="media-caption">State-of-the-art commercial plaza in Nairobi, completed in 2023.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/3.jpeg" alt="Bridge construction in Mombasa" class="border-green">
                <p class="media-caption">Major bridge project in Mombasa, enhancing infrastructure.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/9.jpeg" alt="Renovated office in Nakuru" class="border-purple">
                <p class="media-caption">Renovated office building in Nakuru, blending modern aesthetics.</p>
            </div>
        </div>
        <div class="gallery-ticker">
            <div class="ticker">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Project 1">
                <img src="http://kagwathiparallelstoneltd.top/2.jpeg" alt="Project 2">
                <img src="http://kagwathiparallelstoneltd.top/3.jpeg" alt="Project 3">
                <img src="http://kagwathiparallelstoneltd.top/4.jpeg" alt="Project 4">
                <img src="http://kagwathiparallelstoneltd.top/5.jpeg" alt="Project 5">
                <img src="http://kagwathiparallelstoneltd.top/6.jpeg" alt="Project 6">
                <img src="http://kagwathiparallelstoneltd.top/7.jpeg" alt="Project 7">
                <img src="http://kagwathiparallelstoneltd.top/8.jpeg" alt="Project 8">
                <img src="http://kagwathiparallelstoneltd.top/9.jpeg" alt="Project 9">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Project 1">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Project 1">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Project 1">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Project 1">
            </div>
        </div>
    </section>

    <section id="about">
        <h2>About Us</h2>
        <p>Kagwathi Parallel Stone Ltd, based in Nakuru, Kenya, is a premier construction company with a global presence. We specialize in delivering high-quality residential, commercial, and infrastructure projects, driven by innovation, sustainability, and excellence.</p>
        <p>With over a decade of experience, our skilled team ensures every project meets international standards, transforming client visions into reality.</p>
        <div class="media-grid">
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Our team in Nakuru" class="border-blue">
                <p class="media-caption">Our dedicated team at work on a residential project in Nakuru.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/2.jpeg" alt="Office construction in Nairobi" class="border-red">
                <p class="media-caption">Constructing a modern office complex in Nairobi.</p>
            </div>
            <div class="media-item">
                <video controls class="border-green">
                    <source src="http://kagwathiparallelstoneltd.top/1.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
</div>
            <div class="media-item">
                <video controls class="border-green">
                    <source src="http://kagwathiparallelstoneltd.top/2.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
            </div>
            <div class="media-item">
                <video controls class="border-green">
                    <source src="http://kagwathiparallelstoneltd.top/3.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
             </div>
            <div class="media-item">
                <video controls class="border-green">
                    <source src="http://kagwathiparallelstoneltd.top/4.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
                <p class="media-caption">Video of our infrastructure project in progress.</p>
            </div>
            <div class="media-item">
                <a href="http://kagwathiparallelstoneltd.top/1.pdf" class="cta-button border-purple">Download Company Profile (PDF)</a>
                <p class="media-caption">Our company profile detailing our history and expertise.</p>
            </div>
        </div>
    </section>

    <section id="services">
        <h2>Our Services</h2>
        <p>We offer a comprehensive range of construction services tailored to meet diverse client needs, ensuring quality and efficiency.</p>
        <ul class="services-list">
            <li><strong>Residential Construction</strong>: Building modern, durable homes.</li>
            <li><strong>Commercial Construction</strong>: Creating offices, malls, and industrial facilities.</li>
            <li><strong>Infrastructure Development</strong>: Constructing roads, bridges, and utilities.</li>
            <li><strong>Renovation & Remodeling</strong>: Upgrading existing structures.</li>
            <li><strong>Consultancy Services</strong>: Expert project planning and management.</li>
        </ul>
        <div class="media-grid">
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Residential project in Nakuru" class="border-blue">
                <p class="media-caption">Modern residential project in Nakuru, completed in 2024.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/2.jpeg" alt="Commercial building in Nairobi" class="border-red">
                <p class="media-caption">Commercial building in Nairobi, designed for businesses.</p>
            </div>
            <div class="media-item">
                <video controls class="border-green">
                    <source src="http://kagwathiparallelstoneltd.top/1.mp4" type="video/mp4">
                    <source src="http://kagwathiparallelstoneltd.top/2.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
                <p class="media-caption">Showcasing our road construction in Mombasa.</p>
            </div>
            <div class="media-item">
                <a href="http://kagwathiparallelstoneltd.top/2.pdf" class="cta-button border-purple">Download Services Brochure (PDF)</a>
                <p class="media-caption">Detailed overview of our construction services.</p>
            </div>
        </div>
        <div class="gallery-ticker">
            <div class="ticker">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Project 1">
                <img src="http://kagwathiparallelstoneltd.top/2.jpeg" alt="Project 2">
                <img src="http://kagwathiparallelstoneltd.top/3.jpeg" alt="Project 3">
                <img src="http://kagwathiparallelstoneltd.top/4.jpeg" alt="Project 4">
            </div>
        </div>
    </section>

    <section id="projects">
        <h2>Our Projects</h2>
        <p>Explore our portfolio of successful construction projects across Kenya and beyond.</p>
        <div class="media-grid">
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Residential complex in Nakuru" class="border-blue">
                <p class="media-caption">Modern residential complex in Nakuru, completed in 2024.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/2.jpeg" alt="Commercial plaza in Nairobi" class="border-red">
                <p class="media-caption">Commercial plaza in Nairobi, finished in 2023.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/3.jpeg" alt="Bridge in Mombasa" class="border-green">
                <p class="media-caption">Major bridge project in Mombasa, enhancing connectivity.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/4.jpeg" alt="Renovated office in Nakuru" class="border-purple">
                <p class="media-caption">Renovated office building in Nakuru, modernized in 2024.</p>
            </div>
        </div>
    </section>

    <section id="gallery">
        <h2>Gallery</h2>
        <p>View our collection of photos and videos showcasing our construction expertise.</p>
        <div class="media-grid">
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Construction site in Nakuru" class="border-blue">
                <p class="media-caption">Active construction site for a residential project in Nakuru.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/2.jpeg" alt="Office building in Nairobi" class="border-red">
                <p class="media-caption">Completed office building in Nairobi for modern businesses.</p>
            </div>
            <div class="media-item">
                <video controls class="border-green">
                    <source src="http://kagwathiparallelstoneltd.top/1.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
                <p class="media-caption">Timelapse of our infrastructure project in Mombasa.</p>
            </div>
            <div class="media-item">
                <video controls class="border-purple">
                    <source src="http://kagwathiparallelstoneltd.top/2.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
                <p class="media-caption">Our team’s work on a commercial project in Nairobi.</p>
            </div>
            <div class="media-item">
                <video controls class="border-purple">
                    <source src="http://kagwathiparallelstoneltd.top/3.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
                <p class="media-caption">Our team’s work on a commercial project in Nairobi.</p>
            </div>
            </div>
            <div class="media-item">
                <video controls class="border-purple">
                    <source src="http://kagwathiparallelstoneltd.top/4.mp4" type="video/mp4">
                    Your browser does not support the video tag.
                </video>
                <p class="media-caption">Our team’s work on a commercial project in Nairobi.</p>
        </div>
    </section>

    <section id="downloads">
        <h2>Downloads</h2>
        <p>Access our brochures, portfolios, and other resources to learn more about our services and projects.</p>
        <div class="media-grid">
            <div class="media-item">
                <a href="http://kagwathiparallelstoneltd.top/1.pdf" class="cta-button border-blue">Company Profile (PDF)</a>
                <p class="media-caption">Detailed company profile outlining our history and expertise.</p>
            </div>
            <div class="media-item">
                <a href="http://kagwathiparallelstoneltd.top/2.pdf" class="cta-button border-red">Services Brochure (PDF)</a>
                <p class="media-caption">Comprehensive overview of our construction services.</p>
            </div>
            <div class="media-item">
                <a href="http://kagwathiparallelstoneltd.top/1.pdf" class="cta-button border-green">Project Portfolio (PDF)</a>
                <p class="media-caption">Portfolio showcasing our key projects and achievements.</p>
            </div>
            <div class="media-item">
                <a href="http://kagwathiparallelstoneltd.top/2.pdf" class="cta-button border-purple">Gallery Catalog (PDF)</a>
                <p class="media-caption">Catalog of our best project images and details.</p>
            </div>
        </div>
    </section>

    <section id="contact">
        <h2>Contact Us</h2>
        <p>Reach out for your construction needs. We're here to help with your next project!</p>
        <div class="contact-form">
            <form action="mailto:kagwathiparallel@gmail.com" method="post" enctype="text/plain">
                <label for="name">Name</label>
                <input type="text" id="name" name="name" required>
                <label for="email">Email</label>
                <input type="email" id="email" name="email" required>
                <label for="message">Message</label>
                <textarea id="message" name="message" rows="5" required></textarea>
                <button type="submit" class="cta-button">Send Message</button>
            </form>
        </div>
        <div class="media-grid">
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/1.jpeg" alt="Our office in Nakuru" class="border-blue">
                <p class="media-caption">Our head office in Nakuru, Kenya, for consultations.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/2.jpeg" alt="Team meeting in Nairobi" class="border-red">
                <p class="media-caption">Our team in a planning meeting for a Nairobi project.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/3.jpeg" alt="Construction equipment" class="border-green">
                <p class="media-caption">Our advanced equipment used in infrastructure projects.</p>
            </div>
            <div class="media-item">
                <img src="http://kagwathiparallelstoneltd.top/4.jpeg" alt="Completed project site" class="border-purple">
                <p class="media-caption">A completed project site showcasing our quality work.</p>
            </div>
        </div>
        <p>Tel: <a href="https://wa.me/+254722604860" target="_blank">+254722604860</a></p>
        <p>Email: <a href="mailto:kagwathiparallel@gmail.com">kagwathiparallel@gmail.com</a></p>
        <p>P.O Box 2515-20100, Nakuru, Kenya</p>
    </section>

    <footer>
        <p>Kagwathi Parallel Stone Ltd</p>
        <p>P.O Box 2515-20100, Nakuru, Kenya</p>
        <p>Tel: <a href="https://wa.me/+254722604860" target="_blank">+254722604860</a></p>
        <p>Email: <a href="mailto:kagwathiparallel@gmail.com">kagwathiparallel@gmail.com</a></p>
        <p>© 2025 Kagwathi Parallel Stone Ltd. All Rights Reserved.</p>
        <p>© 2016 WEB DESIGNER & PROGRAMMER PETER KARANJA 0740830750 peterkaranja283@gmail.com.</p>
    </footer>

    <script>
        const hamburger = document.querySelector('.hamburger');
        const navLinks = document.querySelector('.nav-links');
        hamburger.addEventListener('click', () => {
            navLinks.classList.toggle('active');
        });

        // Update active link on scroll
        const sections = document.querySelectorAll('section');
        const navLinksItems = document.querySelectorAll('.nav-links a');
        window.addEventListener('scroll', () => {
            let current = '';
            sections.forEach(section => {
                const sectionTop = section.offsetTop;
                if (scrollY >= sectionTop - 80) {
                    current = section.getAttribute('id');
                }
            });
            navLinksItems.forEach(link => {
                link.classList.remove('active');
                if (link.getAttribute('href').slice(1) === current) {
                    link.classList.add('active');
                }
            });
        });
    </script>
</body>
</html>