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

<style>
.why-about-inner {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    padding: 29px;
    border-radius: 10px;
}




     .p45 {
        padding: 0 0 0 15px;
    }

    .s34,
    .s35 {
        font-size: 18px;
        background-color: #C80000;
        line-height: 50px;
        color: #FFFFFF;
    }

    .li19 {
        padding: 12px 5px 11px 5px;
        border-bottom: 1px dashed #CC4D22;
        display: block;
        border-radius: 0px;
        color: #000000;
        margin: 2px 4px 4px 4px;
        font-size: 14.2px;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .b5 {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .p23 {
        padding: 0 0 5px;
    }

    .s3 {
        font-size: 16px;
        line-height: 21px;
    }
    .bocx {
        border: 2px solid #88501d;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 20px;
        height: 206px;
        border-radius: 10px;
    }

    .fb {
        font-size: 23px !important;
    }

    .about__team {
        padding: 3rem 0 5rem;
        background: #ecf5fb;
    }

    .section__heading {
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: #22577a;
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        font-family: Poppins, sans-serif !important;
    }

    .member__card {
        border-radius: 0.25rem;
        overflow: hidden;
    }

    .member__img {
        position: relative;
        z-index: 0;
    }

    .member__social {
        position: absolute;
        top: 0;
        left: -3rem;
        background: #22577a;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        border-radius: 0 0 0.25rem 0;
        padding: 0.5rem;
        z-index: 2;
        transition: all .3s .3s ease-out;
    }

    .member__social a {
        height: 1rem;
        width: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ecf5fb;
    }

    a:link {
        text-decoration: none;
    }

    .member__img img {
        border-radius: 0.25rem 0.25rem 0 0;
        width: 100%;
    }

    .member__desc {
        height: 5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0.5rem;
        background: #22577a;
        border-radius: 0 0 0.25rem 0.25rem;
    }

    .member__desc h6,
    .member__desc p {
        color: #ecf5fb;
        margin: 0;
    }

    .member__desc p {
        font-size: .75rem;
    }

    .ght {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 10px;
    }
</style>

<section class="breadcrumb-outer text-center">
    <div class="container">
        <div class="breadcrumb-content">
            <h2 class="white">About Us</h2>
            <nav aria-label="breadcrumb">
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">About Us</li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="overlay"></div>
</section>


<?php

$about_sql = sqlfetch("SELECT * FROM about where id ='1' ");
if (count($about_sql)) {
    foreach ($about_sql as $about)

?>

    <section class="why-us pad-top-80 bg-grey">
        <div class="container">
            <div class="why-us-about">
                <div class="row">
                    <div class="col-lg-8 col-12">
                        <div class="why-about-inner">
                            <!--<h4>Amazing Places To Enjony Your Travel  - </h4>-->
                            <h2 style="color: #16697b;"> About Eco Himalayan Expeditions:</h2>
                            <p class="mar-bottom-25">
                                <?php echo $about['des']; ?>
                            </p>

                            <img src="img/abouts.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-4 col-12">
                        <div class="ght">


                            <div align="center" style="padding-bottom:5px;">
                                <h2 style="font-size:24px; font-weight:bold;">
                                    <img src="img/helpdesk-icon.gif" style="    width: 63px;"> Get Free Quote
                                </h2>

                                <p style="border-top:#000000 solid 2px; width:15%; margin: 15px auto 15px; text-align:center;"></p><br>


                            </div>

                            <div>

                                <form class="pg-search-form" id="form1" name="form1" action="#" method="post">
                                    <input type="hidden" name="subject" value="Enquiry Form">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" name="Country" id="Country" value="" style="height:45PX; background-color:#FFFFFF; font-size:14px; padding-left:10px;" size="40" class="form-control" placeholder="Your Country*">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" name="Name" id="Name" value="" style="height:45PX; background-color:#FFFFFF; font-size:14px; padding-left:10px;" size="40" class="form-control" placeholder="Name*">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" name="Phone" value="" size="40" style="height:45PX; background-color:#FFFFFF; font-size:14px; padding-left:10px;" class="form-control" placeholder="Phone No*">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="email" name="Email" id="Email" value="" size="40" style="height:45PX; background-color:#FFFFFF; font-size:14px; padding-left:10px;" class="form-control" placeholder="Email Id*">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" name="Destination" id="Destination" value="" style="height:45PX; background-color:#FFFFFF; font-size:14px; padding-left:10px;" size="40" class="form-control" placeholder="Destination*">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="number" name="Days" id="Days" value="" style="height:45PX; background-color:#FFFFFF; font-size:14px; padding-left:10px;" size="40" class="form-control" placeholder="Nos. of Days*">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" class="form-control" id="arrivalDate"  name="ArrivalDate" style="height:45PX; background-color:#FFFFFF;" value="" placeholder="Arrival Date*" >
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="number" name="Travellers" id="Travellers" value="" style="height:45PX; background-color:#FFFFFF; font-size:14px; padding-left:10px;" size="40" class="form-control" placeholder="Nos. of Travellers*">
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <textarea name="Requirements" id="Requirements" style="height:100PX; background-color:#FFFFFF; font-size:14px; padding-left:10px;" class="form-control" placeholder="Requirement*"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div align="center"><button class="biz-btn biz-btn1 ss">Submit Your Query</button></div>
                                </form>


                            </div>
                        </div>
                        <div class="mt-4">
                        <div class="s3 p23">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr>
                                        <td align="left" valign="top">
                                            <div class="b5">
                                                <div class="p45 s34"><strong style="color:#FFFFFF;">Other Tour Packages</strong></div>

                                                <?php
                                                $sub_cat = sqlfetch("SELECT * FROM subproduct LIMIT 0,10 ");
                                                if (count($sub_cat)) {
                                                    foreach ($sub_cat as $subcat) {

                                                ?>
                                                        <div class="li19"> <a href="package_detail.php?id=<?php echo $subcat['id']; ?>"><b style="color:#FF0000;">» </b><?php echo $subcat['name']; ?></a></div>
                                                <?php
                                                    }
                                                }
                                                ?>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>



                                        <td align="left" valign="top">&nbsp;</td>
                                    </tr>
                                    <tr>

                                        <td align="left" valign="top"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>


                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>
<?php } ?>



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