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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   <!-- .site-wrap 820-->
    <title></title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
</head>

<body class="animsition">
    <div class="intro-section">
        <!-- intro section -->
        <div class="">
            <!-- navigation-transparent -->
            <div class="header">
                <!-- navigation -->
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-12">
                            <span class="logo"><img src="images/logo.png" alt=""></span>
                        </div>
                        <div class="col-md-8 col-sm-12">
                            <div id="navigation" class="navigation">
                                <ul class="pull-right">
                                    <li><a href="/" class="animsition-link"><img src="images/en.png"></a></li>
                                    <li><a href="fr/" class="animsition-link"><img src="images/fr.png"></a></li>
                                    <li><a href="de/" class="animsition-link"><img src="images/de.png"></a></li>
                                    <li><a href="es/" class="animsition-link"><img src="images/es.png"></a></li>
                                    <li><a href="it/" class="animsition-link"><img src="images/it.png"></a></li>
                                    </ul>
                            </div>
                        </div>
                        <div class="col-md-1 hidden-sm hidden-xs navigation-search">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.navigation -->
        <div class="container">
            <div class="row full-w">
                <div class="col-md-12 col-sm-12 text-center">
                    <div class="intro-caption">
                        <!-- intro caption -->
                        <h1 class="intro-title">Maecenas adipiscing ante non diam sodales</h1>
                        <p class="mb40">Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue <br />eu, quam. Mauris ullamcorper felis vitae erat. </p>
                        </div>
                    <!-- /.intro caption -->
                </div>
            </div>
        </div>
    </div>
    <!-- /.intro section -->
    <div class="section-space80">
        <!-- section-space80 -->
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 text-center mb60">
                    <h1>Praesent aliquam enim</h1>
                    <p>Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus.</p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-4">
                    <div class="service-block mb60">
                        <div class="service-img">
                            <span class="imghover"><img src="images/service-1.jpg" class="img-responsive" alt=""></span>
                        </div>
                        <div class="pinside30 outline">
                            <h2><span class="heading-title">Fusce vulputate sem</span></h2>
                            <p>Lorem ipsum dolor sit amet orci oneser one lorem consetetur sadipscing elitese sed diam onesres ipsum dolor. </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="service-block mb60">
                        <div class="service-img">
                            <span class="imghover"><img src="images/service-2.jpg" class="img-responsive" alt=""></span>
                        </div>
                        <div class="pinside30 outline">
                            <h2><span class="heading-title">Fusce vulputate sem</span></h2>
                            <p>Nulla lobortis mileovel porttitor lorem is lectufeuat lorem lorem necuspe ndisse dapiut inteconvallis lorem ipsum. </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="service-block mb60">
                        <div class="service-img">
                            <span class="imghover"><img src="images/service-3.jpg" class="img-responsive" alt=""></span>
                        </div>
                        <div class="pinside30 outline">
                            <h2><span class="heading-title">Fusce vulputate sem</span></h2>
                            <p>Suspendisse maximus eros sitamet is lonewse pretium ise gravidams lorem malesuada one portti loremde.</p>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.section-space80 -->
    </div>
    <div class="section-space80 bg-light">
        <!-- section-space80 -->
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 text-center mb40">
                    <h1 class="mb20">Morbi vel erat non mauris convallis vehicula</h1>
                    <p class="lead">Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                </div>
                <div class="col-md-offset-2 col-md-8 col-sm-12">
                    <div class="video-section">
                        <div class="video-img"><img src="images/about-img.jpg" alt="" class="img-responsive mb30"> </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.section-space80 -->
    <div class="section-space60">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <div class="trainers-img">
                        <img src="images/trainers.png" class="img-responsive" alt="">
                    </div>
                </div>
                <div class="col-md-offset-1 col-md-5 col-sm-6">
                    <div class="trainers-info pdt60">
                        <h1 class="classes-title">Praesent aliquam enim</h1>
                        <div class="mb40">
                            <span class="meta-trainers">- Ligula massa</span>
                        </div>
                        <p class="lead mb30">“Vivamus leo. Aliquam euismod libero eu enim”</p>
                        <p class="mb40">Curabitur nec purus sit amet libero scelerisque sagittisnec lorem facilisis nulla vel tincidunt facilisecenas id nulmpus em ipsumes sitamet dolor lorem donecnulla deresones joiumnes. ipsums dolor sed elit fringilla suscipit sed varius diam aliquam ligula enim pulvinar vivamus tincidunt lorem isone lor deroce renoies.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.section-space80 -->
    <div class="section-space80 bg-light">
        <!-- section space -->
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 text-center">
                    <div class="mb60 section-title">
                        <h1>Integer quis metus</h1>
                        <p>Morbi vel erat non mauris convallis vehicula.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-4">
                    <div class="post-holder mb40">
                        <div class="post-img">
                            <span class="imghover"><img src="images/post-img-1.jpg" alt="" class="img-responsive"></span>
                        </div>
                        <div class="post-block pinside30 outline bg-white">
                            <div class="post-header">
                                <h2 class="post-title"><span class="title">Integer quis metus vitae elit lobortis egestas</span></h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="post-holder mb40">
                        <div class="post-img">
                            <span class="imghover"><img src="images/post-img-2.jpg" alt="" class="img-responsive"></span>
                        </div>
                        <div class="post-block pinside30 outline bg-white">
                            <!-- /.post meta -->
                            <div class="post-header">
                                <h2 class="post-title"><span class="title">Integer quis metus vitae elit lobortis egestas</span></h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="post-holder mb40">
                        <div class="post-img">
                            <span class="imghover"><img src="images/post-img-3.jpg" alt="" class="img-responsive"></span>
                        </div>
                        <div class="post-block pinside30 outline bg-white">
                            <!-- /.post meta -->
                            <div class="post-header">
                                <h2 class="post-title"><span class="title">Integer quis metus vitae elit lobortis egestas</span></h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section-space80">
        <div class="container">
            <div class="row">
                <div class="col-md-offset-1 col-md-10 col-sm-12">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="classes-logo mb60">
                                <img src="images/classes-logo.png" alt="" class="">
                            </div>
                            <h1 class="classes-title mb40">Lorem ipsum dolor sit amet <br>consectetuer adipiscing</h1>
                            <p class="classes-content mb40">Curabitur venenatis pulvinar sem quis lorem ipsum sitamet dolor sitamet domec voinose renoialiquam nibh.</p>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="trainers-img">
                                <img src="images/trainers1.jpg" class="" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section-space80 bg-light">
        <div class="container">
            <div class="row">
                <div class="col-md-offset-1 col-md-10 col-sm-12">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 text-center mb60">
                            <h1>Praesent aliquam enim fermentum</h1>
                            <p>Maecenas gravidaorciet ullamcorper lobortis libero mauris rutrum quam.</p>
                        </div>
                    </div>
                    <div class="text-center pinside30 bg-white outline">
                        <div class="owl-carousel owl-theme testimonial-carousel">
                            <div class="owl-item">
                                <div class="testimonial-img mb30">
                                    <img src="images/testimonial1.jpg" class="img-responsive img-circle" alt="">
                                </div>
                                <div class="testimonial-info">
                                    <p class="testimonial-content">“Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. ”</p>
                                    <span class="testimonial-text">- Aliquam convallis</span>
                                    <span class="testimonial-meta">Sollicitudin purus</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer section-space60">
        <!-- footer -->
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-4">
                    <div class="footer-logo"> <img src="images/logo.png" alt="" class=""> </div>
                </div>
                <div class="col-md-9 col-sm-8">
                    <p>Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-3 col-sm-4">
                    <div class="footer-widget">
                        <h3 class="footer-title">Purus</h3>
                        <ul class="listnone contact">
                            <li>Aliquam</li>
                            <li>Convallis</li>
                            <li>Sollicitudin</li>
                            <li>Purus</li>
                        </ul>
                    </div>
                    <!-- /.footer-widget -->
                </div>
                <div class="col-md-3 col-sm-4">
                    <div class="footer-widget">
                        <h3 class="footer-title">Purus</h3>
                        <ul class="listnone mb0 no-padding">
                           <li>Aliquam</li>
                            <li>Convallis</li>
                            <li>Sollicitudin</li>
                            <li>Purus</li>
                        </ul>
                    </div>
                    <!-- /.footer-widget -->
                </div>
                <div class="col-md-2 col-sm-4">
                    <div class="footer-widget">
                        <h3 class="footer-title">Purus</h3>
                        <ul class="listnone no-padding mb0">
                           <li>Aliquam</li>
                            <li>Convallis</li>
                            <li>Sollicitudin</li>
                            <li>Purus</li>
                        </ul>
                    </div>
                    <!-- /.footer-widget -->
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">Purus</h3>
                        <p>Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p>
                    </div>
                    <!-- /.footer-widget -->
                </div>
            </div>
        </div>
    </div>
    <!-- /.footer -->
    <div class="tiny-footer">
        <!-- tiny-footer -->
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">Powered by : <a href="https://www.alexwinesdesigns.com" target="_blank">alexwinesdesigns.com</a></div>
            </div>
        </div>
    </div>

</body>

</html>
