Untitled

<!DOCTYPE html>
<!--[if lt IE 7]><html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html lang="ru" class="lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html lang="ru" class="lt-ie9"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="ru">
<!--<![endif]-->
<head>
    <meta charset="UTF-8">
    <title>Cheerly</title>
    <meta content="" name="description" />
    <meta content="" property="og:image" />
    <meta content="" property="og:description" />
    <meta content="" property="og:site_name" />
    <meta content="website" property="og:type" />

    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="x-rim-auto-match" content="none">

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="libs/bootstrap-4.0.0-beta-dist/css/bootstrap.css">
    <link rel="stylesheet" href="libs/font-awesome/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="libs/Magnific-Popup-master/Magnific-Popup-master/dist/magnific-popup.css">
    <link rel="stylesheet" href="libs/animate/animate.min.css">
    <link rel="stylesheet" href="libs/selectize.js-master/selectize.js-master/dist/css/selectize.css">
    <link rel="stylesheet" href="css/fonts.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/media.css" />
    <link rel="stylesheet" href="libs/slick-1.8.0/slick-1.8.0/slick/slick.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">

</head>
<body>
    <header class="main_head" id="home">

        <div class="header_top">

            <div class="bottom clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-2">
                            <a href="#" class="logo">
                                <img src="img/logo1.png" alt="logo">
                            </a>
                        </div>
                        <div class="col-10">
                            <a href="#" class="toggle-mnu d-xl-none"><span></span></a>
                            <div class="header_menu d-none d-xl-inline-block">
                                <ul>
                                    <li><a href="#home">Home</a></li>
                                    <li><a href="#gallery">Gallery</a></li>
                                    <li><a href="#team">Team</a></li>
                                    <li><a href="#performance">Performance</a></li>
                                </ul>
                            </div>

                        </div>
                        <div class="col-12">
                            <div class="hidden_menu hidden-sm hidden-md hidden-lg">
                                <ul>
                                    <li><a href="#home">Home</a></li>
                                    <li><a href="#gallery">Gallery</a></li>
                                    <li><a href="#team">Team</a></li>
                                    <li><a href="#performance">Performance</a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="header_content">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">


                        <h1>Cheerly</h1>
                        <p>JOIN THE BEST CHERLEDERS OF THE COUNTRY</p>
                        <a href="" class="button read_more know_more">
                            <i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i>
                        </a>

                    </div>

                </div>
            </div>
        </div>
    </header>
    <section class="section_about" id="gallery">
        <div class="container">
            <div class="row">
                <div class="col-12 d-none d-md-block">
                    <h4>Gallery</h4>


                    <div class="single-item">
                        <div class="content"><img src="img/recipes/1.jpg" alt="Alt"></div>
                        <div class="content"><img src="img/recipes/2.jpg" alt="Alt"></div>
                        <div class="content"><img src="img/recipes/3.jpg" alt="Alt"></div>
                        <div class="content"><img src="img/recipes/4.jpg" alt="Alt"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-team" id="team">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Our team</h2>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
                </div>
                <div class="col-lg-3 col-sm-6 col-12">

                    <div class="item">
                        <div class="image_wrap">
                            <img src="img/team/4.png" alt="Alt">
                        </div>
                        <div class="caption">Svetlana Timoshenko</div>
                        <span>Honored Master of Sports</span>
                        <div class="iconset">
                            <a href="https://www.facebook.com"><i class="fa fa-facebook"></i></a>
                            <a href="https://www.twitter.com"><i class="fa fa-google-plus"></i></a>
                            <a href="https://www.vk.com"><i class="fa fa-vk"></i></a>
                        </div>
                    </div>

                </div>
                <div class="col-lg-3 col-sm-6 col-12">

                    <div class="item">
                        <div class="image_wrap">
                            <img src="img/team/2.png" alt="Alt">
                        </div>
                        <div class="caption">Margarita Naumova</div>
                        <span>Master of Sports of Ukraine</span>
                        <div class="iconset">
                            <a href="https://www.facebook.com"><i class="fa fa-facebook"></i></a>
                            <a href="https://www.twitter.com"><i class="fa fa-google-plus"></i></a>
                            <a href="https://www.vk.com"><i class="fa fa-vk"></i></a>
                        </div>
                    </div>

                </div>
                <div class="col-lg-3 col-sm-6 col-12">

                    <div class="item">
                        <div class="image_wrap">
                            <img src="img/team/3.png" alt="Alt">
                        </div>
                        <div class="caption">Anna Dimova</div>
                        <span>Master of Sports of Ukraine</span>
                        <div class="iconset">
                            <a href="https://www.facebook.com"><i class="fa fa-facebook"></i></a>
                            <a href="https://www.twitter.com"><i class="fa fa-google-plus"></i></a>
                            <a href="https://www.vk.com"><i class="fa fa-vk"></i></a>
                        </div>
                    </div>

                </div>
                <div class="col-lg-3 col-sm-6 col-12">

                    <div class="item">
                        <div class="image_wrap">
                            <img src="img/team/1.png" alt="Alt">
                        </div>
                        <div class="caption">Liliya Gavrushko</div>
                        <span>Master of Sports of Ukraine</span>
                        <div class="iconset">
                            <a href="https://www.facebook.com"><i class="fa fa-facebook"></i></a>
                            <a href="https://www.twitter.com"><i class="fa fa-google-plus"></i></a>
                            <a href="https://www.vk.com"><i class="fa fa-vk"></i></a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <section class="section-performance" id="performance">
        <div class="container">
            <div class="row">

                <div class="col-12">
                    <h2>Our performance</h2>
                    <video src="img/Toronto, Boston Dancers NBA, Cheerleaders.mp4" controls width="90%" height="auto" poster="img/poster.png"></video>
                </div>

            </div>
        </div>


        <div class="review_bottom">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-12">

                        <h3>Do you have any questions?</h3>
                        <h2>Feel free to contact us!</h2>
                    </div>
                    <div class="col-xl-6 col-lg-12">

                        <form class="main_form">
                            <div class="row">
                                <div class="col-xl-6 col-6"><input type="text" name="name" placeholder="Name"></div>
                                <div class="col-xl-6 col-6"><input type="email" name="email" placeholder="Email"></div>
                                <div class="col-lg-9 col-12"><input type="text" name="message" placeholder="Message"></div>
                                <div class="col-lg-3 col-12"><input type="submit" class="button" value="SUBMIT"></div>
                            </div>
                        </form>


                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        Copyright © 2016
    </footer>
    <div id="small-dialog" class="zoom-anim-dialog mfp-hide pop">
        <h2>Subscribe</h2>
        <form id="myForm2">
            <label >
                <span>Name:</span>
                <input type="text" name="name" placeholder="John Doe" required>
            </label>
            <label>
                <span>Email:</span>
                <input type="email" name="email" placeholder="[email protected]" required>
            </label>
            <div class="text-center">
                <input type="submit" class="button btn_white" value="SUBMIT">
            </div>

        </form>
    </div>
    <div id="small-dialog-2" class="zoom-anim-dialog mfp-hide pop">
        <h2>Order</h2>
        <form id="myForm22">
            <label >
                <span>Name:</span>
                <input type="text" name="name" placeholder="John Doe" required>
            </label>
            <label>
                <span>Email:</span>
                <input type="email" name="phemail" placeholder="[email protected]" required>
            </label>
            <label >
                <span>Type:</span>
                <select name="time" id="time">
                    <option value="Subscription">Subscription</option>
                    <option value="Personal training">Personal training</option>
                    <option value="Pilates">Pilates</option>
                    <option value="Aerobics">Aerobics</option>
                    <option value="Yoga">Yoga</option>
                </select>
            </label>
            <div class="text-center">
                <input type="submit" class="button btn_white" value="SUBMIT">
            </div>

        </form>
    </div>
    <!-- end mandatory -->
    <!--[if lt IE 9]>
    <script src="libs/html5shiv/es5-shim.min.js"></script>
    <script src="libs/html5shiv/html5shiv.min.js"></script>
    <script src="libs/html5shiv/html5shiv-printshiv.min.js"></script>
    <script src="libs/respond/respond.min.js"></script>
<![endif]-->
<script src="libs/jquery/jquery-1.11.1.min.js"></script>
<script src="libs/bootstrap-4.0.0-beta-dist/js/bootstrap.js"></script>
<script src="libs/Magnific-Popup-master/Magnific-Popup-master/dist/jquery.magnific-popup.js"></script>
<script src="libs/equalheight/jquery.equalheight.js"></script>
<script src="libs/waypoints/waypoints.min.js"></script>
<script src="libs/animate/animate-css.js"></script>
<script src="libs/mixitup.min.js"></script>
<script src="libs/slick-1.8.0/slick-1.8.0/slick/slick.js"></script>
<script src="libs/wow.min.js"></script>
<script src="libs/selectize.js-master/selectize.js-master/dist/js/standalone/selectize.js"></script>
<script>
    new WOW().init();
</script>
<script src="js/main.js"></script>
</body>
</html>