&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot; /&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, shrink-to-fit=no&quot; /&gt;
&lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;
&lt;meta name=&quot;author&quot; content=&quot;&quot; /&gt;
&lt;!-- Favicon--&gt;
&lt;link rel=&quot;icon&quot; type=&quot;image/x-icon&quot; href=&quot;assets/favicon.ico&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 rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css&quot;&gt;
	

&lt;?php wp_head(); ?&gt;
    &lt;!-- Required meta tags --&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;?php 
global $ius_theme_options; 
?&gt;
&lt;body id=&quot;page-top&quot;&gt;
&lt;!-- Navigation--&gt;
&lt;nav class=&quot;navbar navbar-expand-lg navbar-dark fixed-top&quot; id=&quot;mainNav&quot;&gt;
    &lt;div class=&quot;container mob-menu&quot;&gt;
        &lt;a class=&quot;navbar-brand&quot; href=&quot;/&quot;&gt;&lt;img src=&quot;&lt;?php echo get_template_directory_uri().&#039;/assets/img/kings-castle-logo.png&#039;; ?&gt;&quot; alt=&quot;...&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;#navbarResponsive&quot; aria-controls=&quot;navbarResponsive&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;
            &lt;i class=&quot;fas fa-bars&quot;&gt;&lt;/i&gt;
            &lt;i class=&quot;fas fa-bars&quot;&gt;&lt;/i&gt;
            &lt;i class=&quot;fas fa-bars&quot;&gt;&lt;/i&gt;
        &lt;/button&gt;
        &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarResponsive&quot;&gt;
            &lt;?php 
            if ( has_nav_menu( &#039;header-menu-loc&#039; ) ) {
                wp_nav_menu( array(
                &#039;theme_location&#039;  =&gt; &#039;header-menu-loc&#039;, 
                &#039;container&#039;       =&gt; &#039;&#039;,
                &#039;container_id&#039;    =&gt; &#039;&#039;,
                &#039;echo&#039;            =&gt; true,
                &#039;items_wrap&#039;      =&gt; &#039;&lt;ul class=&quot;navbar-nav text-uppercase ms-auto py-4 py-lg-0&quot;&gt;%3$s&lt;/ul&gt;&#039;,
                &#039;depth&#039;           =&gt; 0,
				&#039;add_a_class&#039;     =&gt; &#039;nav-link&#039;,
                &#039;walker&#039; =&gt; new wp_bootstrap_navwalker()
                ) ); 
            }
            ?&gt;
            &lt;div class=&quot;icons-mob-nav&quot;&gt;
                &lt;a href=&quot;https://www.instagram.com/lovekingscastle/?hl=en-gb&quot;&gt;&lt;img src=&quot;https://kingscastle.overtimeagc.com/wp-content/themes/kingscastle/assets/img/ig.png&quot; style=&quot;height: 37px;&quot; /&gt;&lt;/a&gt;
                &lt;a href=&quot;https://www.tiktok.com/@lovekingscastle&quot;&gt;&lt;img src=&quot;https://kingscastle.overtimeagc.com/wp-content/themes/kingscastle/assets/img/tk.png&quot; style=&quot;height: 37px; padding: 0 5px;&quot; /&gt;&lt;/a&gt;
                &lt;a href=&quot;https://www.facebook.com/YourKingsCastle/?locale=en_GB &quot;&gt;&lt;img src=&quot;https://kingscastle.overtimeagc.com/wp-content/themes/kingscastle/assets/img/fb.png&quot; style=&quot;height: 37px;&quot; /&gt;&lt;/a&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/nav&gt;
&lt;?php
global $post;
$post_slug = $post-&gt;post_name;

////if ( is_home() ) {
if ( is_front_page() ) {
?&gt;
&lt;?php 
$image = get_field(&#039;banner_image&#039;);
?&gt;
&lt;!-- Masthead--&gt;
&lt;header class=&quot;masthead&quot; style=&quot;background-image:url(&lt;?php echo esc_url($image[&#039;url&#039;]); ?&gt;)&quot;&gt;
    &lt;div class=&quot;container ban-txt&quot;&gt;
        &lt;div class=&quot;masthead-subheading text-uppercase&quot;&gt;&lt;?php the_field(&#039;banner_text_1&#039;); ?&gt;&lt;/div&gt;
        &lt;div class=&quot;masthead-heading text-uppercase&quot;&gt;&lt;?php the_field(&#039;banner_text_2&#039;); ?&gt;&lt;/div&gt;
        &lt;div class=&quot;masthead-subheading2 text-uppercase&quot;&gt;&lt;?php the_field(&#039;banner_text_3&#039;); ?&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;container-fluid&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;mob-order&quot;&gt;&lt;a href=&quot;/contact/&quot; class=&quot;btn-order&quot;&gt;Order Online&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;about&#039;) {
?&gt;

&lt;header class=&quot;bannerMenu&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;bannerMenu-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;botline-mob&quot;&gt;&lt;a href=&quot;/contact/&quot; class=&quot;btn-order&quot;&gt;Order Online&lt;/a&gt;&lt;/div&gt;
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;franchise&#039;) {
?&gt;
&lt;?php 
$image = get_field(&#039;banner_image&#039;);
?&gt;
&lt;header class=&quot;bannerFranchise&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;franchise-txt&quot;&gt;Join The King&#039;s&lt;/div&gt;
        &lt;div class=&quot;bannerFranchise-heading text-uppercase fran-txt&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;section class=&quot;page-section pt-0 pb-0 franchise-content&quot; id=&quot;franchise&quot;&gt;
        &lt;div class=&quot;container-fluid&quot;&gt;
            
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-lg-6&quot;&gt;
                        &lt;div class=&quot;txt-left mar-bot-60&quot;&gt;
                            &lt;h3 class=&quot;fra-head-bot&quot;&gt;&lt;?php the_field(&#039;banner_top_heading&#039;); ?&gt;&lt;/h3&gt;
                            &lt;h2&gt;&lt;?php the_field(&#039;banner_main_heading&#039;); ?&gt;&lt;/h2&gt;
                            &lt;p class=&quot;marbot30&quot;&gt;&lt;?php the_field(&#039;banner_text&#039;); ?&gt;&lt;/p&gt;
                            &lt;div class=&quot;botline2 botline-franchise&quot; style=&quot;margin-bottom: -15px;&quot;&gt;&lt;a href=&quot;&lt;?php the_field(&#039;banner_button_link&#039;); ?&gt;&quot; class=&quot;but-read&quot;&gt;&lt;?php the_field(&#039;banner_button_text&#039;); ?&gt;&lt;/a&gt;&lt;/div&gt;
                        &lt;/div&gt;                
                    &lt;/div&gt;
                    &lt;div class=&quot;col-lg-6 p-0 marbot30&quot;&gt;
                        &lt;div class=&quot;car-mob&quot;&gt;&lt;img src=&quot;&lt;?php echo esc_url($image[&#039;url&#039;]); ?&gt;&quot; class=&quot;img-fluid&quot;&gt;&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            
        &lt;/div&gt;
    &lt;/section&gt;

    &lt;div class=&quot;container-fluid&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;mob-order&quot;&gt;&lt;a href=&quot;#getstarted&quot; class=&quot;but-read&quot;&gt;Read More&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;locations&#039;) {
?&gt;
&lt;?php 
$image = get_field(&#039;banner_image&#039;);
?&gt;
&lt;header class=&quot;bannerLocations&quot; style=&quot;background-image:url(&lt;?php echo esc_url($image[&#039;url&#039;]); ?&gt;)&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;bannerLocations-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;contact&#039;) {
?&gt;

&lt;header class=&quot;bannerContact&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;bannerContact-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;    
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;news&#039;) {
?&gt;

&lt;header class=&quot;bannerNews&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;bannerNews-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;    
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;kingscause&#039;) {
?&gt;

&lt;header class=&quot;bannerKings&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;bannerKings-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;    
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;terms&#039;) {
?&gt;

&lt;header class=&quot;bannerTerms&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;bannerTerms-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;    
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;careers&#039;) {
?&gt;

&lt;header class=&quot;bannerTeams&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;bannerTeams-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;    
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;menu&#039;) {
?&gt;

&lt;header class=&quot;bannerMenu&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;bannerMenu-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;botline-mob&quot;&gt;&lt;a href=&quot;/contact/&quot; class=&quot;btn-order&quot;&gt;Order Online&lt;/a&gt;&lt;/div&gt;
&lt;/header&gt;

&lt;?php
} elseif($post_slug==&#039;careers&#039;) {
?&gt;

&lt;header class=&quot;bannerCareers&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        
        &lt;div class=&quot;bannerCareers-heading text-uppercase&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;container-fluid&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;mob-order&quot;&gt;&lt;a href=&quot;/contact/&quot; class=&quot;btn-order&quot;&gt;Order Online&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/header&gt;

&lt;?php
} else {
?&gt;

&lt;header class=&quot;bannerKings&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
    	&lt;?php
		if ( is_single() ) {
		?&gt;
        	&lt;p&gt;Latest News &gt; &lt;?php the_title(); ?&gt;&lt;/p&gt;
        &lt;?php
		} else {
			echo &#039;&lt;p&gt; &lt;/p&gt;&#039;;
		}
		?&gt;    	
        &lt;div class=&quot;bannerKings-heading text-uppercase&quot; style=&quot;padding-top:0px !important;&quot;&gt;
			&lt;?php
            if ( is_single() ) {
                echo &#039;Latest News&#039;;
            } else {
                the_title(); 
            }
            ?&gt;
        &lt;/div&gt;
    &lt;/div&gt;    
&lt;/header&gt;

&lt;?php
}
?&gt;   
<!-- What's Hot-->
<section class="page-section" id="whatsfood" style="padding-bottom:3rem;">

    <style> 
		#myDIV {
            margin: auto;
            /*border: 1px solid black;*/
            width: 150px;
            height: 150px;
            /*background-color: coral;*/
            color: white;
            animation: mymove 10s infinite;
            position: absolute;
            margin-left: 30;
            margin-top: 30;
		}
		
		@keyframes mymove {
		  100% {transform: rotate(360deg);}
		}
    </style>
    <div id="myDIV" style="margin:10px;">
        <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/stamp-png.png" />          
    </div>

    <div class="container text-center">
		             
        <div class="text-center">
            <h2 class="section-heading text-uppercase">What's Hot? 2</h2>
        </div>
        <div class="container whatshot">

            <div class="container">
                <div class="row justify-content-center">
                    <ul class="nav nav-pills mb-3 justify-content-center" id="pills-tab" role="tablist">
                    	
						                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="-tab" data-bs-toggle="pill" data-bs-target="#" type="button" role="tab" aria-controls="pills-home" aria-selected="true" style="padding-top:0px;"></button>
                            </li>
                                                    <li class="nav-item" role="presentation">
                                <button class="nav-link " id="-tab" data-bs-toggle="pill" data-bs-target="#" type="button" role="tab" aria-controls="pills-home" aria-selected="true" style="padding-top:0px;"></button>
                            </li>
                                                
                    </ul>
                </div>
            </div>

            <div class="tab-content" id="pills-tabContent">   
                         
                    <div class="tab-pane fade show active" id="" role="tabpanel" aria-labelledby="pills-home-tab" tabindex="0">
                       
                        <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-inner">

                                    
                            </div>
    
                            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                            </button>
                            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                            </button>
                        </div>
                    </div>

            </div>
        </div>

                 
                    <div class="tab-pane fade show " id="" role="tabpanel" aria-labelledby="pills-home-tab" tabindex="0">
                       
                        <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-inner">

                                    
                            </div>
    
                            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                            </button>
                            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                            </button>
                        </div>
                    </div>

            </div>
        </div>

            </div>
</section>

<!-- Gallery -->
<section class="page-section" id="gallery" style="padding: 1rem 0;">
    <div class="container-fluid" style="padding:0px !important;">
        
        <div class="slider">
            <div class="logos-wrapper" style="animation-play-state: running;animation-direction: alternate;">
                <div class="logos">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product1.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product2.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product3.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product4.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product5.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product6.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product1.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product2.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product3.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product4.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product5.jpg" class="img-fluid img-gallery-height">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/product6.jpg" class="img-fluid img-gallery-height">
                </div>                
            </div>
        </div> 

        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.2.3/js/bootstrap.min.js"></script>
        <script>
        $(document).ready(function() {
            $('.logos-wrapper').on('mouseover', function() {
                $(this).css('animation-play-state', 'paused');
            }).on('mouseout', function() {
                $(this).css('animation-play-state', 'running');
            });
        });
        </script>

    </div>
</section>

<section class="page-section pt-0 pb-0" id="king-box">
    <div class="container-fluid">adaASDASDADASDA
    [logoshowcase hide_border="true" autoplay="false" dots="false"]	
    </div>
</section>

<section class="page-section pt-0 pb-0" id="king-box">
    <div class="container-fluid">

        <div class="king-box-desk">
            <div class="row">
                <div class="col-lg-6">
                    <div class="divbox">
                        <h3 style="margin-bottom:0px;">Welcome to Kings Castle 2</h3>
                        <h2>Home of The King</h2>
                        <p class="marbot30">YAS From our famously gratifying gourmet burgers, all the way to the glamour and showbiz of the Hollywood shakes of fame, we have a crown that fits everyone. There so much more to Kings Castle than the sophisticated and funky style. If you look beyond the classic 57.</p>
                    </div>                    
                    <div class="botline"><a href="/about/" class="but-read">Read More</a></div>
                </div>
                <div class="col-lg-6 p-lg-0 marbot30">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/img1.jpg" class="img-fluid">
                </div>
            </div>
        </div>
        <div class="king-box-mob">
            <div class="row" style="display:flex; align-items:center;">
                <div class="col-lg-6 p-lg-0 marbot30" style="padding: 0px;">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/img1.jpg" class="img-fluid">
                </div>
                <div class="col-lg-6">
                    <div class="txt-right" style="margin-bottom:38px;">
                        <h3 style="margin-bottom:0px;">Welcome to Kings Castle</h3>
                        <h2>Home of The King</h2>
                        <p class="marbot30">From our famously gratifying gourmet burgers, all the way to the glamour and showbiz of the Hollywood shakes of fame, we have a crown that fits everyone. There so much more to Kings Castle than the sophisticated and funky style. If you look beyond the classic 57 Chevy Belair and delve beyond our castle walls, youll see all our ingredients are sourced locally. This not only guarantees the highest quality of food but also your Royal seal of approval.</p>
                        <br />
                        <div class="botline"><a href="/about/" class="but-read">Read More</a></div>
                    </div>                
                </div>
            </div>
        </div>

        <div class="king-box2-desk">            

            <div class="row">
                <div class="col-lg-6 p-lg-0 marbot30">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/img2.jpg" class="img-fluid">
                </div>
                
                <div class="col-lg-6">

                <style> 
                    #myDIV2 {
                        margin: auto;
                        /*border: 1px solid black;*/
                        width: 150px;
                        height: 150px;
                        /*background-color: coral;*/
                        color: white;
                        animation: mymove 10s infinite;
                        position: absolute;
                        right: 0;
                        margin-top: 20px !important;
                    }
                    
                    @keyframes mymove {
                    100% {transform: rotate(360deg);}
                    }
                </style>
                <div id="myDIV2" style="margin:10px;">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/stamp_new.png" />
                </div>
                    <div class="home-latest-news-text-wrapper">
                        <div class="divbox2" >
                            <h3>Latest News</h3>
                            <h2 class="marbot30">Introduction The Meaty Collab With Malik Butchers</h2>
                        </div>                    
                        <div class="botline2"><a href="/news/" class="but-read">Read More</a></div>
                    </div>
                </div>
                
            </div>

        </div>


        <div class="king-box2-mob">
            <div class="row" style="display:flex; align-items:center;">
                <div class="col-lg-6 p-lg-0 marbot30" style="padding: 0px;">
                    <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/img2.jpg" class="img-fluid">
                </div>
                <div class="col-lg-6">
                    <div class="txt-left txt-left-mob" style="padding-bottom:38px;">
                        <h3 style="margin-bottom:0px;">Latest News</h3>
                        <h2 class="marbot30">INTRODUCING THE MEATCY COLLAB WITH MALIK BUTCHERS</h2>
                        <br />
                        <div class="botline"><a href="/news/" class="but-read">Read More</a></div>
                    </div>                
                </div>
            </div>
        </div>        
    </div>
</section>

<section class="page-section slideDesk" id="gallery2" style="margin-bottom:50px;">    
    
    <div class="container text-center">
        <style> 
            #myDIV3 {
                margin: auto;
                /*border: 1px solid black;*/
                width: 150px;
                height: 150px;
                /*background-color: coral;*/
                color: white;
                animation: mymove 10s infinite;
                position: absolute;
                right: 0;
            }
            
            @keyframes mymove {
            100% {transform: rotate(360deg);}
            }
        </style>
        <div id="myDIV3" style="margin:10px;">
            <img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/stamp-png.png" />          
        </div>

        <div class="row text-center">            
            <div class="col-md-6 mar-bot-60">
                <a href="/kingscause/">
                    <div class="gallery-img" style="background-image: url('https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/pic1.jpg'); background-position:center; height:500px;">
                        <h3>The King Club</h3>
                    </div>
                    <div class="location-read2">
                        <a href="/kingscause/" class="but-read2">Read More</a>
                    </div>
                </a>
            </div>
            <div class="col-md-2 mar-bot-60">
                <a href="/franchise/">
                    <div class="gallery-img" style="background-image: url('https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/pic2.jpg'); background-position:center; height:500px;">
                        <h3 class="my-4">Franchise</h3>
                    </div>
                    <div class="location-read2">
                        <a href="/franchise/" class="but-read2">Read More</a>
                    </div>
                </a>
            </div>
            <div class="col-md-2 mar-bot-60">
                <a href="/locations/">
                    <div class="gallery-img" style="background-image: url('https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/pic3.jpg'); background-position:center; height:500px;">
                        <h3 class="my-4">Locations</h3>
                    </div>
                    <div class="location-read2">
                        <a href="/locations/" class="but-read2">Read More</a>
                    </div>
                </a>
            </div>
            <div class="col-md-2 mar-bot-60">
                <a href="/careers/">
                    <div class="gallery-img" style="background-image: url('https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/pic4.jpg'); background-position:center; height:500px;">
                        <h3 class="my-4">Careers</h3>
                    </div>
                    <div class="location-read2">
                        <a href="/careers/" class="but-read2">Read More</a>
                    </div>
                </a>
            </div>
            
        </div>

    </div>    
</section>

<!-- Gallery -->
<section class="page-section slideMob" id="gallery2" style="margin-bottom:-150px;">
    <div class="container-fluid">
        
        <div class="slider" style="margin-bottom:130px;">
            <div class="logos-wrapper" style="animation-play-state: running;animation-direction: alternate; width:800px !important; display:inline-block;">
                <div class="logos">                    

                    <div class="col-md-6 text-center mar-bot-60" style="width:3000px; margin-right:5px; margin-left:5px;">
                        <a href="/kingscause/">
                            <div class="gallery-img" style="background-image: url('https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/pic1.jpg'); background-position:center;">
                                <h3>The King Club</h3>
                            </div>
                            <div class="location-read2">
                                <a href="/kingscause/" class="but-read2">Read More</a>
                            </div>
                        </a>
                    </div>
                    
                    <div class="col-md-2 text-center mar-bot-60" style="width:300px; margin-right:5px; margin-left:5px;">
                        <a href="/franchise/">
                            <div class="gallery-img" style="background-image: url('https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/pic2.jpg'); background-position:center;">
                                <h3 class="my-4">Franchise</h3>
                            </div>
                            <div class="location-read2">
                                <a href="/franchise/" class="but-read2">Read More</a>
                            </div>
                        </a>
                    </div>                

                    <div class="col-md-2 text-center mar-bot-60" style="width:300px; margin-right:5px; margin-left:5px;">
                        <a href="/locations/">
                            <div class="gallery-img" style="background-image: url('https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/pic3.jpg'); background-position:center;">
                                <h3 class="my-4">Locations</h3>
                            </div>
                            <div class="location-read2">
                                <a href="/locations/" class="but-read2">Read More</a>
                            </div>
                        </a>
                    </div>

                    <div class="col-md-2 text-center mar-bot-60" style="width:300px; margin-right:5px; margin-left:5px;">
                        <a href="/careers/">
                            <div class="gallery-img" style="background-image: url('https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/pic4.jpg'); background-position:center;">
                                <h3 class="my-4"> Careers </h3>
                            </div>
                            <div class="location-read2">
                                <a href="/careers/" class="but-read2">Read More</a>
                            </div>
                        </a>
                    </div>

                </div>                
            </div>
        </div> 

        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.2.3/js/bootstrap.min.js"></script>
        <script>
        $(document).ready(function() {
            $('.logos-wrapper').on('mouseover', function() {
                $(this).css('animation-play-state', 'paused');
            }).on('mouseout', function() {
                $(this).css('animation-play-state', 'running');
            });
        });
        </script>

    </div>
</section>


<!-- Follow -->
<section class="page-section pb-0 pad-bot-3rem" id="follow">
    <div class="container-fluid">
        
        <div class="text-center">
            <h2 class="section-heading text-uppercase">Follow The Journey #LoveKingCastle 123</h2>
            [instagram-feed feed=1]123
        </div>

        <div class="row">
            [instagram-feed feed=1]456
        </div>

    </div>
</section>

<!-- Follow -->
<section class="page-section" id="footer">
    <div class="container-fluid">      
        <div class="text-center">
            <a href="/"><img src="https://kings-castle.co.uk/wp-content/themes/kingscastle/assets/img/logo.png" class="mb-4" /></a>
        </div>
        <div class="row">
            <div class="col-lg-12 footer-nav text-center">
                <a href="https://order.kings-castle.co.uk/">ORDER ONLINE</a>
            </div>
        </div>
    </div>
</section>
<!-- Copyright -->
<section class="page-section pb-0" id="copyright">
    <div class="container-fluid">        
        <div class="text-center">
            <p>© 2024 Kings Castle | All Rights Reserved | A Website Built <a href="https://overtimeagc.com/" target="_blank">Overtime</a></p>
        </div>
    </div>
</section>
<style type="text/css">
	.footer-nav a { padding: 0 1%; }
	.fa-bars { 
		height: 2px;
		width: 15px;
		display: block;
		background: #fff;
		margin: 2px;
	}
</style>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kingscastle/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.2.3/js/bootstrap.bundle.min.js"></script>
<script type="application/javascript">
$(document).ready(function () {
    var itemsMainDiv = ('.MultiCarousel');
    var itemsDiv = ('.MultiCarousel-inner');
    var itemWidth = "";

    $('.leftLst, .rightLst').click(function () {
        var condition = $(this).hasClass("leftLst");
        if (condition)
            click(0, this);
        else
            click(1, this)
    });

    ResCarouselSize();


    $(window).resize(function () {
        ResCarouselSize();
    });

    //this function define the size of the items
    function ResCarouselSize() {
        var incno = 0;
        var dataItems = ("data-items");
        var itemClass = ('.item');
        var id = 0;
        var btnParentSb = '';
        var itemsSplit = '';
        var sampwidth = $(itemsMainDiv).width();
        var bodyWidth = $('body').width();
        $(itemsDiv).each(function () {
            id = id + 1;
            var itemNumbers = $(this).find(itemClass).length;
            btnParentSb = $(this).parent().attr(dataItems);
            itemsSplit = btnParentSb.split(',');
            $(this).parent().attr("id", "MultiCarousel" + id);


            if (bodyWidth >= 1200) {
                incno = itemsSplit[3];
                itemWidth = sampwidth / incno;
            }
            else if (bodyWidth >= 992) {
                incno = itemsSplit[2];
                itemWidth = sampwidth / incno;
            }
            else if (bodyWidth >= 768) {
                incno = itemsSplit[1];
                itemWidth = sampwidth / incno;
            }
            else {
                incno = itemsSplit[0];
                itemWidth = sampwidth / incno;
            }
            $(this).css({ 'transform': 'translateX(0px)', 'width': itemWidth * itemNumbers });
            $(this).find(itemClass).each(function () {
                $(this).outerWidth(itemWidth);
            });

            $(".leftLst").addClass("over");
            $(".rightLst").removeClass("over");

        });
    }


    //this function used to move the items
    function ResCarousel(e, el, s) {
        var leftBtn = ('.leftLst');
        var rightBtn = ('.rightLst');
        var translateXval = '';
        var divStyle = $(el + ' ' + itemsDiv).css('transform');
        var values = divStyle.match(/-?[\d\.]+/g);
        var xds = Math.abs(values[4]);
        if (e == 0) {
            translateXval = parseInt(xds) - parseInt(itemWidth * s);
            $(el + ' ' + rightBtn).removeClass("over");

            if (translateXval <= itemWidth / 2) {
                translateXval = 0;
                $(el + ' ' + leftBtn).addClass("over");
            }
        }
        else if (e == 1) {
            var itemsCondition = $(el).find(itemsDiv).width() - $(el).width();
            translateXval = parseInt(xds) + parseInt(itemWidth * s);
            $(el + ' ' + leftBtn).removeClass("over");

            if (translateXval >= itemsCondition - itemWidth / 2) {
                translateXval = itemsCondition;
                $(el + ' ' + rightBtn).addClass("over");
            }
        }
        $(el + ' ' + itemsDiv).css('transform', 'translateX(' + -translateXval + 'px)');
    }

    //It is used to get some elements from btn
    function click(ell, ee) {
        var Parent = "#" + $(ee).parent().attr("id");
        var slide = $(Parent).attr("data-slide");
        ResCarousel(ell, Parent, slide);
    }

});
</script>
</body>
</html>