<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Meta -->
<meta name="description" content="SmartOn is a complete responsive, retina-ready and multipurpose theme." />
<meta name="keywords" content="boostrap, responsive, html5, css3, jquery, theme, multicolor, parallax, retina, business" />
<meta name="author" content="FourGrafx">
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="3 days" />
<title>О нас</title>
<!-- Styles -->
<!-- Bootstrap core 3.2.0 CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Lightbox CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/css/lightbox.min.css" />
<!-- Animate CSS -->
<link href="css/themecss/animate.css" rel="stylesheet">
<!-- OWL Carousel -->
<link href="css/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="css/owl-carousel/owl.transitions.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/avendor-dark.css" rel="stylesheet">
<!-- Color CSS -->
<link href="css/colors/color-default.css" rel="stylesheet" title="style1">
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="ico/favicon.png">
</head>
<body class="bg-pattern1" data-spy="scroll" data-target=".navbar">
<div id="preloader"></div>
<!-- Page Main Wrapper -->
<div class="page-wrapper" id="page-top">
<!-- Header Container -->
<div class="header-wrapper">
<!-- Header Top Container -->
<div class="header-top">
<!-- Container -->
<div class="container">
<div class="row">
<!-- Left -->
<div class="col-md-6 col-sm-6 columns">
<div class="header-top-left">
<ul class="social-top">
<li><a href="https://vk.com/energysports.shop" class="ToolTip" title="Vk"> <img src="img/vk1.png" alt=""> </a></li>
<li><a href="tel:+380713718292" class="ToolTip" title="Телефон"><i class="fa fa-phone" aria-hidden="true"></i> +380713718292</a></li>
</ul>
</div>
</div>
<!-- /Left -->
<!-- Right -->
<!-- /right -->
</div>
</div>
<!-- /Container -->
</div>
<!-- /Header Top Container -->
<!-- Header Main Container -->
<div class="header-main">
<!-- Container -->
<div class="container">
<!-- Main Navigation & Logo -->
<div class="main-navigation">
<div class="row">
<!-- Main Navigation -->
<div class="col-md-12 columns">
<nav class="navbar navbar-default gfx-mega nav-left" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-toggle" data-toggle="collapse" data-target="#gfx-collapse"></a>
<div class="logo">
<a href="index.html"><img src="img/theme/logo.png" alt="Logo"></a>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="gfx-collapse">
<ul class="nav navbar-nav gfx-nav">
<li class="dropdown">
<a href="index.html" class="dropdown-toggle" data-toggle="dropdown">Главная </a>
</li>
<li class="dropdown active"><a href="about-us-alt.html" data-toggle="dropdown" class="dropdown-toggle">О нас </a>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Магазин <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="protein.html">Протеин</a></li>
<li><a href="gainer.html">Гейнеры</a></li>
<li><a href="creatine.html">Креатин</a></li>
<li><a href="fat-burners.html">Липотропные <br> и термогенные формулы</a><li>
<li><a href="l-carnitine.html">L-Карнитин</a></li>
<li><a href="amino.html">Аминокислоты</a></li>
<li><a href="energetics.html">Кислородно-азотные смеси <br>и энергетики</a></li>
<li><a href="testosterone.html">Тестостерон</a></li>
<li><a href="joint.html">Для суставов и связок</a></li>
<li><a href="vitamins.html">Витамины</a></li>
<li><a href="bar.html">Батончики и напитки</a></li>
<li><a href="accessories.html">Аксессуары</a></li>
<li><a href="pink.html">Pink Fit</a></li>
<li><a href="isotonic.html">Изотоники и Biotech USA <br> Endurance Line</a></li>
<li><a href="brutal.html">Brutal</a></li>
<li><a href="Отзывы.html">Отзывы</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li class="dropdown gfx-mega-fw"><a href="blog-default.html" data-toggle="dropdown" class="dropdown-toggle">Новости </a>
<li class="dropdown gfx-mega-fw"><a href="contact.html" data-toggle="dropdown" class="dropdown-toggle">Контакты </a>
<!-- /.navbar-collapse -->
</nav>
</div>
<!-- /Main Navigation -->
</div>
</div>
<!-- /Main Navigation & Logo -->
</div>
<!-- /Container -->
</div>
<!-- /Header Main Container -->
</div>
<!-- /Header Container -->
<!-- Main Wrapper Header -->
<div class="main-wrapper-header fancy-header dark-header parallax parallax-about" data-stellar-background-ratio="0.4">
<div class="bg-overlay bg-overlay-gdark"></div>
<div class="container">
<div class="row">
<div class="col-sm-12 columns">
<div class="page-title">
<h2>О нас</h2>
</div>
<div class="breadcrumbs-wrapper">
<ol class="breadcrumb">
<li><a href="index.html">Главная</a></li>
<li class="active">О нас</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<!-- /Main Wrapper Header -->
<!-- Main Container -->
<div class="main-wrapper">
<!-- Container -->
<div class="container">
<div class="white-space space-big"></div>
<div class="row">
<div class="col-md-8 col-md-offset-2 columns">
<h3 class="fancy-title text-center animation fadeInUp"><span>Наша команда</span></h3>
<p class="lead text-center">состоит только из профессионалов, каждый продавец имеет огромный запас знаний о спортпите и может найти подход для каждого клиента</p>
<div class="white-space space-small"></div>
</div>
</div>
<div class="row">
<div class="col-md-6 columns">
<img src="img/theme/1.jpg" class="img-responsive" alt="About Us">
<div class="white-space space-big"></div>
</div>
<div class="col-md-6 columns">
<p>Нашы продавцы ответственны и придерживаются позиции: "Надо уметь самому отвечать за происходящее в жизни", обладаю большим запасом знаний в спортивной сфере и в сфере биологии, анатомии </p>
<a href="protein.html" class="btn btn-default btn-alt">Выбрать питание</a>
<div class="white-space space-big"></div>
</div>
</div>
</div>
<!-- /Container -->
<!-- Fullsize -->
<div class="fullsize bg-color-dark">
<div class="white-space space-big"></div>
<div class="container">
<div class="row">
<div class="col-sm-6 columns">
<h3 class="fancy-title animation fadeInLeft"><span>Почему стоит выбрать именно нас</span></h3>
<!-- Accordion -->
<div class="accordion panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title"><a class="accordion-toggle collapsed-icon" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="icon gfx-star-4 iconleft"></span>Что мы предлагаем?</a></h5>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<p>Наши тренеры помогут довести ваше тело до субъективного идеала без риска и травм во время тренировки</p>
<p>Также наши тренеры составят вам программу тренировок и план питаня, основываясь на вашей главной цели, желаемом плане выполнения упражнений и количестве тренировок</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title"><a class="accordion-toggle collapsed-icon collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><span class="icon gfx-rocket-1 iconleft"></span>Наша Миссия</a></h5>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<ul>
<li> Наша задача обеспечить вас лучшим питанием</li>
<li> Мы находим индивидуальный подход к клиенту</li>
<li> Мы фокусируемся на индивидуальных способностях клиента, а не на желании просто продать товар</li>
<li>Профессиональные консультант должны быть великими импровизаторами</li>
<li> Мы готовы к встрече с трудной задачей</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /Accordion -->
<div class="white-space space-small"></div>
</div>
<div class="col-sm-6 columns">
<h3 class="fancy-title animation fadeInRight"><span>Специализация</span></h3>
<h4 class="progress-title color-default light">Ответственность<span class="pull-right">86%</span></h4>
<div class="progress pb-slim">
<div class="progress-bar animation fadeInLeft" style="width: 86%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="86" role="progressbar"></div>
</div>
<h4 class="progress-title color-success light"> Креативность <span class="pull-right">70%</span></h4>
<div class="progress pb-slim">
<div class="progress-bar progress-bar-success animation fadeInLeft" style="width: 70%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" role="progressbar"></div>
</div>
<h4 class="progress-title color-info light">Интеллектуальность <span class="pull-right">76%</span></h4>
<div class="progress pb-slim">
<div class="progress-bar progress-bar-info animation fadeInLeft" style="width: 76%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="76" role="progressbar"></div>
</div>
<h4 class="progress-title color-warning light">Опыт тренировок<span class="pull-right">92%</span></h4>
<div class="progress pb-slim">
<div class="progress-bar progress-bar-warning animation fadeInLeft" style="width: 92%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="76" role="progressbar"></div>
</div>
<div class="white-space space-small"></div>
</div>
</div>
</div>
<div class="white-space space-medium"></div>
</div>
<!-- /Fullsize -->
<!-- Parallax -->
<div class="parallax parallax-background9" data-stellar-background-ratio="0.4">
<div class="bg-overlay bg-overlay-dark"></div>
<div class="white-space space-big"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 columns">
<h3 class="fancy-title color-white text-center animation fadeInUp"><span>Знакомтесь. Это наша команда</span></h3>
<div class="white-space space-medium"></div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 columns">
<!-- Team Member -->
<div class="team-wrapper team-wrapper-alt animation flipInY">
<div class="team-member">
<!-- Overlay Img -->
<div class="overlay-wrapper">
<img class="img-responsive img-transprency" alt="Team Member" src="img/demo/team/team-member1.jpg">
<div class="overlay-wrapper-content">
<div class="overlay-details">
<a href="https://vk.com/id270182882" target="_blank" class="ToolTip" data-opie-position="tc:bc" title="VK"> <img src="img/vk.png" alt=""></a>
<p>---</p>
</div>
<div class="overlay-bg bg-overlay bg-overlay-gdark"></div>
</div>
</div>
<!-- Overlay Img -->
<div class="team-info">
<h4 class="team-name color-white">Павел Кузнецов</h4>
<p class="team-role">Директор</p>
</div>
</div>
</div>
<!-- /Team Member -->
<div class="white-space space-big"></div>
</div>
<div class="col-md-3 col-sm-6 columns">
<!-- Team Member -->
<div class="team-wrapper team-wrapper-alt animation flipInY">
<div class="team-member">
<!-- Overlay Img -->
<div class="overlay-wrapper">
<img class="img-responsive img-transparecy" alt="Team Member" src="img/demo/team/team-member3.jpg">
<div class="overlay-wrapper-content">
<div class="overlay-details">
<a href="" target="_blank" class="ToolTip" data-opie-position="tc:bc" title="VK"><img src="img/vk.png"> </a>
<p>---</p>
</div>
<div class="overlay-bg bg-overlay bg-overlay-gdark"></div>
</div>
</div>
<!-- Overlay Img -->
<div class="team-info">
<h4 class="team-name color-white">Имя</h4>
<p class="team-role">Должность</p>
</div>
</div>
</div>
<!-- /Team Member -->
<div class="white-space space-big"></div>
</div>
<div class="col-md-3 col-sm-6 columns">
<!-- Team Member -->
<div class="team-wrapper team-wrapper-alt animation flipInY">
<div class="team-member">
<!-- Overlay Img -->
<div class="overlay-wrapper">
<img class="img-responsive img-transpaency" alt="Team Member" src="img/demo/team/team-member3.jpg">
<div class="overlay-wrapper-content">
<div class="overlay-details">
<a href="" class="ToolTip" data-opie-position="tc:bc" title="Facebook"><span class="fa fa-facebook"></span></a>
<a href="" class="ToolTip" data-opie-position="tc:bc" title="Twitter"><span class="fa fa-twitter"></span></a>
<a href="" class="ToolTip" data-opie-position="tc:bc" title="Google+"><span class="fa fa-google-plus"></span></a>
<p>---</p>
</div>
<div class="overlay-bg bg-overlay bg-overlay-gdark"></div>
</div>
</div>
<!-- Overlay Img -->
<div class="team-info">
<h4 class="team-name color-white">Имя</h4>
<p class="team-role">Должность</p>
</div>
</div>
</div>
<!-- /Team Member -->
<div class="white-space space-big"></div>
</div>
<div class="col-md-3 col-sm-6 columns">
<!-- Team Member -->
<div class="team-wrapper team-wrapper-alt animation flipInY">
<div class="team-member">
<!-- Overlay Img -->
<div class="overlay-wrapper">
<img class="img-responsive img-transarency" alt="Team Member" src="img/demo/team/team-member4.jpg">
<div class="overlay-wrapper-content">
<div class="overlay-details">
<a href="" class="ToolTip" data-opie-position="tc:bc" title="Facebook"><span class="fa fa-facebook"></span></a>
<a href="" class="ToolTip" data-opie-position="tc:bc" title="Twitter"><span class="fa fa-twitter"></span></a>
<a href="" class="ToolTip" data-opie-position="tc:bc" title="Google+"><span class="fa fa-google-plus"></span></a>
<p>---</p>
</div>
<div class="overlay-bg bg-overlay bg-overlay-gdark"></div>
</div>
</div>
<!-- Overlay Img -->
<div class="team-info">
<h4 class="team-name color-white">Имя</h4>
<p class="team-role">Должность</p>
</div>
</div>
</div>
<!-- /Team Member -->
<div class="white-space space-big"></div>
</div>
</div>
</div>
</div>
<!-- /Parallax -->
<!-- Container -->
<div class="container">
<div class="white-space space-big"></div>
<div class="row">
<div class="col-md-6 columns">
<h3 class="fancy-title animation fadeInLeft"><span>Отзывы</span></h3>
<div class="panel panel-default animation fadeInLeft">
<div class="panel-body">
<!-- Testimonials Carousel -->
<div class="testimonials carousel-box">
<div class="carousel carousel-theme-round" data-carousel-autoplay="6000" data-carousel-nav="false" data-carousel-pagination="true" data-carousel-single="true" data-carousel-transition="backSlide">
<div class="testimonial-item">
<blockquote>
<p class="">Очень внимательные консультанты и продавцы. Сразу вник в суть запроса. Ответил на все мои вопросы, не вызывает сомнения его авторитет. Поговорил с ним в удовольствие и он подобрал нужное мне питание. </p>
<p class="color-default"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"> <span class="fa fa-star"> <span class="fa fa-star"></span></p>
<span class="bold"><a href="#">Дарья</a></span>
<small>Постоянный посетитель</small>
</blockquote>
</div>
<div class="testimonial-item">
<blockquote>
<p class="">Мне очень понравилось в этом магазине, Мне рассказали абсолютно обо всем спортпите! И подобрали специально для моих целей. Рекомендую!!!</p>
<p class="color-default"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"> <span class="fa fa-star"> <span class="fa fa-star"></span></p>
<span class="bold"><a href="#">Елизавета</a></span>
<small>Наш постоянный клиент</small>
</blockquote>
</div>
<div class="testimonial-item">
<blockquote>
<p class=""><strong>Плюсы:</strong> Отношение к клиенту,стоимость и разнообразие питания
<strong>Описание:</strong> Все нравится,приду ещё</p>
<p class="color-default"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"> <span class="fa fa-star"></span></p>
<span class="bold"><a href="#">Арсений</a></span>
<small>Постоянный посетитель нашего магазина </small>
</blockquote>
</div>
</div>
</div>
<!-- /Testimonials Carousel -->
</div>
</div>
<div class="white-space space-big"></div>
</div>
<div class="col-md-6 columns">
<h3 class="fancy-title animation fadeInRight"><span>Что вы получите</span></h3>
<div class="row">
<div class="col-md-6">
<!-- Icon List-->
<ul class="list-unstyled iconbox-list">
<li>
<div class="iconbox animation fadeInUp">
<div class="iconbox-wrapper circle bg-color-default color-white">
<i class="fa fa-line-chart" aria-hidden="true"></i>
</div>
<div class="iconbox-content">
<h5 class="bold">100% Результат</h5>
<p> Наше спортивное питание приведет ваше тело в идеальное состояние </p>
</div>
</div>
</li>
<li>
<div class="iconbox animation fadeInUp delay1">
<div class="iconbox-wrapper circle bg-color-info color-white">
<i class="fa fa-address-book" aria-hidden="true"></i>
</div>
<div class="iconbox-content">
<h5 class="bold">Консультацию по спортпиту</h5>
<p>Вы получите полную консультацию по интересующему вам спортипиту</p>
</div>
</div>
</li>
</ul>
<!-- /Icon List-->
</div>
<div class="col-md-6">
<!-- Icon List-->
<ul class="list-unstyled iconbox-list">
<li>
<div class="iconbox animation fadeInUp delay2">
<div class="iconbox-wrapper circle bg-color-success color-white">
<i class="fa fa-star" aria-hidden="true"></i>
</div>
<div class="iconbox-content">
<h5 class="bold">Индивидуальный подбор спортивного питания</h5>
<p> Наши консультанты подберут спортпит специально для ваших нужд </p>
</div>
</div>
</li>
<li>
<div class="iconbox animation fadeInUp delay3">
<div class="iconbox-wrapper circle bg-color-warning color-white">
<i class="fa fa-battery-full" aria-hidden="true"></i>
</div>
<div class="iconbox-content">
<h5 class="bold">Отлично проведенное время</h5>
<p>Наша креативная команда не даст вам заскучать во время тренировки </p>
</div>
</div>
</li>
</ul>
<!-- /Icon List-->
</div>
</div>
<div class="white-space space-big"></div>
</div>
</div>
</div>
<!-- /Container -->
</div>
<!-- /Main Container -->
<!-- Footer Container -->
<div class="footer-wrapper">
<!-- Footer Top Container -->
<div class="footer-top">
<!-- Google Map -->
<!-- /Google Map -->
</div>
<!-- /Footer Top Container -->
<!-- Footer Bottom Container -->
<div class="footer-bottom">
<!-- Container -->
<div class="container">
<div class="row">
<!-- Footer Menu -->
<div class="col-md-12 col-sm-12 columns">
<div class="menu-footer">
<ul class="list-inline">
<li><a href="index.html">Главная</a></li>
<li><a href="about-us-alt.html">О нас</a></li>
<li><a href="protein.html">Магазин</a></li>
<li><a href="blog-default.html">Новости</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
</div>
<!-- /Footer Menu -->
<!-- Copyright -->
<div class="col-md-12 col-sm-12 columns">
<div class="copyright">
<p>Copyright © 2019 - Energy of Sport | All Rights Reserved</p>
</div>
</div>
<!-- /Copyright -->
<!-- Footer Social -->
<div class="col-md-12 col-sm-12 columns">
<div class="social-footer">
<ul class="list-inline social-list">
<li><a href="https://vk.com/energysports.shop" target="_blank" class="ToolTip" title="Vk"> <img src="img/vk1.png" alt=""></a></li>
<li><a href="tel:+380713718292" class="ToolTip" title="Телефон"><i class="fa fa-phone" aria-hidden="true"></i> +380713718292</a></li>
</ul>
</div>
</div>
<!-- /Footer Social -->
</div>
</div>
<!-- /Container -->
</div>
<!-- /Footer Bottom Container -->
</div>
<!-- /Footer Container -->
</div>
<!-- Javascripts
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/themejs/jquery.countdown.js"></script>
<!-- Preloader -->
<script src="js/themejs/jquery.queryloader2.min.js" type="text/javascript"></script>
<!-- Smooth Scroll -->
<script src="js/themejs/SmoothScroll.js" type="text/javascript"></script>
<!-- Stick On Scroll -->
<script src="js/themejs/jquery.stickOnScroll.js" type="text/javascript"></script>
<!-- font-awesome -->
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- Scrolling Smooth to section - requires jQuery Easing plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Carousel -->
<script src="js/owl-carousel/owl.carousel.js" type="text/javascript"></script>
<!-- Tooltips -->
<script src="js/themejs/jQuery.Opie.Tooltip.min.js" type="text/javascript"></script>
<!-- Animation Viewport -->
<script src="js/themejs/jquery.waypoints.min.js" type="text/javascript"></script>
<!-- Load Scripts -->
<script src="js/themejs/application.js"></script>
<script type="text/javascript" async
src="//l.getsitecontrol.com/pwprj194.js">
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-165042185-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-165042185-1');
</script>
<script src="//code.jivosite.com/widget.js" data-jv-id="bjwoHyRwpD" async></script>
</body>
</html>