1#@!#!123s

: / home / u193541357 / domains / racysanitaryware.com / public_html / 1 / dev /
Filename : about.php
back
<?php include('header.php'); ?>

<div class="hero-scrolling-wrapper">
    <div class="hero-scrolling-target">
        <div class="hotel-hero">
            <div class="hotel-hero-layout">
                <h1 data-w-id="78ea0222-c417-1753-ae49-6aa0f1a4bb9e" class="heading is-hotel-hero-title hauora-font">A Lagecy Of
                    <span class="span-brown-10 tomatoes-font">excellence in ceramics</span>
                </h1>
            </div>
            <div class="hotel-hero-slider">
                <div class="parallax-slider">
                    <div class="parallax-slider-sticky">
                        <div class="parallax-slider-size">
                            <div class="parallax-slider-backgrounds">
                                <div class="slider-inner">
                                    <div class="slider-container">
                                        <div class="slider-image-block-1">
                                            <img loading="eager" src="assets/images/about-banner.jpg" alt="" class="slider-image is-1st">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hotel-hero-overlay-color"></div>
            </div>
        </div>
    </div>
    <div class="hero-scrolling-trigger"></div>
</div>

<section id="discover" class="section overflow-visible">
    <div class="container">
        <div class="about-hotel-content">
            <div class="about-hotel-sticky-content">
                <!-- <span class="span-brown-10 hauora-font"></span> -->
                <p class="component-paragraph text-center">
                    Racy Sanitaryware is one of the most renowned and respected manufacturers in the ceramic
                    industry, backed by over a decade of experience in producing high-quality sanitary products.
                </p>
                <p class="component-paragraph text-center">Our commitment to quality has earned us a strong reputation in both the international and
                    domestic markets. With a diverse product range and continuous investment in research and
                    technology, we have always focused on delivering top-tier products.</p>

                <p class="component-paragraph text-center">At Racy Sanitaryware, we strive for excellence in every product we create, ensuring the
                    hiQhest standards of quality every time. Our goal is to blend cutting-edge technology with
                    the finest expertise and skilled craftsmanship to achieve the unparalleled levels of
                    excellence we are known for.</p>

                <p class="component-paragraph text-center">We believe in maintaining a transparent and logical pricing strategy, ensuring that all our
                    products are not only of the highest quality but also affordable for our valued customers.
                    To consistently provide you with innovative and refined products, Racy Sanitaryware is
                    dedicated to a rigorous agenda of research and development, focusing on both materials
                    and design advancements.</p>
                <div class="dividers-width">
                    <div class="divider">
                        <div class="divider-line"></div>
                    </div>
                </div>
            </div>
            <div class="about-hotel-images">
                <div class="about-hotel-image is-4th">
                    <div class="scrolling-animation">
                        <div class="image-3d-parallax">
                            <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                            <div class="_3d-block for-image">
                                <div class="_3d-trigger for-image">
                                    <div class="image-animation-trigger">
                                        <div class="parallax-animation">
                                            <div class="animation-color-background"></div>
                                            <img
                                                src="assets/images/banner1.jpg"
                                                alt=""
                                                sizes="(max-width: 479px) 40vw, (max-width: 767px) 35vw, (max-width: 991px) 34vw, (max-width: 1439px) 33vw, (max-width: 1919px) 440px, 484px"
                                                class="cover-image is-parallax">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="about-hotel-image is-1st">
                    <div class="scrolling-animation">
                        <div class="image-3d-parallax">
                            <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                            <div class="_3d-block for-image">
                                <div class="_3d-trigger for-image">
                                    <div class="image-animation-trigger">
                                        <div class="parallax-animation">
                                            <div class="animation-color-background"></div>
                                            <img
                                                src="assets/images/banner2.jpg"
                                                alt=""
                                                sizes="(max-width: 479px) 38vw, (max-width: 767px) 26vw, (max-width: 991px) 25vw, (max-width: 1439px) 21vw, (max-width: 1919px) 275px, 302.5px"
                                                class="cover-image is-parallax">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="about-hotel-image is-2nd">
                    <div class="scrolling-animation">
                        <div class="image-3d-parallax">
                            <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                            <div class="_3d-block for-image">
                                <div class="_3d-trigger for-image">
                                    <div class="image-animation-trigger">
                                        <div class="parallax-animation">
                                            <div class="animation-color-background"></div>
                                            <img
                                                src="assets/images/banner3.jpg"
                                                alt=""
                                                sizes="(max-width: 479px) 31vw, (max-width: 767px) 26vw, (max-width: 991px) 17vw, (max-width: 1439px) 21vw, (max-width: 1919px) 275px, 302.5px"
                                                class="cover-image is-parallax">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="about-hotel-image is-3rd">
                    <div class="scrolling-animation">
                        <div class="image-3d-parallax">
                            <div data-w-id="401f123e-d2b1-e517-289c-dc1a04c08d0a" class="image-overlay-colors"></div>
                            <div class="_3d-block for-image">
                                <div class="_3d-trigger for-image">
                                    <div class="image-animation-trigger">
                                        <div class="parallax-animation">
                                            <div class="animation-color-background"></div>
                                            <img
                                                src="assets/images/about-banner.jpg"
                                                alt=""
                                                sizes="(max-width: 767px) 35vw, (max-width: 991px) 34vw, (max-width: 1439px) 25vw, (max-width: 1919px) 330px, 363px"
                                                class="cover-image is-parallax">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="gradient-backgrounds">
        <div class="gradient-background-1"></div>
    </div>
</section>

<section class="section with-border-bottom">
    <div class="padding">
        <div class="vertical-flex with-gap-4em">
            <div class="container">
                <div class="vertical-flex is-align-center">
                    <div class="max-width-50">
                        <h3 class="heading is-large-title hauora-font">Our <span class="span-brown-10 tomatoes-font">Certifications</span></h3>
                    </div>
                </div>
            </div>
            <div data-w-id="6aa97a5c-cdb1-a011-0d37-da33df3900ba" class="logo-carousel">
                <div class="logo-carousel-block">
                    <img src="assets/images/certification1.jpg" loading="lazy" alt="" class="logo-carousel-image">
                    <img src="assets/images/certification2.jpg" loading="lazy" alt="" class="logo-carousel-image">
                    <img src="assets/images/certification3.jpg" loading="lazy" alt="" class="logo-carousel-image">
                    <img src="assets/images/certification4.jpg" loading="lazy" alt="" class="logo-carousel-image">
                </div>
                <div class="logo-carousel-block">
                    <img src="assets/images/certification5.jpg" loading="lazy" alt="" class="logo-carousel-image">
                    <img src="assets/images/certification6.jpg" loading="lazy" alt="" class="logo-carousel-image">
                    <img src="assets/images/certification7.jpg" loading="lazy" alt="" class="logo-carousel-image">
                    <img src="assets/images/certification8.jpg" loading="lazy" alt="" class="logo-carousel-image">
                    <img src="assets/images/certification9.jpg" loading="lazy" alt="" class="logo-carousel-image">
                </div>
            </div>
        </div>
    </div>
</section>

<?php include('footer.php'); ?>