<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap" rel="stylesheet">

    <!-- Css Styles -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>

<body>


    <!-- Header Section Begin -->
    <header class="header-section">
        <div class="container-fluid">
            <div class="logo">
                    <img src="img/logo.png" alt="">
            </div>
            <div class="container">
                <div class="nav-menu">
                    <nav class="mainmenu mobile-menu">
                        <ul>
                            <li><a href="/"><img src="img/en.png"></a></li>
                            <li><a href="fr/"><img src="img/fr.png"></a></li>
                            <li><a href="de/"><img src="img/de.png"></a></li>
                            <li><a href="es/"><img src="img/es.png"></a></li>
                            <li><a href="it/"><img src="img/it.png"></a></li>
                        </ul>
                    </nav>
                </div>
            </div>
            <div id="mobile-menu-wrap"></div>
        </div>
    </header>
    <!-- Header End -->

    <!-- Hero Section Begin -->
    <section class="hero-section">
        <div class="hero-items owl-carousel">
            <div class="single-hero-item set-bg" style="background:url(img/hero-slider/hero-1.jpg);background-size: cover;">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="hero-text">
                                <h2>Aliquam euismod libero</h2>
                                <h1>Fermentum augue</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Hero End -->

    <!-- Feature Section Begin -->
    <section class="feature-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-4">
                    <div class="feature-item set-bg" style="background:url(img/feature/feature-1.jpg);background-size: cover;">
                        <h3>Aliquam convallis</h3>
                        <p>augue non elementum posuere, metus purus iaculis lectus<br /> tristique ligula justo vitae magna. </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-item set-bg" style="background:url(img/feature/feature-2.jpg);background-size: cover;">
                        <h3>Aliquam convallis</h3>
                        <p>augue non elementum posuere, metus purus iaculis lectus<br /> tristique ligula justo vitae magna. </p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="feature-item set-bg" style="background:url(img/feature/feature-3.jpg);background-size: cover;">
                        <h3>Aliquam convallis</h3>
                        <p>augue non elementum posuere, metus purus iaculis lectus<br /> tristique ligula justo vitae magna. </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Feature Section End -->

    <!-- About Section Begin -->
    <section class="home-about spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="about-text">
                        <h2>Mauris ullamcorper felis</h2>
                        <p class="short-details">Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                        <p class="long-details">Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim.</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-img">
                        <img src="img/home-about.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About Section End -->

    <!-- Classes Section Begin -->
    <section class="classes-section">
        <div class="class-title set-bg" data-setbg="" style="background:url(img/classes-title-bg.jpg);background-size: cover;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 m-auto text-center">
                        <div class="section-title pl-lg-4 pr-lg-4 pl-0 pr-0">
                            <h2>Choose Your Program</h2>
                            <p>Our Crossfit experts can help you discover new training techniques and exercises that offer a dynamic and efficient full-body workout.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <div class="classes-item set-bg" style="background:url(img/classes/class-1.jpg);background-size: cover;">
                        <h4>Aenean suscipit</h4>
                        <p>Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="classes-item set-bg" style="background:url(img/classes/class-2.jpg);background-size: cover;">
                        <h4>Aenean suscipit</h4>
                        <p>Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="classes-item set-bg" style="background:url(img/classes/class-3.jpg);background-size: cover;">
                        <h4>Aenean suscipit</h4>
                        <p>Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="classes-item set-bg" style="background:url(img/classes/class-4.jpg);background-size: cover;">
                        <h4>Aenean suscipit</h4>
                        <p>Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Classes Section End -->



    <!-- Choseus Section Begin -->
    <section class="chooseus-section spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h2>Praesent aliquam enim</h2>
                        <p>Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-sm-6">
                    <div class="choose-item">
                        <img src="img/icons/chose-icon-1.png" alt="">
                        <h5>Felis magna</h5>
                        <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. </p>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="choose-item">
                        <img src="img/icons/chose-icon-2.png" alt="">
                        <h5>Felis magna</h5>
                        <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. </p>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="choose-item">
                        <img src="img/icons/chose-icon-3.png" alt="">
                        <h5>Felis magna</h5>
                        <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. </p>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="choose-item">
                        <img src="img/icons/chose-icon-4.png" alt="">
                        <h5>Felis magna</h5>
                        <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. </p>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="choose-item">
                        <img src="img/icons/chose-icon-5.png" alt="">
                        <h5>Felis magna</h5>
                        <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. </p>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="choose-item">
                        <img src="img/icons/chose-icon-6.png" alt="">
                        <h5>Felis magna</h5>
                        <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Choseus Section End -->

    <!-- Video Section Begin -->
    <section class="video-section set-bg" style="background:url(img/video-bg.jpg);background-size: cover;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="video-text">
                        <h2>Mauris ullamcorper felis vitae erat</h2>
                        <p style="color:#fff;">Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa <br />suscipit pulvinar. Nulla sollicitudin.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Video Section End -->

    <!-- Blog Section Begin -->
    <section class="blog-section spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="section-title">
                        <h2>Rutrum augue</h2>
                        <p>Praesent aliquam enim at fermentum mollis ligula massa</p>
                    </div>
                </div>
            </div>
            <div class="row blog-gird">
                <div class="grid-sizer"></div>
                <div class="col-lg-4 col-md-6 grid-item">
                    <div class="blog-item large-item set-bg" style="background:url(img/blog/blog-1.jpg);background-size: cover;">
                        <span class="blog-text">
                            <div class="categories">Vivamus leo</div>
                            <h5>Purus iaculis lectus, et tristique ligula justo vitae magna.</h5>
                        </span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 grid-item">
                    <div class="blog-item instagram-item">
                        <span class="instagram-text">
                            <div class="categories">Vivamus leo</div>
                            <h5>Purus iaculis lectus, et tristique ligula justo vitae magna.</h5>
                        </span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 grid-item">
                    <div class="blog-item small-item set-bg" style="background:url(img/blog/blog-2.jpg);background-size: cover;">
                        <span class="blog-text">
                            <div class="categories">Vivamus leo</div>
                            <h5>Purus iaculis lectus, et tristique ligula justo vitae magna.</h5>
                        </span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 grid-item">
                    <div class="blog-item large-item xls-large set-bg" style="background:url(img/blog/blog-3.jpg);background-size: cover;">
                        <span class="blog-text">
                            <div class="categories">Vivamus leo</div>
                            <h5>Purus iaculis lectus, et tristique ligula justo vitae magna.</h5>
                        </span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 grid-item">
                    <div class="blog-item large-item set-bg" style="background:url(img/blog/blog-4.jpg);background-size: cover;">
                        <span class="blog-text">
                            <div class="categories">Vivamus leo</div>
                            <h5>Purus iaculis lectus, et tristique ligula justo vitae magna.</h5>
                        </span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 grid-item">
                    <div class="blog-item small-item set-bg" style="background:url(img/blog/blog-5.jpg);background-size: cover;">
                        <span class="blog-text">
                            <div class="categories">Vivamus leo</div>
                            <h5>Purus iaculis lectus, et tristique ligula justo vitae magna.</h5>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Blog Section End -->

    <!-- Cta Section Begin -->
    <section class="cta-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="cta-text text-center">
                        <h3>tristique ligula</h3>
                        <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, <br />ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Cta Section End -->


    <!-- Footer Section Begin -->
    <footer class="footer-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-3">
                    <div class="footer-logo-item">
                        <div class="f-logo">
                          <img src="img/logo.png" alt="">
                        </div>
                        <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis ligula massa adipiscing nisl</p>
                    </div>
                </div>
                <div class="col-lg-3 offset-lg-1">
                    <div class="footer-widget">
                        <h5>Praesent</h5>
                        <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis ligula massa adipiscing nisl</p>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="footer-widget">
                        <h5>Praesent</h5>
                        <p>Aliquam convallis sollicitudin purus. Praesent aliquam.</p>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="footer-widget">
                        <h5>Praesent</h5>
                        <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis ligula massa adipiscing nisl</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-text">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <div class="ct-inside">Powered by : <a href="https://www.madawebdesign.com" target="_blank">madawebdesign.com</a> </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer Section End -->

</body>

</html>