<?if($PAGE_ID$='sitePage1')?> <section class="slider"> <div class="slider-wrapper"> <div class="slide"> <div class="img-wrap"> <img src="/.s/t/1725/main.png" alt="photo"> </div> <div class="caption"> <div class="title">1 Lorem Ipsum</div> <div class="desription">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut euismod sem. Proin ultricies, justo in scelerisque vehicula, nisl lorem euismod quam, nulla lectus sed felis. </div> <div class="btn"><a href="#">More</a></div> </div> </div> <div class="slide"> <div class="img-wrap"> <img src="/.s/t/1725/main.png" alt="photo"> </div> <div class="caption"> <div class="title">2 Lorem Ipsum</div> <div class="desription">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut euismod sem. Proin ultricies, justo in scelerisque vehicula, nisl lorem euismod quam, nulla lectus sed felis. </div> <div class="btn"><a href="#">More</a></div> </div> </div> <div class="slide"> <div class="img-wrap"> <img src="/.s/t/1725/main.png" alt="photo"> </div> <div class="caption"> <div class="title">3 Lorem Ipsum</div> <div class="desription">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut euismod sem. Proin ultricies, justo in scelerisque vehicula, nisl lorem euismod quam, nulla lectus sed felis. </div> <div class="btn"><a href="#">More</a></div> </div> </div> </div> </section> <script src="/.s/t/1725/jquery.bxslider.min.js"></script> <script> $(function () { $('.slider-wrapper').bxSlider({ useCSS: false, auto: true, autoStart: true, nextText: 'arrow_forward ', prevText: 'arrow_back', controls: true }); }); </script> <div class="information-wrapper"> <div class="info-block"> <div class="info-center-block"> <div class="img-wrap"><img src="/.s/t/1725/ship.svg" alt="img"></div> <div class="information-ttl">Mauris commodo</div> <div class="information-ds">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequatur dolor est fugiat impedit libero maxime necessitatibus ratione vitae. </div> <div class="information-btn"><a href="#">Read more</a></div> </div> </div> <div class="info-block"> <div class="info-center-block"> <div class="img-wrap"><img src="/.s/t/1725/truck.svg" alt="img"></div> <div class="information-ttl">Mauris commodo</div> <div class="information-ds">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequatur dolor est fugiat impedit libero maxime necessitatibus ratione vitae. </div> <div class="information-btn"><a href="#">Read more</a></div> </div> </div> <div class="info-block"> <div class="info-center-block"> <div class="img-wrap"><img src="/.s/t/1725/train.svg" alt="img"></div> <div class="information-ttl">Mauris commodo</div> <div class="information-ds">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequatur dolor est fugiat impedit libero maxime necessitatibus ratione vitae. </div> <div class="information-btn"><a href="#">Read more</a></div> </div> </div> <div class="info-block"> <div class="info-center-block"> <div class="img-wrap"><img src="/.s/t/1725/aeroplane.svg" alt="img"></div> <div class="information-ttl">Mauris commodo</div> <div class="information-ds">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab consequatur dolor est fugiat impedit libero maxime necessitatibus ratione vitae. </div> <div class="information-btn"><a href="#">Read more</a></div> </div> </div> </div> <?endif?>