<?php
/**
 * @var string $content
 * @var string $resources
 * @var string $title
 * @var \kernel\modules\user\models\User $currentUser
 * @var \kernel\CgView $view
 */
$assets = new \app\themes\svo\assets\SvoLpThemeAssets($resources);
?>
<!DOCTYPE html>
<html>
<head>
    <!-- basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- mobile metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- site metas -->
    <title>Testimonial</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <?php $assets->getCSSAsSTR(); ?>
    <!-- fevicon -->
    <link rel="icon" href="<?= $resources ?>/images/netic/favicon.svg" type="image/svg" />
    <!-- fonts -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Sen:400,700,800&display=swap" rel="stylesheet">
    <!-- Tweaks for older IEs-->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
</head>
<body>
<div class="header_section" style="background-image: url(<?= $resources ?>/images/netic/banner-bg.png);">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand"href="index.html"><img width="100px" src="<?= $resources ?>/images/netic/logo.png"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#stages">О конкурсе</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#news">Новости</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contacts">Контакты</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/lk/">Личный кабинет</a>
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0">
                </form>
            </div>
        </nav>
        <div class="custom_bg">
            <div class="custom_menu">
                <ul>
                    <li><a href="#stages">О конкурсе</a></li>
                    <li><a href="#news">Новости</a></li>
                    <li><a href="#contacts">Контакты</a></li>
                    <li><a href="/lk/">Личный кабинет</a></li>
                </ul>
            </div>
        </div>
    </div>
    <?php \app\themes\svo\widgets\MainSliderWidget::create(['resources' => $resources])->run(); ?>
</div>
<!-- header section end -->
<!-- testimonial section start -->

<!-- testimonial section end -->
<?= $content ?>
<!-- footer section start -->

<div class="services_section layout_padding" id="stages">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="services_taital">Этапы конкурса</h1>
                <p class="services_text">Здесь небольшое описание конкурса</p>
            </div>
        </div>
        <div class="services_section_2">
            <div id="main_slider"class="carousel slide" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="service_box">
                                    <div class="services_icon">
                                        <img src="<?= $resources ?>/images/netic/icon-4.png" class="image_1">
                                        <img src="<?= $resources ?>/images/netic/icon-7.png" class="image_2">
                                    </div>
                                    <h3 class="wordpress_text">Регистрация</h3>
                                    <p class="opposed_text">Регистрация Регистрация Регистрация Регистрация</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="service_box">
                                    <div class="services_icon">
                                        <img src="<?= $resources ?>/images/netic/icon-5.png" class="image_1">
                                        <img src="<?= $resources ?>/images/netic/icon-5.png" class="image_2">
                                    </div>
                                    <h3 class="wordpress_text">Первый этап</h3>
                                    <p class="opposed_text">Первый этап Первый этап Первый этап Первый этап</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="service_box">
                                    <div class="services_icon">
                                        <img src="<?= $resources ?>/images/netic/icon-6.png" class="image_1">
                                        <img src="<?= $resources ?>/images/netic/icon-9.png" class="image_2">
                                    </div>
                                    <h3 class="wordpress_text">Второй этап</h3>
                                    <p class="opposed_text">Второй этап Второй этап Второй этап Второй этап</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="service_box">
                                    <div class="services_icon">
                                        <img src="<?= $resources ?>/images/netic/icon-4.png" class="image_1">
                                        <img src="<?= $resources ?>/images/netic/icon-7.png" class="image_2">
                                    </div>
                                    <h3 class="wordpress_text">Третий этап</h3>
                                    <p class="opposed_text">Третий этап Третий этап Третий этап Третий этап</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="service_box">
                                    <div class="services_icon">
                                        <img src="<?= $resources ?>/images/netic/icon-5.png" class="image_1">
                                        <img src="<?= $resources ?>/images/netic/icon-5.png" class="image_2">
                                    </div>
                                    <h3 class="wordpress_text">Четвертый этап</h3>
                                    <p class="opposed_text">Четвертый этап Четвертый этап Четвертый этап Четвертый этап</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="service_box">
                                    <div class="services_icon">
                                        <img src="<?= $resources ?>/images/netic/icon-6.png" class="image_1">
                                        <img src="<?= $resources ?>/images/netic/icon-9.png" class="image_2">
                                    </div>
                                    <h3 class="wordpress_text">Полуфинал</h3>
                                    <p class="opposed_text">Полуфинал Полуфинал Полуфинал Полуфинал</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="service_box">
                                    <div class="services_icon">
                                        <img src="<?= $resources ?>/images/netic/icon-4.png" class="image_1">
                                        <img src="<?= $resources ?>/images/netic/icon-7.png" class="image_2">
                                    </div>
                                    <h3 class="wordpress_text">Финал</h3>
                                    <p class="opposed_text">Финал Финал Финал Финал</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
                    <i class="fa fa-angle-left"></i>
                </a>
                <a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
                    <i class="fa fa-angle-right"></i>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="contact_section layout_padding" id="contacts">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="contact_taital">Напишите нам</h1>
            </div>
        </div>
        <div class="contact_section_2">
            <div class="row">
                <div class="col-md-12">
                    <div class="mail_section_1">
                        <input type="text" class="mail_text" placeholder="Имя" name="Имя">
                        <input type="text" class="mail_text" placeholder="Email" name="Email">
                        <input type="text" class="mail_text" placeholder="Телефон" name="Телефон">
                        <textarea class="massage-bt" placeholder="Сообщение" rows="5" id="comment" name="Your Massage"></textarea>
                        <div class="send_bt"><a href="#">Отправить</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer_section layout_padding">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <h3 class="footer_text">Useful links</h3>
                <div class="footer_menu">
                    <ul>
                        <li class="active"><a href="index.html"><span class="angle_icon active"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> Home</a></li>
                        <li><a href="#"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>  About</a></li>
                        <li><a href="services.html"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> Services</a></li>
                        <li><a href="domain.html"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> Domain</a></li>
                        <li><a href="testimonial.html"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>  Testimonial</a></li>
                        <li><a href="contact.html"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>  Contact Us</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-4">
                <h3 class="footer_text">Address</h3>
                <div class="location_text">
                    <ul>
                        <li>
                            <a href="#">
                                <span class="padding_left_10"><i class="fa fa-map-marker" aria-hidden="true"></i></span>It is a long established fact that a<br> reader will be distracted</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="padding_left_10"><i class="fa fa-phone" aria-hidden="true"></i></span>(+71) 1234567890<br>(+71) 1234567890
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="padding_left_10"><i class="fa fa-envelope" aria-hidden="true"></i></span>demo@gmail.com
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="footer_main">
                    <h3 class="footer_text">Find Us</h3>
                    <p class="dummy_text">more-or-less normal distribution </p>
                    <div class="social_icon">
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- footer section end -->
<!-- copyright section start -->
<div class="copyright_section">
    <div class="container">
        <p class="copyright_text">2020 All Rights Reserved. Design by <a href="https://html.design">Free Html Templates</a>. Distributed by <a href="https://themewagon.com" target="_blank">ThemeWagon</a></p>
    </div>
</div>
<!-- copyright section end -->
<!-- Javascript files-->
<?php $assets->getJSAsStr(); ?>
<!-- sidebar -->
</body>
</html>