HOME


Mini Shell 1.0
DIR: /home/islapiiu/sites/toursatsrilanka/
Upload File :
Current File : /home/islapiiu/sites/toursatsrilanka/gallery.html
<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from thesoftking.com/html/iskul/demo/gallery.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 15 Feb 2019 06:54:58 GMT -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Gallery Page</title>
  <!-- favicon -->
  <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
  <!-- fontawesome css link -->
  <link rel="stylesheet" href="assets/css/fontawesome.min.css">
  <!-- flaticon css link -->
  <link rel="stylesheet" href="assets/css/flaticon.css">
  <!-- bootstrap css link -->
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <!-- owl carousel css link -->
  <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  <!-- lightcase css link -->
  <link rel="stylesheet" href="assets/css/lightcase.css">
  <!-- main style css link -->
  <link rel="stylesheet" href="assets/css/style.css">
  <!-- responsive css link -->
  <link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>

  <!-- preloader start -->
  <div id="preloader">
      <div id="loader"></div>
  </div>
  <!-- preloader end -->

  <!--  header-section start  -->
  <header class="header-section">
    <div class="header-top">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-8 col-md-7">
            <ul class="header-company-contact">
              <li><i class="fa fa-phone"></i>01 245 845 4225</li>
              <li><i class="fa fa-envelope"></i> [email protected]</li>
            </ul>
          </div>
          <div class="col-lg-4 col-md-5">
            <ul class="header-user-login-regis">
              <li><a href="login-account.html">Log in</a></li>
              <li><a href="create-account.html">Register</a></li>
              <li>
                <div class="header-select-list">
                  <select>
                    <option value="english">English</option>
                    <option value="bangla">Bangla</option>
                    <option value="arabic">Arabic</option>
                    <option value="spanish">Spanish</option>
                  </select>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div><!-- header-top end -->
    <div class="header-bottom">
      <div class="container">
          <nav class="navbar navbar-expand-lg">
            <a class="site-logo site-title" href="#"><img src="assets/images/logo.png" alt="site-logo"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
              <span class="menu-toggle"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="navbar-nav main-menu ml-auto">
                <li class="menu_has_children"><a href="#">Home</a>
                  <ul class="sub-menu">
                    <li><a href="home-one.html">Home One</a></li>
                    <li><a href="home-two.html">Home Two</a></li>
                    <li><a href="home-three.html">Home there</a></li>
                  </ul>
                </li>
                <li><a href="about-us.html">About</a>
                <li class="menu_has_children"><a href="#">courses</a>
                  <ul class="sub-menu">
                    <li><a href="course-grid.html">Courses Grid</a></li>
                    <li><a href="course-price-review.html">Courses Grid Two</a></li>
                    <li><a href="course-grid-details.html">Courses Details</a></li>
                  </ul>
                </li>
                <li class="menu_has_children"><a href="#">events</a>
                  <ul class="sub-menu">
                    <li><a href="events-page.html">Event page one</a></li>
                    <li><a href="events-page-two.html">Event page two</a></li>
                    <li><a href="event-details-one.html">Event Details one</a></li>
                    <li><a href="event-details-two.html">Event Details two</a></li>
                  </ul>
                </li>
                <li class="menu_has_children"><a href="#">pages</a>
                  <ul class="sub-menu">
                    <li><a href="advisors-one.html">Advisors One</a></li>
                    <li><a href="advisors-two.html">Advisors two</a></li>
                    <li><a href="advisors-three.html">Advisors three</a></li>
                    <li><a href="advisors-details.html">Advisors details one</a></li>
                    <li><a href="advisors-details-two.html">Advisors details two</a></li>
                    <li><a href="faq.html">FAQ</a></li>
                    <li><a href="error-page.html">ERROR pag</a></li>
                    <li><a href="comming-soon.html">Coming soon page</a></li>
                    <li><a href="gallery.html">Gallery Page</a></li>
                    <li><a href="create-account.html">Create Account page</a></li>
                    <li><a href="login-account.html">login page</a></li>
                  </ul>
                </li>
                <li class="menu_has_children"><a href="#">blog</a>
                  <ul class="sub-menu">
                    <li><a href="blog-grid.html">Blog grid one</a></li>
                    <li><a href="blog-grid-two.html">Blog grid two</a></li>
                    <li><a href="blog-list.html">Blog List one</a></li>
                    <li><a href="blog-list-two.html">Blog list two</a></li>
                    <li><a href="blog-details.html">Blog details</a></li>
                  </ul>
                </li>
                <li class="menu_has_children"><a href="#">contact</a>
                  <ul class="sub-menu">
                    <li><a href="contact-one.html">Contact One</a></li>
                    <li><a href="contact-two.html">Contact Two</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </nav>
      </div>
    </div><!-- header-bottom end -->
  </header>
  <!--  header-section end  -->

  <!-- banner-section start -->
  <section class="single-banner gallery-banner">
    <div class="banner-content-area">
      <div class="container">
          <div class="row justify-content-center">
            <div class="col-lg-10">
              <div class="banner-content text-center">
                <h1 class="banner-title">photo gallery</h1>
              </div>
              <div class="page-breadcums">
                <div class="container">
                  <ul class="page-list">
                    <li><a href="home-one.html">Home</a></li>
                    <li>About us</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
      </div>
    </div>
  </section>
  <!-- banner-section end -->

  <!-- events-gallery-section start -->
  <section class="events-gallery-section section-padding">
    <div class="container">
      <div class="section-header text-center">
        <div class="row justify-content-center">
          <div class="col-lg-8">
            <h2 class="section-title">Event Gallery</h2>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text</p>
          </div>
        </div>
      </div>
      <div class="section-wrapper">
        <div class="event-gallery-slider owl-carousel grid">
          <div class="gallery-single-slide academy">
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/7.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/8.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/10.jpg" alt="event-gallery">
            </div>
          </div><!-- gallery-single-slide end -->
          <div class="gallery-single-slide">
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/2.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/5.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/11.jpg" alt="event-gallery">
            </div>
          </div><!-- gallery-single-slide end -->
          <div class="gallery-single-slide">
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/3.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/9.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/12.jpg" alt="event-gallery">
            </div>
          </div><!-- gallery-single-slide end -->
          <div class="gallery-single-slide">
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/1.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/2.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/4.jpg" alt="event-gallery">
            </div>
          </div><!-- gallery-single-slide end -->
          <div class="gallery-single-slide academy">
            <div class="event-gallery-thumb grid-item">
              <img src="assets/images/event-gallery/1.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/4.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/6.jpg" alt="event-gallery">
            </div>
          </div><!-- gallery-single-slide end -->
          <div class="gallery-single-slide">
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/9.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb grid-item">
              <img src="assets/images/event-gallery/11.jpg" alt="event-gallery">
            </div>
            <div class="event-gallery-thumb">
              <img src="assets/images/event-gallery/3.jpg" alt="event-gallery">
            </div>
          </div><!-- gallery-single-slide end -->
        </div>
      </div>
    </div>
  </section>
  <!-- events-gallery-section end -->

  <!-- footer-section start -->
  <footer class="footer-section style-two">
    <div class="footer-top">
      <div class="container">
        <div class="row justify-content-between">
          <div class="col-lg-5 col-md-6">
            <div class="widget company-widget">
              <a href="#" class="site-logo"><img src="assets/images/logo2.png" alt="logo"></a>
              <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s</p>
            </div>
            <div class="widget subscribe-widget">
              <h5 class="widget-title">subscribe us</h5>
              <div class="subscribe-form-area">
                <form class="subscribe-form">
                  <input type="email" id="subs-email" placeholder="Your email address">
                  <button type="submit" class="subscribe-btn"><i class="fa fa-paper-plane"></i></button>
                </form>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="widget quick-links-widget">
              <h5 class="widget-title">Quick Links</h5>
              <div class="short-links-list">
                <ul class="widget-links-list">
                  <li><a href="#"><i class="fa fa-angle-right"></i>Admission</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Helpline</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Information</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Career Guide</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Courses</a></li>
                </ul>
                <ul class="widget-links-list">
                  <li><a href="#"><i class="fa fa-angle-right"></i>Library</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Notice Board</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Semisters</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Subjects</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Events</a></li>
                  <li><a href="#"><i class="fa fa-angle-right"></i>Contatc Us</a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="widget hot-links-widget">
              <h5 class="widget-title">contact us</h5>
              <ul class="company-address-list">
                <li><i class="fa fa-envelope"></i><p>[email protected]</p></li>
                <li><i class="fa fa-phone"></i><p>+123 4567 9876</p></li>
                <li><i class="fa fa-map-marker"></i><p>123 New Yourk City, US -PA 895<br>Dix 3, Level 5. NYC</p></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="container">
        <div class="footer-bottom-conetnt">
          <p>Copyright © 2019 |  All Right Reserved</p>
        </div>
      </div>
    </div>
  </footer>
  <!-- footer-section end -->

    <!-- scroll-to-top start -->
    <div class="scroll-to-top">
      <span class="scroll-icon">
        <i class="fa fa-rocket" aria-hidden="true"></i>
      </span>
    </div>
    <!-- scroll-to-top end -->

  <!-- jquery js link -->
  <script src="assets/js/jquery-3.3.1.min.js"></script>
  <!-- bootstrap js link -->
  <script src="assets/js/bootstrap.bundle.js"></script>
  <script src="assets/js/bootstrap.min.js"></script>
  <!-- owl carousel js link -->
  <script src="assets/js/owl.carousel.min.js"></script>
  <!-- lightcase js link -->
  <script src="assets/js/lightcase.js"></script>
  <!-- waypoints js link -->
  <script src="assets/js/jquery.waypoints.min.js"></script>
  <!-- countup js link -->
  <script src="assets/js/jquery.countup.min.js"></script>
  <!-- circle-progress js link -->
  <script src="assets/js/circle-progress.min.js"></script>
  <!-- countdown js link -->
  <script src="assets/js/jquery.countdown.js"></script>
  <!-- goolg-map-activate js link -->
  <script src="assets/js/goolg-map-activate.js"></script>
  <!-- main js link -->
  <script src="assets/js/main.js"></script>
</body>

<!-- Mirrored from thesoftking.com/html/iskul/demo/gallery.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 15 Feb 2019 06:55:00 GMT -->
</html>