File: /var/www/ilya/data/www/rudomilovi.cz/index2.html
<!DOCTYPE html>
<!-- eWedding template -->
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>Илья & Даша</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Font Awesome -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="css/ie10.css" rel="stylesheet" type="text/css">
<!-- flexslider -->
<link href="css/flexslider.css" rel="stylesheet" type="text/css">
<!-- Magnific Popup core CSS file -->
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<!-- animate -->
<link href="css/animate.css" rel="stylesheet" type="text/css">
<!-- Pace -->
<link href="css/preloader.css" rel="stylesheet" type="text/css">
<!-- Carousel -->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css">
<!-- theme style -->
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="body-offcanvas">
<!--PRELOADER-->
<div id="preloader">
<div class="alignment">
<div class="v-align center-middle">
<div class="strike-1 spinner">
<span>
<i class="glyphicon glyphicon-heart hearticon icon-xl"></i>
<i class="glyphicon glyphicon-heart hearticon-3 icon-xl"></i>
</span>
</div>
</div>
</div>
</div>
<!--END PRELOADER-->
<!-- HEADER -->
<div class="container" id="nav-header">
<nav class="navbar navbar-default navbar-color">
<div class="navbar-header">
<button type="button" class="navbar-toggle offcanvas-toggle offcanvas-toggle-close" data-toggle="offcanvas" data-target="#js-bootstrap-offcanvas" id="offcanvas-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand text-center" href="index.html" id="navbar-brand">Илья<br>Даша</a>
</div>
<div class="navbar-scroll collapse navbar-collapse navbar-menu navbar-offcanvas navbar-offcanvas-touch" id="js-bootstrap-offcanvas">
<ul class="nav navbar-nav navbar-left">
<li>
<a href="#homeslider-wrap">НАВЕРХ<i class="glyphicon glyphicon-heart nav-heart-icon"></i></a>
</li>
<li>
<a href="#couple-header">НАША ИСТОРИЯ<i class="glyphicon glyphicon-heart nav-heart-icon"></i></a>
</li>
<li>
<a href="#countdown">КОГДА<i class="glyphicon glyphicon-heart nav-heart-icon"></i></a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#accomodation">ГДЕ<i class="glyphicon glyphicon-heart nav-heart-icon"></i></a>
</li>
<li>
<a href="#portfolio">ФОТО<i class="glyphicon glyphicon-heart nav-heart-icon"></i></a>
</li>
<li>
<a href="#gift-registry">ПОДАРКИ<i class="glyphicon glyphicon-heart nav-heart-icon"></i></a>
</li>
</ul>
</div>
</nav>
</div>
<!-- END HEADER -->
<!-- SLIDER -->
<section id="homeslider-wrap" class="flexslider screen-adapter">
<!-- SLIDER TITLE WRAPPER -->
<div class="container vertical-center">
<div class="row">
<!-- SLIDER TITLE -->
<div class="col-md-offset-3 col-md-6 carousel-caption animated-element-1 delay1">
<h1>Илья<span class="logo-slider"> & </span>Даша</h1>
<h2 class="margin">Свадьба</h2>
<div class="strike-1">
<span>
<i class="glyphicon glyphicon-heart hearticon"></i>
<i class="glyphicon glyphicon-heart hearticon-2"></i>
</span>
</div>
<p class="slider-banner">Суббота, 3 июня 2017 г.</p>
</div>
<!-- END SLIDER TITLE -->
</div>
</div>
<!-- END SLIDER TITLE WRAPPER -->
<!-- SLIDER IMAGES -->
<ul class="slides animated fadeIn">
<li class="homesliderimage" style="background-image:url(img/slider/1.jpg);"> </li>
<li class="homesliderimage" style="background-image:url(img/slider/2.jpg);"> </li>
<li class="homesliderimage" style="background-image:url(img/slider/3.jpg);"> </li>
</ul>
<!-- END SLIDER IMAGES -->
</section>
<!-- END SLIDER-->
<!-- STORY SECTION HEADER -->
<section id="couple-header">
<div class="container">
<div class="text-center">
<!-- ICON IMAGE -->
<img src="img/icon.png" alt="icon" class="img-responsive center-block img-headline">
<!-- TITLE -->
<h2 class="headline">Наша история</h2>
<!-- SPACER -->
<hr class="spacer">
<!-- TEXT INFO -->
<p class="subtitle">
Сложно вместить нашу историю в 3 блока, но мы очень старались.
</p>
<!-- END TEXT INFO -->
</div>
</div>
</section>
<!-- END STORY SECTION HEADER -->
<!-- STORY TIMELINE SECTION--->
<section class="section" id="couple-timeline">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<!-- TIMELINE ITEM-1 --->
<div class="row timeline">
<div class="col-sm-12 col-md-5">
<img src="img/story/1-1.jpg" alt="" class="img-responsive center-block">
</div>
<div class="col-sm-12 col-md-2 animated-element">
<div class="story-timeline-h">
<div class="story-timeline">
<h3>Знакомство</h3>
<!--<h5>Попка</h5>-->
<div class="fecha">1 июня 2011 г.</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-5 animated-element delay5">
<div class="story-timeline-text">
<p>Познакомились мы благодаря детищу Ильи и обязанности любого эмигранта. Совсем неромантично, но что поделать. Даше потребовалась страховка, которую она заказала на podebrady.ru, а Илье предстояло эту страховку отдать. Поэтому первая наша встреча состоялась в метро, на станции Дейвицка, длилась минут 10 и несла сугубо деловой характер.
</p>
</div>
</div>
</div>
<!-- END TIMELINE ITEM-1 --->
<!-- TIMELINE ITEM-2 --->
<div class="row timeline reorder-xs">
<div class="col-sm-12 col-md-5 animated-element">
<div class="story-timeline-text-1">
<p>В следующий раз мы встретились неделю спустя. Сидели в ресторане, обсуждали дела насущные, визовые, а потом и все остальные. Совсем незаметно прошли около 4 километров, по дороге посетили ботанический сад и оказались на Вышеграде. И все же мы считаем это первым свиданием условно, потому что и сами не заметили, когда начали встречаться.
</p>
</div>
</div>
<div class="col-sm-12 col-md-2 animated-element delay5">
<div class="story-timeline-h">
<div class="story-timeline-1">
<h3>Первое свидание</h3>
<!--<h5>Lorem ipsum dolor</h5>-->
<div class="fecha">9 июня 2011 г.</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-5">
<img src="img/story/1-2.jpg" alt="" class="img-responsive center-block">
</div>
</div>
<!-- END TIMELINE ITEM-2 --->
<!-- TIMELINE ITEM-3 --->
<div class="row timeline">
<div class="col-sm-12 col-md-5">
<img src="img/story/1-3.jpg" alt="" class="img-responsive center-block">
</div>
<div class="col-sm-12 col-md-2 animated-element">
<div class="story-timeline-h">
<div class="story-timeline">
<h3>Предложение</h3>
<!--<h5>Lorem ipsum dolor</h5>-->
<div class="fecha">6 августа 2016 г.</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-5 animated-element delay5">
<div class="story-timeline-text">
<p>Стратегическое предложение поступило через 5 лет, во время нашей поездки в Италию. Мы посетили Триест, Венецию, Верону, были несколько дней на берегу моря в Лидо, но получить предложение в городе Ромео и Джульеты или в Венеции… как-то банально. А вы знаете кого-то кто получил предложение в Кьюзе на балкончике отеля в горах, да и еще и под звездным небом? Да, знаете.
</p>
</div>
</div>
</div>
<!-- END TIMELINE ITEM-3 --->
</div>
</div>
</div>
</section>
<!-- END STORY TIMELINE SECTION -->
<!--COUNTDOWN SECTION-->
<section id="countdown" class="background-cover" style="background-image: url('img/bg/bg-1.jpg');" >
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="countdown-box">
<!-- HEADER -->
<div class="strike">
<span>
<span class="headline">Чтобы не забыть<span class="accent"> дату</span></span>
</span>
</div>
<!-- END HEADER -->
<div class="controls">
<!-- SUBHEADER -->
<p class="subtitle">
Свадьба будет в полдень 3 июня, до нее остались считанные дни.
</p>
<!-- CLOCK -->
<div id="clock"></div>
<!-- END CLOCK -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--END COUNTDOWN SECTION-->
<!-- WEDDING SECTION HEADER -->
<section id="wedding-header" class="wedding-header-single-page">
<div class="container">
<div class="text-center">
<!-- ICON IMAGE -->
<img src="img/icon.png" alt="icon" class="img-responsive center-block img-headline">
<!-- TITLE -->
<h2 class="headline">Место</h2>
<!-- SPACER -->
<hr class="spacer">
<!-- TEXT INFO -->
<p class="subtitle">
Мы много искали, ездили, выбирали, но нашли в конце отличное место для того, чтобы провести этот день с друзьями и близкими как можно комфортнее, вкуснее и веселее.
</p>
<!-- END TEXT INFO -->
</div>
</div>
</section>
<!-- END WEDDING SECTION HEADER -->
<!-- THE WEDDING SECTION INFO-->
<section class="grey-bg style-triangle" id="accomodation">
<div class="container">
<div class="row">
<!-- ACCOMODATION-1 -->
<div class="col-md-10 col-md-offset-1 no-padding white-panel animated-element-1">
<div class="row">
<div class="col-md-6">
<div class="wraper-loc">
<h3 class="headline4">Церемония, банкет</h3>
<hr class="spacer1">
<p class="loc-subhead">Секретная вилла в Среднечешском крае</p>
<p class="text-left">Все пройдет на полностью находящейся в нашем расположении вилле: церемония, фуршет, ужин и многообещающая программа вечером. Точные координаты мы разошлем всем гостям накануне, а пока можно лишь сказать, что это менее часа на машине от Праги. Нет, это не Подебрады, - не угадали, ха-ха.
</p>
</div>
</div>
<div class="col-md-6">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1311580.3553877876!2d13.344793242475877!3d50.05481842010052!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470b939c0e8ff2a3%3A0x100af0f6614a830!2sCentral+Bohemian+Region!5e0!3m2!1sen!2scz!4v1485222190770" width="100%" height="360" frameborder="0" style="border:0" allowfullscreen></iframe>
<!--<img class="lib-img-show img-responsive" src="img/event/accomodation-1.jpg" alt="480x360">-->
</div>
</div>
</div>
<!-- END ACCOMODATION-1 -->
<!-- ACCOMODATION-2 -->
<div class="col-md-10 col-md-offset-1 no-padding white-panel animated-element-1">
<div class="row reorder-xs">
<div class="col-md-6">
<img class="lib-img-show img-responsive" src="img/event/accomodation-2.jpg" alt="480x360">
</div>
<div class="col-md-6">
<div class="wraper-loc">
<h3 class="headline4">Проживание</h3>
<hr class="spacer1">
<p class="loc-subhead">2-х и 3-х местные номера</p>
<p class="text-left">Дабы никто не был вынужден ехать вечером домой, мог удобно переодеваться, мы позаботились о проживании для всех гостей прямо в месте проведения свадьбы. От голода тоже не умрем, все 24 часа будет то фуршет, то ужин, то завтрак.
</p>
</div>
</div>
</div>
</div>
<!-- END ACCOMODATION-2 -->
<!-- ACCOMODATION-3 -->
<div class="col-md-10 col-md-offset-1 no-padding white-panel animated-element-1">
<div class="row">
<div class="col-md-6">
<div class="wraper-loc">
<h3 class="headline4">Транспорт</h3>
<hr class="spacer1">
<p class="loc-subhead">Парковка, трансфер из Праги и обратно</p>
<p class="text-left">Рядом с виллой есть огромная парковка, где все смогут легко оставить машины. Для безлошадных гостей будет организован трансфер из Праги и обратно.
</p>
</div>
</div>
<div class="col-md-6">
<img class="lib-img-show img-responsive" src="img/event/accomodation-3.jpg" alt="480x360">
</div>
</div>
</div>
<!-- END ACCOMODATION-3 -->
</div>
</div>
</section>
<!--END WEDDING SECTION INFO-->
<!--PROGRAM OF THE DAY SECTION-->
<section id="program">
<div class="container">
<!-- PROGRAM HEADER -->
<div class="margin text-center">
<!-- ICON IMAGE -->
<img src="img/icon.png" alt="icon" class="img-responsive center-block img-headline">
<!-- TITLE -->
<h2 class="headline">Программа <span class="visible-xs"><br></span>дня</h2>
<!-- SPACER -->
<hr class="spacer">
<!-- TEXT INFO -->
<p class="subtitle">
Программа находится все еще в процессе корректировки, уточнения, обсуждения. Точное время явки будет сообщено накануне, вместе с координатами. Но что точно - с нами вы проведете всю субботу и первую половину воскресенья. Скучать не придется, на вилле есть детский уголок с качелями и горкой!
</p>
<!-- END TEXT INFO -->
</div>
<!-- END PROGRAM HEADER -->
<!-- PROGRAM INFO -->
<div class="row" id="program-info">
<!--THE MENU-->
<div class="col-md-5 col-xs-12 margin4">
<div class="effect-overlay effects effects-pad clearfix">
<div class="img inner-border">
<!--PHOTO-->
<img src="img/event/programimage.jpg" alt="" class="img-responsive center-block">
<!--END PHOTO-->
</div>
</div>
</div>
<!--END THE MENU-->
<!--PROGRAM TIMELINE-->
<div class="col-md-7 col-xs-12" id="timeline">
<div class="panel-group text-left" id="accordion" role="tablist" aria-multiselectable="true">
<!--TIME 1-->
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<!--HOUR-->
<span class="program-day">11:00</span>
<!--TITLE-->
<a class="program-link" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
ПРИЕЗД ГОСТЕЙ
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne" aria-expanded="true">
<div class="panel-body">
<!--DESCRIPTION-->
<p class="text-left">
Пожалуйста, будьте пунктуальны. Вам необходимо выехать из Праги в хотя бы 10:30.
</p>
<!--END DESCRIPTION-->
</div>
</div>
</div>
<!--END TIME 1-->
<!--TIME 2-->
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<!--HOUR-->
<span class="program-day">13:00</span>
<!--TITLE-->
<a class="program-link collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
ЦЕРЕМОНИЯ
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<!--DESCRIPTION-->
<p class="text-left">
Церемония пройдет в саду рядом с виллой, никуда уезжать в течение всех суток вам не придется.
</p>
<!--END DESCRIPTION-->
</div>
</div>
</div>
<!--END TIME 2-->
<!--TIME 3-->
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<!--HOUR-->
<span class="program-day">14:00</span>
<!--TITLE-->
<a class="program-link collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
ФУРШЕТ
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<!--DESCRIPTION-->
<p class="text-left">
После церемонии будет организован небольшой фуршет, дабы все смогли подкрепиться и веселиться до наступления вечера. В течение всего дня также будут доступны безалкогольные напитки, пиво, вино, просекко. Крепкий алкоголь вы можете сами решить с барменом.
</p>
<!--END DESCRIPTION-->
</div>
</div>
</div>
<!--END TIME 3-->
<!--TIME 4-->
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour">
<h4 class="panel-title">
<!--HOUR-->
<span class="program-day">15:00</span>
<!--TITLE-->
<a class="program-link collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
ФОТО НОВОБРАЧНЫХ
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<!--DESCRIPTION-->
<p class="text-left">
На буквально пару часов мы вас оставим знакомиться, общаться и развлекаться. Без фотосъемки на свадьбе нельзя, никто ведь нам потом не поверит, что свадьба была.
</p>
<!--END DESCRIPTION-->
</div>
</div>
</div>
<!--END TIME 4-->
<!--TIME 6-->
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingSix">
<h4 class="panel-title">
<!--HOUR-->
<span class="program-day">17:00</span>
<!--TITLE-->
<a class="program-link collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
УЖИН И ПРОГРАММА
</a>
</h4>
</div>
<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<!--DESCRIPTION-->
<p class="text-left">
Ужин пройдет в зале с панорамным видом на чешскую природу, а вести вечер будут DJ Sergio Bertolucci и лучший в Центральной Европе русскоязычный ведущий, <a href="http://novikovk.eu/" target="_blank">Константин Новиков</a>. Все будет очень цивилизованно и весело, без дурацких конкурсов и пошлостей. Дай Бог.
</p>
<!--END DESCRIPTION-->
</div>
</div>
</div>
<!--END TIME 6-->
<!--TIME 7-->
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingSeven">
<h4 class="panel-title">
<!--HOUR-->
<span class="program-day">23:00</span>
<!--TITLE-->
<a class="program-link collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
ЗАВЕРШЕНИЕ ВЕЧЕРА
</a>
</h4>
</div>
<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<!--DESCRIPTION-->
<p class="text-left">
В конце программы и ужина мы надеемся успеть перейти к разрезанию торта. После чего никто толком не ограничен по времени в дальнейшем отдыхе, в нашем распоряжении вся вилла, но не стоит забывать о завтраке и выезде утром.
</p>
<!--END DESCRIPTION-->
</div>
</div>
</div>
<!--END TIME 7-->
<hr class="spacer1">
<!--TIME 8-->
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingEight">
<h4 class="panel-title">
<!--HOUR-->
<span class="program-day">10:00</span>
<!--TITLE-->
<a class="program-link collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
ЗАВТРАК
</a>
</h4>
</div>
<div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<!--DESCRIPTION-->
<p class="text-left">
Завтрак запланирован с 10:00 до 12:00.
</p>
<!--END DESCRIPTION-->
</div>
</div>
</div>
<!--END TIME 8-->
<!--TIME 9-->
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingNine">
<h4 class="panel-title">
<!--HOUR-->
<span class="program-day">12:00</span>
<!--TITLE-->
<a class="program-link collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
ВЫЕЗД В ПРАГУ
</a>
</h4>
</div>
<div id="collapseNine" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNine" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<!--DESCRIPTION-->
<p class="text-left">
Выселение из номеров пройдет к 12:00, в то же время постепенно начнем выдвигаться в Прагу, где при желании можно будет продолжить безудержное веселье в одном из наших любимых мест.
</p>
<!--END DESCRIPTION-->
</div>
</div>
</div>
<!--END TIME 9-->
</div>
</div>
<!--END PROGRAM TIMELINE-->
</div>
<!-- END PROGRAM INFO -->
</div>
</section>
<!--END PROGRAM OF THE DAY SECTION-->
<!--BLOCKQUOTE SECTION -->
<section id="blockquote" class="background-cover" style="background-image: url('img/bg/bg-2.jpg');" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="blockquote-box">
<div class="text-center">
<div class="quote"><i class="fa fa-quote-left fa-4x"></i></div>
<p class="bckuote-text">
Подебрады.ру не только кардинально меняют жизни людей, но и объединяют сердца!
</p>
<footer class="bckuote-footer-text">Кто-то из великих</footer>
</div>
</div>
</div>
</div>
</div>
</section>
<!--END BLOCKQUOTE SECTION-->
<!-- BRIDSMAID-GROOSMAN HEADER SECTION -->
<section id="bridsmaid-groosman-header" class="onepage">
<div class="container">
<!-- BRIDSMAID HEADER WRAPPER -->
<div class="text-center">
<!-- ICON IMAGE -->
<img src="img/icon.png" alt="" class="img-responsive center-block img-headline">
<!-- TITLE -->
<h2 class="headline">Свидетели</h2>
<!-- SPACER -->
<hr class="spacer">
<!-- TEXT INFO -->
<p class="subtitle">
Во всех (да-да!) тяготах этого дня нам будут помогать друзья, Никита и Софья. Внимательно запомните их лица на фото ниже, чтобы на свадьбе их терроризировать в те моменты, когда нас уже не удается достать или мы уже пустили все на самотек. Мы разрывались в выборе людей на столь почетную и сложную роль, поэтому чур никто не в обиде.
</p>
</div>
<!-- END BRIDSMAID-GROOSMAN HEADER WRAPPER -->
</div>
</section>
<!-- END BRIDSMAID HEADER SECTION -->
<!-- BRIDSMAID-GROOSMAN CONTENT SECTION -->
<section id="bridsmaid-groosman-content" class="grey-bg style-triangle">
<div class="container">
<div class="row text-center">
<!-- BRIDESMAID ITEM-1 -->
<div class="col-sm-5 col-md-6 animated-element">
<!-- BRIDESMAID WRAPPER -->
<div class="thumbnail">
<!-- PHOTO -->
<img src="img/bridesmaid/bridesmaid-1.jpg" class="img-circle animated-element-1" alt="Groosman">
<!-- BRIDESMAID INFO -->
<div class="caption animated-element-1">
<!-- TITLE & EXCERPT -->
<h3>Никита Красноплахтич</h3>
<div class="strike"><span>Свидетель</span> </div>
<!-- SOCIAL ICONS WRAPER-->
<div class="about-section-social text-center">
<!-- SOCIAL ICONS -->
<ul class="social-network-square smallicon">
<li>
<a href="https://www.facebook.com/krasnoplahtich" class="smallicon" title="Facebook">
<span class="fa-stack fa-lg"><i class="fa fa-facebook fa-stack-1x"></i></span>
</a>
</li>
<li>
<a href="https://vk.com/nikita_krasnoplahtich" class="smallicon" title="Twitter">
<span class="fa-stack fa-lg"><i class="fa fa-vk fa-stack-1x"></i></span>
</a>
</li>
</ul>
<!--END SOCIAL ICONS -->
</div>
<!-- END SOCIAL ICONS WRAPER-->
<!-- TEXT INFO -->
<p class="subtitle">
+420 123 456 789
</p>
</div>
<!-- END BRIDESMAID INFO -->
</div>
<!-- END BRIDESMAID WRAPPER -->
</div>
<!-- END BRIDESMAID ITEM-1 -->
<!-- BRIDESMAID ITEM-2 -->
<div class="col-sm-5 col-md-6 animated-element delay5">
<!-- BRIDESMAID WRAPPER -->
<div class="thumbnail">
<!-- PHOTO -->
<img src="img/bridesmaid/bridesmaid-2.jpg" class="img-circle animated-element-1" alt="Groosman">
<!-- BRIDESMAID INFO -->
<div class="caption animated-element-1">
<!-- TITLE & EXCERPT -->
<h3>Софья Красноплахтич</h3>
<div class="strike"><span>Свидетельница</span> </div>
<!-- SOCIAL ICONS WRAPER-->
<div class="about-section-social text-center">
<!-- SOCIAL ICONS -->
<ul class="social-network-square smallicon">
<li>
<a href="https://www.facebook.com/KrasnoplahtichS" class="smallicon" title="Facebook">
<span class="fa-stack fa-lg"><i class="fa fa-facebook fa-stack-1x"></i></span>
</a>
</li>
<li>
<a href="https://vk.com/kkissonka" class="smallicon" title="VK">
<span class="fa-stack fa-lg"><i class="fa fa-vk fa-stack-1x"></i></span>
</a>
</li>
</ul>
<!--END SOCIAL ICONS -->
</div>
<!-- END SOCIAL ICONS WRAPER-->
<!-- TEXT INFO -->
<p class="subtitle">
+420 123 456 789
</p>
</div>
<!-- END BRIDESMAID INFO -->
</div>
<!-- END BRIDESMAID WRAPPER -->
</div>
<!-- END BRIDESMAID ITEM-2 -->
</div>
</div>
</section>
<!-- END BRIDSMAID-GROOSMAN CONTENT SECTION -->
<!-- RSVP SECTION -->
<!--<section id="reserve-image-background" class="background-cover" style="background-image: url('img/bg/bg-4.jpg');" >
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="about-section-wraper onepage text-center">
<h1>RESERVE</h1>
<h2>Confirmation</h2>
<hr class="spacer">
<p class="title">Please reserve <br>before December 16th, 2016</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<div class="block-box-rsrv">
<form id="block-main-form" method="post" autocomplete="off">
<div class="controls">
<div class="row text-left">
<div class="col-sm-6">
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" class="form-control">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" class="form-control">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" id="subject" name="subject" class="form-control">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label for="message">Your Message</label>
<textarea class="form-control" id="message" name="message" rows="6" style="margin-top: 0px; margin-bottom: 0px; height: 234px;"></textarea>
</div>
</div>
<div class="col-sm-12 text-center">
<div id="success">
<button id="submit" type="submit" name="submit" class="btn btn-medium btn-block">I am Attending</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>-->
<!-- END RSVP SECTION -->
<!-- GALLERY SECTION -->
<section id="portfolio" class="onepage">
<div class="container">
<!-- GALLERY HEADER -->
<div class="margin text-center">
<!-- ICON IMAGE -->
<img src="img/icon.png" alt="icon" class="img-responsive center-block img-headline">
<!-- TITLE -->
<h2 class="headline">Фото</h2>
<!-- SPACER -->
<hr class="spacer">
<!-- TEXT INFO -->
<p class="subtitle">
Самое главное на свадьбе — фото! Но свадьбы пока не было, поэтому временно сюда мы свои фотографии выложили. А уж после свадьбы и фото, и видео...
</p>
</div>
<!-- END GALLERY HEADER -->
<!-- GALLERY IMAGES -->
<div class="row no-gutter popup-gallery">
<div class="col-lg-4 col-sm-6 animated-element-7">
<!-- POPUP IMAGE LINK -->
<a href="img/gallery/11.jpg" class="portfolio-box">
<!-- IMAGE 1 -->
<img src="img/gallery/thumbnails/11.jpg" class="img-responsive" alt="">
<!-- CAPTION BOX -->
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
<!-- ICON IMAGE -->
<img src="img/hover-effect.png" style="width: 49px;height: 49px;" alt="">
</div>
</div>
</div>
<!-- END CAPTION BOX -->
</a>
</div>
<div class="col-lg-4 col-sm-6 animated-element-7">
<!-- POPUP IMAGE LINK -->
<a href="img/gallery/10.jpg" class="portfolio-box">
<!-- IMAGE 1 -->
<img src="img/gallery/thumbnails/10.jpg" class="img-responsive" alt="">
<!-- CAPTION BOX -->
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
<!-- ICON IMAGE -->
<img src="img/hover-effect.png" style="width: 49px;height: 49px;" alt="">
</div>
</div>
</div>
<!-- END CAPTION BOX -->
</a>
</div>
<div class="col-lg-4 col-sm-6 animated-element-7">
<!-- POPUP IMAGE LINK -->
<a href="img/gallery/12.jpg" class="portfolio-box">
<!-- IMAGE 1 -->
<img src="img/gallery/thumbnails/12.jpg" class="img-responsive" alt="">
<!-- CAPTION BOX -->
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
<!-- ICON IMAGE -->
<img src="img/hover-effect.png" style="width: 49px;height: 49px;" alt="">
</div>
</div>
</div>
<!-- END CAPTION BOX -->
</a>
</div>
</div>
<!-- END GALLERY IMAGES -->
</div>
</section>
<!-- END GALLERY SECTION -->
<!-- GIFT REGISTRY HEADER SECTION -->
<section id="gift-registry" class="onepage grey-bg">
<div class="container">
<!-- GIFT HEADER WRAPPER -->
<div class="text-center">
<!-- TITLE -->
<h2 class="headline">Подарки</h2>
<!-- SPACER -->
<hr class="spacer">
<!-- TEXT INFO -->
<p class="subtitle">
Пожалуйста, никаких антикварных советских сервизов, никаких хрустальных ваз — только твердая валюта и дружеские объятия. Все средства, собранные на мероприятии, пойдут на благотворительность, в фонд выживания молодой семьи.</span>
</p>
</div>
<!-- END GIFT HEADER WRAPPER -->
</div>
</section>
<!-- END GIFT REGISTRY HEADER SECTION -->
<!-- GIFT REGISTRY CONTENT SECTION -->
<!--<section id="gift-logo-section" class="grey-bg">
<div class="container">
<div id="owl-registry">
<div class="item"><img src="img/gift/amazon.png" alt="Owl Image"></div>
<div class="item"><img src="img/gift/belk.png" alt="Owl Image"></div>
<div class="item"><img src="img/gift/bedbathbeyond.png" alt="Owl Image"></div>
<div class="item"><img src="img/gift/amazon.png" alt="Owl Image"></div>
<div class="item"><img src="img/gift/johnlewis.png" alt="Owl Image"></div>
<div class="item"><img src="img/gift/bedbathbeyond.png" alt="Owl Image"></div>
<div class="item"><img src="img/gift/amazon.png" alt="Owl Image"></div>
<div class="item"><img src="img/gift/belk.png" alt="Owl Image"></div>
<div class="item"><img src="img/gift/bedbathbeyond.png" alt="Owl Image"></div>
</div>
</div>
</section>-->
<!-- END GIFT REGISTRY CONTENT SECTION -->
<!-- FOOTER -->
<footer id="footer" class="footer-background-cover" style="background-image: url('img/bg/footer-both.jpg');" >
<div class="container">
<div class="row">
<!-- MAIN FOOTER HEADER OUTTER WRAPPER -->
<div class="col-lg-8 col-lg-offset-2">
<!-- MAIN FOOTER HEADER INNER WRAPPER -->
<div class="wraper-footer text-center animated-element-1 delay1">
<!-- FOOTER HEADER -->
<div class="strike-1">
<span>
<i class="glyphicon glyphicon-heart hearticon"></i>
<i class="glyphicon glyphicon-heart hearticon-2"></i>
</span>
</div>
<div class="margin">
<h3>ИЛЬЯ<span class="logo-slider"> & </span>ДАША</h3>
<h2>Свадьба</h2>
</div>
<!-- END FOOTER HEADER -->
</div>
<!-- END MAIN FOOTER HEADER INNER WRAPPER -->
</div>
<!-- END MAIN FOOTER HEADER OUTTER WRAPPER -->
</div>
</div>
</footer>
<!-- END FOOTER -->
<!-- Core JavaScript -->
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/ie10.js"></script>
<!-- Plugins -->
<script src="js/jquery.countdown.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/device.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/bootstrap.offcanvas.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/sticky.min.js"></script>
<script src="js/jquery.vide.js"></script>
<script src="js/pace.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.smooth-scroll.js"></script>
<script src="js/jquery.validate.min.js"></script>
<!-- Them script -->
<script src="js/script.js"></script>
</body>
</html>