{% set header_title = 'Gaming Template' %}
{% set header_title_show = false %}
{% set header_text = '
    <h1 class="nk-title display-3">GodLike</h1>

    <div>
        An atmospheric gaming HTML template based on Bootstrap 4
    </div>

    <div class="nk-gap-3"></div>
    <a href="https://themeforest.net/item/godlike-the-game-template/17166433?ref=_nK" target="_blank" class="nk-btn nk-btn-lg nk-btn-color-main-1 link-effect-4">
        <span>Purchase</span>
    </a>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <a href="#demos" class="nk-btn nk-btn-lg link-effect-4">
        <span>See Demos</span>
    </a>
' %}
{% set header_image = 'assets/images/image-1.jpg' %}
{% set header_size = 'md' %}
{% set header_visible = 6 %}
{% extends 'layouts/layout-2.html' %}

{% block content %}
    <!-- START: Demos -->
    <div class="container" id="demos">
        <div class="nk-gap-6"></div>
        <div class="row vertical-gap lg-gap">
            <div class="col-md-6">
                <div class="nk-image-box-1-a nk-no-effect">
                    <a href="index-main.html" class="nk-image-box-link"></a>
                    <img src="assets/images/demo-main.jpg" alt="Main Demo">
                    <div class="nk-image-box-overlay nk-image-box-center">
                        <div>
                            <h3 class="nk-image-box-title h4">Main Demo</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="nk-image-box-1-a nk-no-effect">
                    <a href="index-game-promo.html" class="nk-image-box-link"></a>
                    <img src="assets/images/demo-game-promo.jpg" alt="Game Promo Demo">
                    <div class="nk-image-box-overlay nk-image-box-center">
                        <div>
                            <h3 class="nk-image-box-title h4">Game Promo Demo</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="nk-gap-6"></div>
    </div>
    <!-- END: Demos -->

    <!-- START: Demos -->
    <div class="nk-box bg-dark-1">
        <div class="container">
            <div class="nk-gap-6"></div>

            <h2 class="text-center">Additional Pages</h2>
            <div class="nk-gap-3"></div>
            <div class="row vertical-gap lg-gap">
                <div class="col-md-6">
                    <div class="nk-image-box-1-a nk-no-effect">
                        <a href="index-main.html" class="nk-image-box-link"></a>
                        <img src="assets/images/demo-store.jpg" alt="Main Demo">
                        <div class="nk-image-box-overlay nk-image-box-center">
                            <div>
                                <h3 class="nk-image-box-title h4">Shop</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="nk-image-box-1-a nk-no-effect">
                        <a href="index-game-promo.html" class="nk-image-box-link"></a>
                        <img src="assets/images/demo-store-single.jpg" alt="Game Promo Demo">
                        <div class="nk-image-box-overlay nk-image-box-center">
                            <div>
                                <h3 class="nk-image-box-title h4">Product</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="nk-image-box-1-a nk-no-effect">
                        <a href="index-game-promo.html" class="nk-image-box-link"></a>
                        <img src="assets/images/demo-social-network.jpg" alt="Game Promo Demo">
                        <div class="nk-image-box-overlay nk-image-box-center">
                            <div>
                                <h3 class="nk-image-box-title h4">Social Network</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="nk-image-box-1-a nk-no-effect">
                        <a href="index-game-promo.html" class="nk-image-box-link"></a>
                        <img src="assets/images/demo-blog-post.jpg" alt="Game Promo Demo">
                        <div class="nk-image-box-overlay nk-image-box-center">
                            <div>
                                <h3 class="nk-image-box-title h4">Blog Post</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="nk-image-box-1-a nk-no-effect">
                        <a href="index-game-promo.html" class="nk-image-box-link"></a>
                        <img src="assets/images/demo-blog-grid.jpg" alt="Game Promo Demo">
                        <div class="nk-image-box-overlay nk-image-box-center">
                            <div>
                                <h3 class="nk-image-box-title h4">Blog Grid</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="nk-image-box-1-a nk-no-effect">
                        <a href="index-game-promo.html" class="nk-image-box-link"></a>
                        <img src="assets/images/demo-blog-list.jpg" alt="Game Promo Demo">
                        <div class="nk-image-box-overlay nk-image-box-center">
                            <div>
                                <h3 class="nk-image-box-title h4">Blog List</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="nk-image-box-1-a nk-no-effect">
                        <a href="index-game-promo.html" class="nk-image-box-link"></a>
                        <img src="assets/images/demo-coming-soon.jpg" alt="Game Promo Demo">
                        <div class="nk-image-box-overlay nk-image-box-center">
                            <div>
                                <h3 class="nk-image-box-title h4">Coming Soon</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="nk-image-box-1-a nk-no-effect">
                        <a href="index-game-promo.html" class="nk-image-box-link"></a>
                        <img src="assets/images/demo-age-check.jpg" alt="Game Promo Demo">
                        <div class="nk-image-box-overlay nk-image-box-center">
                            <div>
                                <h3 class="nk-image-box-title h4">Age Check</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nk-gap-6"></div>
        </div>
    </div>
    <!-- END: Demos -->

    <!-- START: Subscribe -->
    <div class="nk-box bg-dark-1">
        <div class="nk-gap-2"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-8 offset-md-2 col-lg-6 offset-lg-3">
                    <h2 class="nk-title text-center h1">Subscribe to our Newsletter</h2>
                    <div class="nk-gap-2"></div>

                    <!-- START: MailChimp Signup Form -->
                    <form action="//nkdev.us11.list-manage.com/subscribe/post?u=d433160c0c43dcf8ecd52402f&amp;id=7eafafe8f0" method="post" class="nk-mchimp validate" target="_blank">
                        <div class="input-group">
                            <input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email *">
                            <button class="nk-btn nk-btn-lg link-effect-4">Subscribe</button>
                        </div>
                        <div class="nk-form-response-success"></div>
                        <div class="nk-form-response-error"></div>
                        <small>We'll never share your email with anyone else.</small>
                        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d433160c0c43dcf8ecd52402f_7eafafe8f0" tabindex="-1" value=""></div>
                    </form>
                    <!-- END: MailChimp Signup Form -->
                </div>
            </div>
        </div>
        <div class="nk-gap-2"></div>
        <div class="nk-gap-6"></div>
        <div class="nk-gap-4"></div>
    </div>
    <!-- END: Subscribe -->

{% endblock %}

{% block javascript %}
    <script type="text/javascript">
        var tpj=jQuery;
        var revapi50;
        tpj(document).ready(function() {
            if(tpj("#rev_slider_50_1").revolution == undefined){
                revslider_showDoubleJqueryError("#rev_slider_50_1");
            }else{
                revapi50 = tpj("#rev_slider_50_1").show().revolution({
                    sliderType:"carousel",
                    jsFileLocation:"assets/vendor/revolution/js/",
                    sliderLayout:"auto",
                    dottedOverlay:"none",
                    delay:9000,
                    navigation: {
                        keyboardNavigation:"off",
                        keyboard_direction: "horizontal",
                        onHoverStop:"off",
                    },
                    carousel: {
                        maxRotation: 8,
                        vary_rotation: "off",
                        minScale: 20,
                        vary_scale: "off",
                        horizontal_align: "center",
                        vertical_align: "center",
                        fadeout: "off",
                        vary_fade: "off",
                        maxVisibleItems: 3,
                        infinity: "on",
                        space: -90,
                        stretch: "off"
                    },
                    responsiveLevels:[1240,1024,778,480],
                    gridwidth:[800,600,400,320],
                    gridheight:[600,400,320,280],
                    lazyType:"none",
                    shadow:0,
                    spinner:"off",
                    stopLoop:"on",
                    stopAfterLoops:0,
                    stopAtSlide:0,
                    shuffle:"off",
                    autoHeight:"off",
                    fullScreenAlignForce:"off",
                    fullScreenOffsetContainer: "",
                    fullScreenOffset: "",
                    disableProgressBar:"on",
                    hideThumbsOnMobile:"off",
                    hideSliderAtLimit:0,
                    hideCaptionAtLimit:0,
                    hideAllCaptionAtLilmit:0,
                    debugMode:false,
                    fallbacks: {
                        simplifyAll:"off",
                        nextSlideOnWindowFocus:"off",
                        disableFocusListener:false,
                    }
                });
            }
        });
    </script>
{% endblock %}