123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Scenic HTML Template</title>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=Edge">
- <meta name="description" content="">
- <meta name="keywords" content="">
- <meta name="author" content="">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <link rel="stylesheet" href="css/font-awesome.min.css">
- <link rel="stylesheet" href="css/magnific-popup.css">
- <link rel="stylesheet" href="css/owl.theme.css">
- <link rel="stylesheet" href="css/owl.carousel.css">
- <!-- MAIN CSS -->
- <link rel="stylesheet" href="css/tooplate-style.css">
- </head>
- <body>
- <!-- PRE LOADER -->
- <div class="preloader">
- <div class="spinner">
- <span class="sk-inner-circle"></span>
- </div>
- </div>
- <!-- MENU -->
- <div class="navbar custom-navbar navbar-fixed-top" role="navigation">
- <div class="container">
- <!-- NAVBAR HEADER -->
- <div class="navbar-header">
- <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="icon icon-bar"></span>
- <span class="icon icon-bar"></span>
- <span class="icon icon-bar"></span>
- </button>
- <!-- lOGO -->
- <a href="index.html" class="navbar-brand">НЕВIДЧУВ</a>
- </div>
- <!-- MENU LINKS -->
- <div class="collapse navbar-collapse">
- <ul class="nav navbar-nav navbar-right">
- <li><a href="#home" class="smoothScroll">заглавная</a></li>
- <li><a href="#about" class="smoothScroll">о нас</a></li>
- <li><a href="#team" class="smoothScroll">мы</a></li>
- <li><a href="#contact" class="smoothScroll">давайте общаться</a></li>
- </ul>
- </div>
- </div>
- </div>
- <!-- HOME -->
- <section id="home" class="parallax-section">
- <div class="overlay"></div>
- <div class="container">
- <div class="row">
- <div class="col-md-8 col-sm-12">
- <div class="home-text">
- <h1>Люти сайт визитка</h1>
- <p> Услуги системного и сетевого администрирования</p>
- <ul class="section-btn">
- <a href="#about" class="smoothScroll"><span data-hover="УЗНАТЬ БОЛЬШЕ">УЗНАТЬ БОЛЬШЕ</span></a>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <!-- Video -->
- <video controls="" autoplay="" loop="" muted>
- <source src="videos/video.mp4" type="">
- Your browser does not support the video tag.
- </video>
- </section>
- <!-- ABOUT -->
- <section id="about" class="parallax-section">
- <div class="container">
- <div class="row">
- <div class="col-md-offset-1 col-md-10 col-sm-12">
- <div class="about-info">
- <h3>O HAC</h3>
- <h1>Мы представляем из себя группу людей заинтеерсованных в поддержке ваших сетей и серверов. Вы можете нанять нас , посмотрев на наши порфтолио ниже</h1>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- PROJECT -->
- <section id="project" class="parallax-section">
-
- </div>
- </section>
- <!-- TEAM -->
- <section id="team" class="parallax-section">
- <div class="container">
- <div class="row">
- <div class="col-md-offset-2 col-md-8 col-sm-12">
- <!-- SECTION TITLE -->
- <div class="section-title">
- <h1>наши контакты и ссылки </h1>
- </div>
- </div>
- <div class="clearfix"></div>
- <div id="owl-team" class="owl-carousel">
- <div class="col-md-4 col-sm-4 item">
- <div class="team-item">
- <img src="images/team-image1.jpg" class="img-responsive" alt="">
- <div class="team-overlay">
- <ul class="social-icon">
- <li><a href="#" class="fa fa-twitter"></a></li>
- <li><a href="#" class="fa fa-linkedin"></a></li>
- </ul>
- </div>
- </div>
- <p>СМОЛИН РОМАН
- (Grusichek@gmail.com)
- </p>
- <h3> базируется на системном администрировании. Опыт в обучении большой,практика в linux,windows server, написание своего руководства для новичков. Знание англ и французкого</h3>
- </div>
- <div class="col-md-4 col-sm-4 item">
- <div class="team-item">
- <img src="images/team-image2.jpg" class="img-responsive" alt="">
- <div class="team-overlay">
- <ul class="social-icon">
- <li><a href="#" class="fa fa-instagram"></a></li>
- <li><a href="#" class="fa fa-github"></a></li>
- <li><a href="#" class="fa fa-facebook"></a></li>
- </ul>
- </div>
- </div>
- <p>СЫСОЕВ АЛЕКСАНДР
- (dorpy90@gmail.com)
- </p>
- <h3>Сетевое и системное администрирование. + немного програмирования (веб и не только) : хтмл,сиэсэс,питон, сишарп. Опыт администрирования образовательный в линукс,виндовс сервер. Знание англ на среднем и украинского</h3>
- </div>
- <div class="col-md-4 col-sm-4 item">
- <div class="team-item">
- <img src="images/team-image3.jpg" class="img-responsive" alt="">
- <div class="team-overlay">
- <ul class="social-icon">
- <li><a href="#" class="fa fa-instagram"></a></li>
- <li><a href="#" class="fa fa-dribbble"></a></li>
- <li><a href="#" class="fa fa-behance"></a></li>
- </ul>
- </div>
- </div>
- <p>АНДРЕЙ ВОЛОДИН
- (volodinA@gmail.com)
- </p>
- <h3>Сетевое и системное администрирование. програмирования на питон. Опыт администрирования образовательный в линукс,виндовс сервер. Знание англ языка на среднем уровне</h3>
- </div>
-
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- CONTACT -->
- <section id="contact" class="parallax-section">
- <div class="container">
- <div class="row">
- <div class="col-md-offset-3 col-md-6 col-sm-12">
- <div class="section-title">
- <h1>Напрямую написать (почта укзаана выше)</h1>
- </div>
- </div>
- <div class="clearfix"></div>
- <div class="col-md-offset-2 col-md-8 col-sm-12">
- <!-- CONTACT FORM HERE -->
- <form id="contact-form" action="#" method="get" role="form">
- <!-- IF MAIL SENT SUCCESSFULLY -->
- <h6 class="text-success">Your message has been sent successfully. </h6>
-
- <!-- IF MAIL SENDING UNSUCCESSFULL -->
- <h6 class="text-danger">E-mail must be valid and message must be longer than 1 character.</h6>
- <div class="col-md-6 col-sm-6">
- <input type="text" class="form-control" id="cf-name" name="cf-name" placeholder="Name">
- </div>
- <div class="col-md-6 col-sm-6">
- <input type="email" class="form-control" id="cf-email" name="cf-email" placeholder="Email Address">
- </div>
- <div class="col-md-12 col-sm-12">
- <input type="text" class="form-control" id="cf-subject" name="subject" placeholder="Subject">
- <textarea class="form-control" rows="5" id="cf-message" name="cf-message" placeholder="Message"></textarea>
- </div>
- <div class="col-md-offset-4 col-md-4 col-sm-offset-4 col-sm-4">
- <div class="section-btn">
- <button type="submit" class="form-control" id="cf-submit" name="submit"><span data-hover="ОТПРАВИТЬ">ОТПРАВИТЬ</span></button>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </section>
- <!-- SCRIPTS -->
- <script src="js/jquery.js"></script>
- <script src="js/bootstrap.min.js"></script>
- <script src="js/jquery.parallax.js"></script>
- <script src="js/owl.carousel.min.js"></script>
- <script src="js/jquery.magnific-popup.min.js"></script>
- <script src="js/magnific-popup-options.js"></script>
- <script src="js/modernizr.custom.js"></script>
- <script src="js/smoothscroll.js"></script>
- <script src="js/custom.js"></script>
- </body>
- </html>
|