HOME


Mini Shell 1.0
DIR: /home/islapiiu/www/testing/lakshitha/
Upload File :
Current File : /home/islapiiu/www/testing/lakshitha/revelutionslider.php
<!-- revolution slider -->
<section class="no-top no-bottom slider" aria-label="section-slider">
    <div class="fullwidthbanner-container">
        <div class="" id="revolution-slider-half">
            <ul>
                <?php
//                foreach ($sliders as $slider) {
                ?>
                <li  data-transition="parallaxtobottom" data-slotamount="10" data-masterspeed="1200" data-delay="5000">
                    <!--  BACKGROUND IMAGE -->
                    <img src="image/slider/1.jpg" alt="" data-start="0" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-bgfit="120" data-bgfitend="100" data-bgpositionend="center center"/>
                    <div class="tp-caption slide-big-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="455"
                         data-speed="800"
                         data-start="400"
                         data-easing="easeInOutExpo"
                         data-endspeed="450">

                    </div>

                    <div class="tp-caption slide-sub-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="520"
                         data-speed="1000"
                         data-start="800"
                         data-easing="easeOutExpo"
                         data-endspeed="400">

                    </div>
                    <div class="hero">
                        <hgroup>
                            <h1>creative</h1>        
                            <h3>Get start your next awesome project</h3>
                        </hgroup>
                    </div>
                </li>

                <li  data-transition="parallaxtobottom" data-slotamount="10" data-masterspeed="1200" data-delay="5000">
                    <!--  BACKGROUND IMAGE -->
                    <img src="image/slider/2.jpg" alt="" data-start="0" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-bgfit="120" data-bgfitend="100" data-bgpositionend="center center"/>
                    <div class="tp-caption slide-big-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="455"
                         data-speed="800"
                         data-start="400"
                         data-easing="easeInOutExpo"
                         data-endspeed="450">

                    </div>

                    <div class="tp-caption slide-sub-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="520"
                         data-speed="1000"
                         data-start="800"
                         data-easing="easeOutExpo"
                         data-endspeed="400">

                    </div>
                    <div class="hero">
                        <hgroup>
                            <h1>creative</h1>        
                            <h3>Get start your next awesome project</h3>
                        </hgroup>
                    </div>
                </li>

                <li  data-transition="parallaxtobottom" data-slotamount="10" data-masterspeed="1200" data-delay="5000">
                    <!--  BACKGROUND IMAGE -->
                    <img src="image/slider/3.jpg" alt="" data-start="0" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-bgfit="120" data-bgfitend="100" data-bgpositionend="center center"/>
                    <div class="tp-caption slide-big-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="455"
                         data-speed="800"
                         data-start="400"
                         data-easing="easeInOutExpo"
                         data-endspeed="450">

                    </div>

                    <div class="tp-caption slide-sub-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="520"
                         data-speed="1000"
                         data-start="800"
                         data-easing="easeOutExpo"
                         data-endspeed="400">

                    </div>
                    <div class="hero">
                        <hgroup>
                            <h1>creative</h1>        
                            <h3>Get start your next awesome project</h3>
                        </hgroup>
                    </div>
                </li>

                <li  data-transition="parallaxtobottom" data-slotamount="10" data-masterspeed="1200" data-delay="5000">
                    <!--  BACKGROUND IMAGE -->
                    <img src="image/slider/4.jpg" alt="" data-start="0" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-bgfit="120" data-bgfitend="100" data-bgpositionend="center center"/>
                    <div class="tp-caption slide-big-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="455"
                         data-speed="800"
                         data-start="400"
                         data-easing="easeInOutExpo"
                         data-endspeed="450">

                    </div>

                    <div class="tp-caption slide-sub-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="520"
                         data-speed="1000"
                         data-start="800"
                         data-easing="easeOutExpo"
                         data-endspeed="400">

                    </div>
                    <div class="hero">
                        <hgroup>
                            <h1>creative</h1>        
                            <h3>Get start your next awesome project</h3>
                        </hgroup>
                    </div>
                </li>


                <li  data-transition="parallaxtobottom" data-slotamount="10" data-masterspeed="1200" data-delay="5000">
                    <!--  BACKGROUND IMAGE -->
                    <img src="image/slider/5.jpg" alt="" data-start="0" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-bgfit="120" data-bgfitend="100" data-bgpositionend="center center"/>
                    <div class="tp-caption slide-big-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="455"
                         data-speed="800"
                         data-start="400"
                         data-easing="easeInOutExpo"
                         data-endspeed="450">

                    </div>

                    <div class="tp-caption slide-sub-heading sft hidden-xs hidden-sm"
                         data-x="-115"
                         data-y="520"
                         data-speed="1000"
                         data-start="800"
                         data-easing="easeOutExpo"
                         data-endspeed="400">

                    </div>
                    <div class="hero">
                        <hgroup>
                            <h1>creative</h1>        
                            <h3>Get start your next awesome project</h3>
                        </hgroup>
                    </div>
                </li>



                <?php
//                }
                ?>

            </ul>
            <div class="tp-bannertimer hide"></div>
        </div>
    </div>
</section>
<section>
    <div id="form" class="container1 form">
        <div class="col-sm-12">
            <div class="form-top">
                <h3>ONLINE INQUIRY FORM</h3>
            </div>
            <div id="form-contact1">
                <div class="row form-group">
                    <input type="text" name="txtName" id="txtName" class="form-control input-validater" value="" placeholder="Your Name">
                    <span id="spanName"></span>
                </div>
                <div class="row form-group">
                    <input type="text" name="txtEmail" id="txtEmail" class="form-control input-validater" value="" placeholder="Your Email">
                    <span id="spanEmail"></span>
                </div>
                <div class="row form-group">
                    <textarea name="txtMessage" id="txtMessage" class="form-control input-validater" placeholder="Your Message"></textarea>
                </div>
            </div>
            <div
                <div class="row ">
                    <button type="submit" id="btnSubmit" class="btn-contact-home btn-warning aling">Send Now</button>
                </div>
            </div>
        </div>

    </div>


    <div id="dismessage"></div>
</section>

<!-- revolution slider end -->