
<?php include 'include/menu.php'?>
<?php include 'include/header.php'?>

<section class="custom-slider">
        <!-- <ul class="top-social">
            <li><a href="javascript:;">Facebook</a></li>
            <li><a href="javascript:;">Twitter </a></li>
            <li><a href="javascript:;">Linkedin</a></li>
        </ul> -->
        <div id="demo" class="carousel slide" data-ride="carousel">
            <ul class="carousel-indicators">
                <li data-target="#demo" data-slide-to="0" class="active">
                    <span>01</span>
                </li>
                <li data-target="#demo" data-slide-to="1">
                <span>02</span>
                </li>
                <li data-target="#demo" data-slide-to="2">
                <span>03</span>
                </li>
            </ul> 
        <div class="carousel-inner">
            <div class="carousel-item active" data-aos="zoom-in-right">
                <div class="overlay"></div>
                <img alt="" src="images/Banner.png">
                <div class="sliderItem">
                    <div class="container">
                        <div class="row justify-content-end">
                            <div class="col-md-7 col-sm-12 col-xs-12 text-center">
                                <div class="slider-content text-body">
                                    <div class="text-holder">
                                        <h4 data-aos="fade-up" data-aos-delay="100">Welcome To</h4>
                                        <h2 data-aos="fade-up" data-aos-delay="200">Brown Trout <span>Portables</span></h2>
                                       <p>You Do It! We Will Handle the Rest!</p>
                                       <a href="#" class="btn btn-custom">SCHEDULE SERVICE</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
            <div class="overlay"></div>
                <img alt="" src="images/Banner.png">
                <div class="sliderItem">
                    <div class="container">
                        <div class="row justify-content-end">
                            <div class="col-md-7 col-sm-12 col-xs-12 text-center">
                                <div class="slider-content text-body">
                                    <div class="text-holder">
                                        <h4 data-aos="fade-up" data-aos-delay="100">Welcome To</h4>
                                        <h2 data-aos="fade-up" data-aos-delay="200">Brown Trout <span>Portables</span></h2>
                                       <p>You Do It! We Will Handle the Rest!</p>
                                       <a href="#" class="btn btn-custom">SCHEDULE SERVICE</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
            <div class="overlay"></div>
                <img alt="" src="images/Banner.png">
                <div class="sliderItem">
                    <div class="container">
                        <div class="row justify-content-end">
                            <div class="col-md-7 col-sm-12 col-xs-12 text-center">
                                <div class="slider-content text-body">
                                    <div class="text-holder">
                                        <h4 data-aos="fade-up" data-aos-delay="100">Welcome To</h4>
                                        <h2 data-aos="fade-up" data-aos-delay="200">Brown Trout <span>Portables</span></h2>
                                        <p>You Do It! We Will Handle the Rest!</p>
                                       <a href="#" class="btn btn-custom">SCHEDULE SERVICE</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        </div>
        <div class="bottom-line">
            <img src="images/bottomline.png" class="img-fluid" alt="">
        </div>

    </section>



    <section class="Sec-01">
        <div class="container">
            <div class="row">
                <div class="col-md-7" data-aos="zoom-in-right">
                    <div class="about-content">
                        <div class="maintext">
                            <h5>ABOUT US</h5>
                            <h6>Brown Trout portables</h6>
                            <p>
                            Brown Trout Portables offers elegant, clean, and spacious portable restroom and toilet services in Great Falls, Montana. Regardless of where you are, we at Brown Trout Portables believe everyone should have access to a top-notch restroom. We aim to deliver our customers with economical restroom options that are reliable and beneficial, all while ensuring outstanding service. Since we adhere to the highest standards, we ensure sure that every unit is properly cleaned and cleaned before it is delivered to your location. 
                            </p>
                            <p class="secondpara">
                            Our journey started at a construction site when we had conversations about the challenges of filthy and overflowing temporary toilets. The discussions sparked the idea of providing the area with clean toilets. Seeing the need for an alternative, we turned our expertise into a family-run company focused on providing Great Falls and nearby neighborhoods accessibility to clean, hygienic restrooms.
                            </p>
                            <a href="#" class="btn btn-custom">READ MORE</a>
                        </div>
                    </div>
                </div>

                <div class="col-md-5">
                    <div class="ab-img" data-aos="zoom-in-left">
                        <img src="images/ab.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
<!-- Sec-01 Html End -->



<?php include 'include/our-service.php'?>


 <!-- SEc-03 Html Start -->
  <section class="Sec-03">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="Product-Box" data-aos="fade-left">
                    <figure>
                        <img src="images/s-1.png" class="w-100" alt="">
                    </figure>
                    <h5>RV Tanking   <span>Pumping</span></h5>
                </div>
            </div>


            <div class="col-md-4">
                <div class="Product-Box" data-aos="fade-down">
                    <figure>
                        <img src="images/s-2.png" class="w-100" alt="">
                    </figure>
                    <h5>Portable Restroom <span>Rentals </span></h5>
                </div>
            </div>



            <div class="col-md-4">
                <div class="Product-Box" data-aos="fade-up">
                    <figure>
                        <img src="images/s-3.png" class="w-100" alt="">
                    </figure>
                    <h5>Hand wash  <span>Stations</span></h5>
                </div>
            </div>
        </div>
    </div>
  </section>
   <!-- SEc-03 Html End -->



    <!-- SEc-03 Html Start -->
     <section class="Sec-04">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="Gallerymain text-center" data-aos="zoom-in">
                        <h5 class="Heading-5">gallery</h5>
                        <h6 class="Heading-6">Photo gallery</h6>
                    </div>
                </div>
            </div>

            <div class="row" data-aos="zoom-out">
                <div class="col-md-4">
                    <div class="galleryimg">
                        <img src="images/gallery-1.png" class="w-100" alt="">
                    </div>
                </div>


                <div class="col-md-4">
                    <div class="galleryimg">
                        <img src="images/gallery-2.png" class="w-100" alt="">
                    </div>
                </div>



                <div class="col-md-4">
                    <div class="galleryimg">
                        <img src="images/gallery-3.png" class="w-100" alt="">
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-md-8">
                    <div class="galleryimg" data-aos="zoom-in">
                            <img src="images/gallery-5.png" class="w-100" alt="">
                        </div>
                </div>
                <div class="col-md-4">
                    <div class="galleryimg" data-aos="zoom-out">
                            <img src="images/gallery-6.png" class="w-100" alt="">
                        </div>
                </div>
            </div>
        </div>
        <div class="bottom-line">
            <img src="images/line-3.png" class="img-fluid" alt="">
        </div>
     </section>
   <!-- SEc-03 Html End -->



   <?php include 'include/testisec.php' ?>

   <?php include 'include/Neighborhoods.php'?>

<?php include 'include/footer.php'?>