    <div class="row">
        <div class="col-12">
			<pre class="with-hljs"><code class="lang-php">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

    &lt;head&gt;
        &lt;meta charset=&quot;utf-8&quot;&gt;
        &lt;title&gt;MHA Water Park&lt;/title&gt;
        &lt;meta content=&quot;width=device-width, initial-scale=1.0&quot; name=&quot;viewport&quot;&gt;
        &lt;meta content=&quot;&quot; name=&quot;keywords&quot;&gt;
        &lt;meta content=&quot;&quot; name=&quot;description&quot;&gt;

        &lt;!-- Google Web Fonts --&gt;
        &lt;link rel=&quot;icon&quot; type=&quot;&quot; href=&quot;img/logomha.jpeg&quot;&gt;
        &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
        &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
        &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt; 

        &lt;!-- Icon Font Stylesheet --&gt;
        &lt;link rel=&quot;stylesheet&quot; href=&quot;https://use.fontawesome.com/releases/v5.15.4/css/all.css&quot;/&gt;
        &lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css&quot; rel=&quot;stylesheet&quot;&gt;

        &lt;!-- Libraries Stylesheet --&gt;
        &lt;link href=&quot;lib/animate/animate.min.css&quot; rel=&quot;stylesheet&quot;&gt;
        &lt;link href=&quot;lib/lightbox/css/lightbox.min.css&quot; rel=&quot;stylesheet&quot;&gt;
        &lt;link href=&quot;lib/owlcarousel/assets/owl.carousel.min.css&quot; rel=&quot;stylesheet&quot;&gt;


        &lt;!-- Customized Bootstrap Stylesheet --&gt;
        &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;

        &lt;!-- Template Stylesheet --&gt;
        &lt;link href=&quot;css/style.css&quot; rel=&quot;stylesheet&quot;&gt;
      
      &lt;style&gt;
        .attractions::after {
   
    background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(./img/bumper-car.jpg) center center no-repeat;
    background-size: cover;
    
}
.bold-icon {
  text-shadow: 2px 0 currentColor, -1px 0 currentColor;
}
      &lt;/style&gt;

    &lt;/head&gt;

    &lt;body&gt;

        &lt;!-- Spinner Start --&gt;
        &lt;!-- &lt;div id=&quot;spinner&quot; class=&quot;show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center&quot;&gt;
            &lt;div class=&quot;spinner-border text-primary&quot; style=&quot;width: 3rem; height: 3rem;&quot; role=&quot;status&quot;&gt;
                &lt;span class=&quot;sr-only&quot;&gt;Loading...&lt;/span&gt;
            &lt;/div&gt;
        &lt;/div&gt; --&gt;
        &lt;!-- Spinner End --&gt;

        &lt;!-- Navbar &amp; Hero Start --&gt;
        &lt;div class=&quot;container-fluid nav-bar sticky-top px-4 py-2 py-lg-0&quot;&gt;
            &lt;nav class=&quot;navbar navbar-expand-lg navbar-light&quot;&gt;
                &lt;a href=&quot;&quot; class=&quot;navbar-brand p-0&quot;&gt;
                    &lt;!-- &lt;h1 class=&quot;display-6 text-dark&quot;&gt;&lt;i class=&quot;fas fa-swimmer text-primary me-3&quot;&gt;&lt;/i&gt;WaterLand&lt;/h1&gt; --&gt;
                    &lt;img src=&quot;img/logomha.jpeg&quot; alt=&quot;Logo&quot; width=&quot;130px&quot;&gt;
                &lt;/a&gt;
                &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#navbarCollapse&quot;&gt;
                    &lt;span class=&quot;fa fa-bars&quot;&gt;&lt;/span&gt;
                &lt;/button&gt;
                &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarCollapse&quot;&gt;
                    &lt;div class=&quot;navbar-nav mx-auto py-0&quot;&gt;
                        &lt;a href=&quot;index.php&quot; class=&quot;nav-item nav-link active&quot;&gt;Home&lt;/a&gt;
                        &lt;a href=&quot;extreme.php&quot; class=&quot;nav-item nav-link&quot;&gt;Amusement Park&lt;/a&gt;
                        &lt;a href=&quot;./bookticket&quot; class=&quot;nav-item nav-link&quot;&gt;Book Ticket&lt;/a&gt;
                        &lt;!-- &lt;a href=&quot;gallery.php&quot; class=&quot;nav-item nav-link&quot;&gt;Gallery&lt;/a&gt; --&gt;
                        &lt;!-- &lt;a href=&quot;blog.php&quot; class=&quot;nav-item nav-link&quot;&gt;Events&lt;/a&gt; --&gt;
                        
                        &lt;div class=&quot;nav-item dropdown&quot;&gt;
                            &lt;a href=&quot;#&quot; class=&quot;nav-link dropdown-toggle&quot; data-bs-toggle=&quot;dropdown&quot;&gt;Features&lt;/a&gt;
                            &lt;div class=&quot;dropdown-menu m-0&quot;&gt;
                                &lt;a href=&quot;feature.php&quot; class=&quot;dropdown-item&quot;&gt;Feature&lt;/a&gt;
                                &lt;a href=&quot;gallery.php&quot; class=&quot;dropdown-item&quot;&gt;Gallery&lt;/a&gt;
                                &lt;a href=&quot;attraction.php&quot; class=&quot;dropdown-item&quot;&gt;Attractions&lt;/a&gt;
                                &lt;!-- &lt;a href=&quot;package.php&quot; class=&quot;dropdown-item&quot;&gt;Ticket Packages&lt;/a&gt; --&gt;
                                &lt;!-- &lt;a href=&quot;team.php&quot; class=&quot;dropdown-item&quot;&gt;Our Team&lt;/a&gt; --&gt;
                                &lt;a href=&quot;testimonial.php&quot; class=&quot;dropdown-item&quot;&gt;Testimonial&lt;/a&gt;
                                &lt;!--&lt;a href=&quot;testimonial.php&quot; class=&quot;dropdown-item&quot;&gt;Adventure Zone&lt;/a&gt;--&gt;
                                &lt;!-- &lt;a href=&quot;404.php&quot; class=&quot;dropdown-item&quot;&gt;404 Page&lt;/a&gt; --&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;a href=&quot;about.php&quot; class=&quot;nav-item nav-link&quot;&gt;About&lt;/a&gt;
                        &lt;a href=&quot;contact.php&quot; class=&quot;nav-item nav-link&quot;&gt;Contact&lt;/a&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;team-icon d-none d-xl-flex justify-content-center me-3&quot;&gt;
                        &lt;a class=&quot;btn btn-square btn-light  rounded-circle mx-1&quot; href=&quot;&quot;&gt;&lt;i class=&quot;fab fa-facebook-f&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                        &lt;a class=&quot;btn btn-square btn-light  rounded-circle mx-1&quot; href=&quot;&quot;&gt;&lt;i class=&quot;fab fa-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                        &lt;a class=&quot;btn btn-square btn-light  rounded-circle mx-1&quot; href=&quot;&quot;&gt;&lt;i class=&quot;fab fa-instagram&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                        &lt;a class=&quot;btn btn-square btn-light  rounded-circle mx-1&quot; href=&quot;&quot;&gt;&lt;i class=&quot;fab fa-linkedin-in&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                    &lt;/div&gt;
                    &lt;!-- &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill py-2 px-4 flex-shrink-0&quot;&gt;Get Started&lt;/a&gt; --&gt;
                &lt;/div&gt;
            &lt;/nav&gt;
        &lt;/div&gt;
        &lt;!-- Navbar &amp; Hero End --&gt;</code></pre>        </div>
    </div>