prison.php

<!DOCTYPE >
< lang="en">

<head>
    <meta charset="utf-8">
    <title>Asante Tuors & Safaris</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free  Templates" name="keywords">
    <meta content="Free  Templates" name="description">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> 

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />
    <link href="lib/twentytwenty/twentytwenty.css" rel="stylesheet" />

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="ex.css">
</head>

<body>
    <!-- Spinner Start -->
    <!-- <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-grow text-primary m-1" role="status">
            <span class="sr-only">Loading...</span>
        </div>
        <div class="spinner-grow text-dark m-1" role="status">
            <span class="sr-only">Loading...</span>
        </div>
        <div class="spinner-grow text-secondary m-1" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div> -->
    <!-- Spinner End -->


    <!-- Topbar Start -->
    <div class="container-fluid bg-light ps-5 pe-0 d-none d-lg-block">
        <div class="row gx-0">
            <div class="col-md-6 text-center text-lg-start mb-2 mb-lg-0">
                <div class="d-inline-flex align-items-center">
                    <small class="py-2"><i class="far fa-clock text-primary me-2"></i>Voccation Days: Mon - Tues : 6.00 am - 10.00 pm, Sunday Closed </small>
                </div>
            </div>
            <div class="col-md-6 text-center text-lg-end">
                <div class="position-relative d-inline-flex align-items-center bg-primary text-white top-shape px-5">
                    <div class="me-3 pe-3 border-end py-2">
                        <p class="m-0"><i class="fa fa-envelope-open me-2"></i>asantetourssafaris@gmail.com</p>
                    </div>
                    <div class="py-2">
                        <p class="m-0"><i class="fa fa-phone-alt me-2"></i>+255 672 605 572</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Topbar End -->


    <!-- Navbar Start -->
    <?php include 'nav.php';?>
    <!-- Navbar End -->


    <!-- Full Screen Search Start -->
    <div class="modal fade" id="searchModal" tabindex="-1">
        <div class="modal-dialog modal-fullscreen">
            <div class="modal-content" style="background: rgba(9, 30, 62, .7);">
                <div class="modal-header border-0">
                    <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body d-flex align-items-center justify-content-center">
                    <div class="input-group" style="max-width: 600px;">
                        <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
                        <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Full Screen Search End -->


    <!-- Hero Start -->
    <div class="container-fluid bg-primary py-5 hero-header mb-5">
        <div class="row py-3">
            <div class="col-12 text-center">
                <h1 class="display-3 text-white animated zoomIn">Zanzibar Excutions</h1>
                <a href="" class="h4 text-white">Prison Island</a>
                <i class="far fa-circle text-white px-2"></i>
                <a href="excution.php" class="h4 text-white">Excutions</a>
            </div>
        </div>
    </div>
    <!-- Hero End -->


    <!-- About Start -->
    <center>
    <div data-mk-stretch-content="true" class="wpb_row vc_row vc_row-fluid jupiter-donut- mk-fullwidth-false attched-false js-master-row mk-grid mk-in-viewport snipcss-YRUnl">
        <div class="vc_col-sm-4 wpb_column column_container  jupiter-donut- _ jupiter-donut-height-full">
          <div class="mk-image mk-image-12 jupiter-donut-  mk-image-lazyload align-left simple-frame inside-image " style="margin-bottom:10px">
            <div class="mk-image-container style-9Nz9s" id="style-9Nz9s">
              <div class="mk-image-holder style-5ZBZb" id="style-5ZBZb">
                <div class="mk-image-inner  ">
                  <a href="#" target="_self" class="mk-image-link">
                    <img decoding="async" class="lightbox-false" alt="Zanzibar Excursion" title="Zanzibar Excursion" width="10px" height="20px" src="img/prison.jpg">
                  </a>
                </div>
              </div>
              <div class="clearboth">
              </div>
            </div>
          </div>
          <div class="mk-image mk-image-13 jupiter-donut-  mk-image-lazyload align-left simple-frame inside-image " style="margin-bottom:10px">
            <div class="mk-image-container style-eOQoc" id="style-eOQoc">
              <div class="mk-image-holder style-ND4Fa" id="style-ND4Fa">
                <div class="mk-image-inner  ">
                  <a href="#" target="_self" class="mk-image-link">
                    <img decoding="async" class="lightbox-false" alt="Zanzibar Excursion Stone Town Slave Market" title="Zanzibar Excursion Stone Town Slave Market" width="1737" height="1150" src="img/prisonn.jpg">
                  </a>
                </div>
              </div>
              <div class="clearboth">
              </div>
            </div>
          </div>
        </div>
        <div class="vc_col-sm-8 wpb_column column_container  jupiter-donut- _ jupiter-donut-height-full">
          <div class=" vc_custom_1659349563522">
            <div id="text-block-15" class="mk-text-block  jupiter-donut- ">
              <h4>
                <strong>
                    PRISON ISLAND
                </strong>
              </h4>
              <p>
                This is trip is called prison island and it is among of the soft tour, this tour starts in the morning after breakfast our driver will pick you from hotel to stone town, after that the short 
              journey of maximum 35 minutes starts by using the traditional dhows to the Shore of Prison Island. Prison Island also known as Changuu or Quarantine Island. During the tour you will know exactly the history of island names,
               you will explore the old building, giant tortoises and peacock. Also there are coral reef in shallow waters, you can observe beautiful star fishes.                                                                   
              </p>     
              <div class="clearboth">
              </div>
            </div>
          </div>
          <div class=" vc_custom_1584180350834">
            <div id="text-block-16" class="mk-text-block  jupiter-donut- ">
              <div id="prison">
              </div>
              <div class="clearboth">
              </div>
            </div>
          </div>
        </div>
      </div>
    </center> 
    <!-- About End -->
    

    <!-- Newsletter Start -->
    <div class="container-fluid position-relative pt-5 wow fadeInUp" data-wow-delay="0.1s" style="z-index: 1;">
        <div class="container">
            <div class="bg-primary p-5">
                <form class="mx-auto" style="max-width: 600px;">
                    <div class="input-group">
                        <input type="text" class="form-control border-white p-3" placeholder="Your Email">
                        <button class="btn btn-dark px-4">Sign Up</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Newsletter End -->
    

    <!-- Footer Start -->
    <?php include 'footer.php';?>
    <!-- Footer End -->

    
    <!-- Back to Top -->
    <a href="https://wa.link/awl0m5" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-whatsapp"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/tempusdominus/js/moment.min.js"></script>
    <script src="lib/tempusdominus/js/moment-timezone.min.js"></script>
    <script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>
    <script src="lib/twentytwenty/jquery.event.move.js"></script>
    <script src="lib/twentytwenty/jquery.twentytwenty.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</>