front_page

<?php get_header() ?>

<header>
    <div class="container">
        <div class="header-content">

            <?php if( have_posts() ): ?>
            <?php while( have_posts() ): the_post() ?>
            <span>„
                <?php echo get_post_meta($post->ID, "Motto", true) ?>“</span>
            <?php endwhile ?>
            <?php endif ?>

        </div>
        <div class="header-footer">
            <a href="#about-us" class="animateScroll">
                <i class="fas fa-angle-down fa-3x"></i>
            </a>
        </div>
    </div>
</header>

<section id="about-us">
    <div class="container">

        <?php if( have_posts() ): ?>
        <?php while( have_posts() ): the_post() ?>
        <h1>
            <?php the_title() ?>
        </h1>
        <div>
            <?php the_content() ?>
        </div>
        <?php endwhile ?>
        <?php endif ?>

    </div>
</section>

<section class="secondary" id="servers">
    <div class="container">
        <h1>Naše servery</h1>
        <div class="row">

            <div class="col-lg-6 status-mc">
                <h2>Lorem ipsum dolor sit amet</h2>
                <div class="info">
                    <span>mc.royalportal.eu</span>
                    <span>
                        <i class="fas fa-code-branch"></i> 1.12.2</span>
                </div>
                <div class="progress-bar">
                    <progress value="0" max="100" class="offline"></progress>
                    <div>
                        <span class="offline">offline</span>
                    </div>
                </div>
                <div class="text-center">
                    <a href="#/" class="btn">Info</a>
                    <a href="#/" class="btn">Admin Team</a>
                    <a href="#/" class="btn disabled">BanList</a>
                    <a href="#/" class="btn">VIP</a>
                </div>
            </div>

            <div class="col-lg-6 status-ts">
                <h2>Lorem ipsum dolor sit amet</h2>
                <div class="info">
                    <span>ts.royalportal.eu</span>
                </div>
                <div class="progress-bar">
                    <progress value="20" max="100"></progress>
                    <div>
                        <span>20/100</span>
                    </div>
                </div>
                <div class="text-center">
                    <a href="#/" class="btn">Info</a>
                    <a href="#/" class="btn disabled">BanList</a>
                </div>
            </div>

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

<section id="news">
    <div class="container">
        <h1>Novinky</h1>
        <div class="row">

            <?php $the_query = new WP_Query("posts_per_page=3") ?>
            <?php if( $the_query->have_posts() ): ?>
            <?php while( $the_query -> have_posts() ): $the_query->the_post() ?>
            <div class="col-lg-4">
                <div class="post">
                    <div class="post-header">
                        <h3>
                            <a href="<?php the_permalink() ?>">
                                <?php the_title() ?>
                            </a>
                        </h3>
                        <div class="post-meta">
                            <span id="author">
                                <?php the_author_posts_link() ?>
                            </span>
                            <span id="category">
                                <?php the_category(", ") ?>
                            </span>
                            <span id="date">
                                <?php the_time("j. F Y") ?>
                            </span>
                            <span id="edit">
                                <?php edit_post_link(__("Upraviť"), "") ?>
                            </span>
                        </div>
                    </div>
                    <div class="post-content">
                        <?php echo get_excerpt(255); ?>
                    </div>
                    <div class="post-footer">
                        <a href="<?php the_permalink() ?>" class="btn">Zobraziť viac</a>
                    </div>
                </div>
            </div>
            <?php endwhile ?>
            <?php wp_reset_postdata() ?>
            <?php else: ?>
            <?php __("Žiadne data") ?>
            <?php endif ?>

        </div>
        <div class="more-posts">
            <a href="<?php echo get_permalink(get_option(" page_for_posts ")) ?>" class="btn">
                <i class="far fa-hand-point-right"></i> Zobraziť viacej noviniek</a>
        </div>
    </div>
</section>

<section id="team">
    <div class="container">
        <h1>Vedenie</h1>
        <div class="row">
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-image">
                        <img src="https://i.imgur.com/tfoSfOI.jpg" alt="GamerSK">
                    </div>
                    <div class="card-content">
                        <h3>GamerSK</h3>
                        <h3>Roman Vašek</h3>
                        <h3>Majiteľ</h3>
                        <div class="social-media">
                            <a href="#/">
                                <i class="far fa-envelope"></i>
                            </a>
                            <a href="#/">
                                <i class="fab fa-steam"></i>
                            </a>
                            <a href="#/">
                                <i class="fab fa-instagram"></i>
                            </a>
                            <a href="#/">
                                <i class="fab fa-facebook-square"></i>
                            </a>
                            <a href="#/">
                                <i class="fab fa-twitter"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-image">
                        <img src="https://i.imgur.com/Srvrfrb.jpg" alt="RaideN">
                    </div>
                    <div class="card-content">
                        <h3>RaideN</h3>
                        <h3>Martin Bilický</h3>
                        <h3>Hlavný Admin - MC divízia</h3>
                        <div class="social-media">
                            <a href="#/">
                                <i class="far fa-envelope"></i>
                            </a>
                            <a href="#/">
                                <i class="fab fa-steam"></i>
                            </a>
                            <a href="#/">
                                <i class="fab fa-instagram"></i>
                            </a>
                            <a href="#/">
                                <i class="fab fa-facebook-square"></i>
                            </a>
                            <a href="#/">
                                <i class="fab fa-twitter"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="contact">
    <div class="container">
        <h1>Kontakt</h1>
        <div class="content">

            <?php if( have_posts() ): ?>
            <?php while( have_posts() ): the_post() ?>
            <?php echo do_shortcode(get_post_meta($post->ID, "Contact", true)) ?>
            <?php endwhile ?>
            <?php endif ?>

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

<?php if( is_active_sidebar("banner-sidebar") ): ?>
<section class="container" id="banner-sidebar">
    <div class="banners">
        <?php dynamic_sidebar("banner-sidebar") ?>
    </div>
</section>
<?php endif ?>

<?php get_footer() ?>