<commit_before><!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->

  <head>
    <meta charset="utf-8">
    <title>Vow</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="wedding vows">
    <meta name="author" content="www.entiri.com">
    <!-- Favicon --> 
    <link href="img/vow-favicon.png" rel="icon" type="image/png">
    <!-- bootstrap css -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" media="screen">
    <!-- Animate Style -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- Flex slider css -->
    <link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
    <!-- prety photo css -->
    <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen">        
    <!-- Font Awesome Styles -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <!-- YT Video player -->
    <link rel="stylesheet" href="css/YTPlayer.css"> 
    <!-- Owl carousel -->
    <link rel="stylesheet" href="css/owl.carousel.css">         
    <!-- Style css -->
    <link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
    <!-- components css -->
    <link href="css/components.css" rel="stylesheet" type="text/css" media="screen">
    <!-- Main color scheme -->
    <link href="css/color/color-1.css" rel="stylesheet" id="color">  
    <!-- override css -->
    <link href="css/bootstrap.override.css" rel="stylesheet" type="text/css" media="screen">
		   
    <!-- Web Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Stalemate:200,300,400,600,700,800&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>  
<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	 <!--[if lt IE 9]>
      <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	 <![endif]-->
</head>
<body>
	<div id="loading-wrap">
		<div id="loading"><i class="fa fa-spinner fa fa-spin"></i></div>
	</div>

<header id="home" class="home-img">  
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="circle">
        <div class="table-cell">
          <h1 class="fittext1"><NAME></h1> <!-- Change for your names -->
          <h2 class="fittext2"><NAME></h2>  <!-- Your own slogan here -->
          <h3 class="fittext3">08.08.2015</h3>  <!-- Your own slogan here -->
        </div>
      </div> 
    </div> 
  </div>
</div>


    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">       
          <ul class="nav">
            <li><a href="#home" title="Home"><i class="fa fa-home"></i></a></li>  
            <li><a href="#about" title="About"><i class="fa fa-heart"></i></a></li>  
            <li><a href="#location" title="Location"><i class="fa fa-map-marker"></i></a></li>  
            <li><a href="#gifts" title="Gifts"><i class="fa fa-gift"></i></a></li>  
            <li><a href="#tableware" title="Tableware"><i class="fa fa-cutlery"></i></a></li>  
            <li><a href="#gallery" title="Gallery"><i class="fa fa-camera-retro"></i></a></li>
            <li><a href="#blog" title="Blog"><i class="fa fa-pencil"></i></a></li>  
            <li><a href="#contact" title="Contact"><i class="fa fa-comment"></i></a></li>
          </ul>
          <select class="select-menu"></select>
        </div>
      </div>
    </div>
</header> 

  <!-- Slider -->
  <div class="slider1 flexslider">
    <ul class="slides">
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li> 
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li> 
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li> 
      
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li> 
      
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li>                     
    </ul>
  </div>     
  <!--   Slider End -->

<!-- ABOUT -->
<section id="about">
   <div class="container">
    <div class="row">
      <div class="col-md-4">         
        <h1><NAME>ouise</h1>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
      </div><!-- /.col-md-4 -->
      <div class="col-md-4 animated" data-type="bounceIn">
        <a href="img/370.jpg" data-rel="prettyPhoto[1]" title="Lorem ipsum dolor sit amet">
          <div class="square-all">
            <div class="img-container">              
              <img src="img/370.jpg" alt="about" class="img-circle">
              <div class="about-icon"></div>
            </div>
          </div>
        </a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[1]" title="Lorem ipsum dolor sit amet"></a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[1]" title="Lorem ipsum dolor sit amet"></a>
         
      </div><!-- /.col-md-4 -->
      <div class="col-md-4">
        <h1><NAME></h1>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
      </div><!-- /.col-md-4 -->
    </div><!-- /.row -->
  </div><!-- /.container -->
</section> 
<!-- ABOUT ENDS -->    

<!-- LOCATION -->
<section id="location">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>Ceremony Location</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a href="http://www.example.com/">http://www.example.com/</a></p>
      </div>
      <div class="col-md-4 animated" data-type="bounceIn">
        <a href="img/370.jpg" data-rel="prettyPhoto[2]" title="Lorem ipsum dolor sit amet">
          <div class="square-all">
            <div class="img-container">              
              <img src="img/370.jpg" alt="location" class="img-circle">
              <div class="location-icon"></div>
            </div>
          </div>
        </a>
        <a class="none" href="img/location.jpg" data-rel="prettyPhoto[2]" title="Lorem ipsum dolor sit amet"></a>
        <a class="none" href="img/location-2.jpg" data-rel="prettyPhoto[2]" title="Lorem ipsum dolor sit amet"></a>         
      </div>
      <div class="col-md-4"> 
        <h2>Accommodation</h2>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><strong>Click on image for photos of accommodation</strong></p>
      </div>

    </div><!-- /.row -->
    <div class="row">
      <div class="col-md-4"> 
        <h2>Navigation</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel</p> 
      </div>
      <div class="col-md-4">
        <a rel="external" href="https://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=38.77841,-104.778929&amp;spn=0.007695,0.009828&amp;z=15&amp;output=embed"  title="Clik to open google map for exact location">
          <img src="img/google_map.png" alt="google_map" class="img-210">
        </a> 

      </div>
      <div class="col-md-4">
        <h2>Reservation</h2>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a href="http://www.example.com/">http://www.example.com/</a></p>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!-- LOCATION ENDS -->    
    
<!-- GIFTS -->
<section id="gifts">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>We love wedding gifts :)</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
      </div>
      <div class="col-md-4 animated" data-type="bounceIn">
        <a href="img/370.jpg" data-rel="prettyPhoto[3]" title="Lorem ipsum dolor sit amet">
          <div class="square-all">
            <div class="img-container">              
              <img src="img/370.jpg" alt="gifts" class="img-circle">
              <div class="gifts-icon"></div>
            </div>
          </div>
        </a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[3]" title="Lorem ipsum dolor sit amet"></a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[3]" title="Lorem ipsum dolor sit amet"></a>             
      </div>
      
      <div class="col-md-4">     
        <h2>What we really need</h2>
        <ul class="list">
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-remove"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-remove"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
        </ul>        
      </div>
      
    </div>
    <div class="row">
      <div class="col-md-4">
        <h2>About our honeymoon</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
      </div>
      <div class="col-md-4">
       <a href="img/210.jpg" data-rel="prettyPhoto[honeymoon]" title="Lorem ipsum dolor sit amet">
        <img src="img/210.jpg" alt="honeymoon" class="img-circle img-210"></a>        
        <a class="none" href="img/210.jpg" data-rel="prettyPhoto[honeymoon]" title="Lorem ipsum dolor sit amet"></a>
        
      </div>
      <div class="col-md-4"> 
        <h2>Honeymoon destination</h2>
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
      </div>
    </div>
  </div><!-- /.container -->
</section>
<!-- GIFTS END --> 
 
<!-- TABLEWARE --> 
<section id="tableware">
  <div class="container">
    <div class="row">
      <div class="col-md-4"> 
        <h2>Wedding tableware</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> 
      </div><!-- /.col-md-4 -->
      <div class="col-md-4">
        <a href="img/370.jpg" data-rel="prettyPhoto[4]" title="Lorem ipsum dolor sit amet">
        
          <div class="square-all">
            <div class="img-container">              
              <img src="img/370.jpg" alt="tableware" class="img-circle">
              <div class="tableware-icon"></div>
            </div>
          </div>

        </a>
        
        
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[4]" title="Lorem ipsum dolor sit amet"></a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[4]" title="Lorem ipsum dolor sit amet"></a>        
      </div><!-- /.col-md-4 -->
      
      
      <div class="col-md-4">  
        <h2>Several possibilities</h2>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><strong>Click on image for some auxiliary pictures</strong></p>   
      </div><!-- /.col-md-4 -->
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>  
<!-- TABLEWARE ENDS --> 

<!--  GALLERY -->
<section id="gallery">
    <!-- Slider -->
      <div class="flexslider">
        <ul class="slides">
        <!-- PORTFOLIO 1st page  --> 
          <li>
          <!-- PORTFOLIO BIG IMAGES -two- -->
            
              <div class="portfolio-big square">
                <a href="img/photos/960-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-big square">
                <a href="img/photos/960-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-2.jpg" alt="">
                </a>
              </div>
          
            <!-- PORTFOLIO MEDIUM IMAGES -four- -->
           
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
       
            <!-- PORTFOLIO SMALL IMAGES -eight- -->
          
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a  href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>    
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>   
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="gallery2" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
          
          </li>  <!-- <li> ENDS -->
          <!-- PORTFOLIO 1st page ENDS -->    
          
          <!-- PORTFOLIO 2nd page  --> 
          <li>
          <!-- PORTFOLIO BIG IMAGES -two- -->
            
              <div class="portfolio-big square">
                <a href="img/photos/960-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-big square">
                <a href="img/photos/960-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-2.jpg" alt="">
                </a>
              </div>
          
            <!-- PORTFOLIO MEDIUM IMAGES -four- -->
           
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
       
            <!-- PORTFOLIO SMALL IMAGES -eight- -->
          
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a  href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>    
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>   
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="gallery2" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
          
          </li>  <!-- <li> ENDS -->
          <!-- PORTFOLIO 2nd page ENDS -->
          
          <!-- PORTFOLIO 3rd page  --> 
           <li>
          <!-- PORTFOLIO BIG IMAGES -two- -->
            
              <div class="portfolio-big square">
                <a href="img/photos/960-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-big square">
                <a href="img/photos/960-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-2.jpg" alt="">
                </a>
              </div>
          
            <!-- PORTFOLIO MEDIUM IMAGES -four- -->
           
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
       
            <!-- PORTFOLIO SMALL IMAGES -eight- -->
          
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a  href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>    
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>   
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="gallery2" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
          
          </li>  <!-- <li> ENDS -->
          <!-- PORTFOLIO 3rd page ENDS -->                    
        </ul>
      </div>     
    <!-- Slider End -->  
</section>
<!-- GALLERY ENDS -->


<!-- BLOG SECTION -->
  <section id="blog">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1 class="blog-title">Our wedding blog.</h1>
        </div>
      </div>
      <div class="row">
        <div class="owl-carousel carousel-top-navigation">
        <!-- blog item inside carousel -->
        <div class="item">       
          <div class="blog-container">
            <img src="img/photos/960-1.jpg" alt="tite"> <!-- blog img -->
            <div class="blog-text">
              <h4>Image post</h4> <!-- blog post -->
              <h6>26.06.2013 - Anthony in <a href="#">Wordpress</a></h6> <!-- blogp ost date, user, category -->
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p> <!-- blog post extract -->
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div> <!-- blog text ends -->
          </div> <!-- blog container ends -->           
        </div>
        <!-- blog item inside carousel ends -->
                
        <div class="item">      
          <div class="blog-container">
            <img src="img/photos/960-2.jpg" alt="tite">
            <div class="blog-text">
              <h4>Text post</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Html 5</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>      
        </div>

        <div class="item">       
          <div class="blog-container">
            <img src="img/photos/960-1.jpg" alt="tite">
            <div class="blog-text">
              <h4>Video post</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Youtube</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>            
        </div>
                
        <div class="item">      
          <div class="blog-container">
            <img src="img/photos/960-2.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title 4</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Html 5</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>      
        </div>

        <div class="item">       
          <div class="blog-container">
            <img src="img/photos/960-1.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title 5</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Wordpress</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>            
        </div>
                
        <div class="item">      
          <div class="blog-container">
            <img src="img/photos/960-2.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title 6</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Drupal</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>      
        </div>

        <div class="item">       
          <div class="blog-container">
            <img src="img/photos/960-1.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title 7</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Art</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>            
        </div>
                
        <div class="item">      
          <div class="blog-container">
            <img src="img/photos/960-2.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title title 8</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Music</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>      
        </div>
        
        </div>      
      </div>
    </div>     
  </section>



<!-- COMMENTS -->
<section id="contact">
  <div class="container">
      <div class="row">
        <div class="col-md-4">  
          <h2>We would love to read your comments</h2>
            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
            <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        </div><!-- /.col-md-4 -->
        <div class="col-md-4">  
          <a href="img/370.jpg" data-rel="prettyPhoto[5]" title="Lorem ipsum dolor sit amet">
            <div class="square-all">
              <div class="img-container">              
                <img src="img/370.jpg" alt="contact" class="img-circle">
                <div class="comments-icon"></div>
              </div>
            </div>
          </a>
          <a class="none" href="img/370.jpg" data-rel="prettyPhoto[5]" title="Lorem ipsum dolor sit amet"></a>          
          <div class="spacer35"></div> 
        </div><!-- /.col-md-4 -->
                
        <div class="col-md-4">           
          <h2>Top comment</h2>
            <p class="comment-title-top">Author: Angelika & Thomas</p>
              <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
              <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>         
        </div><!-- /.col-md-4 -->
      </div><!-- /.row -->
    <div class="row spacer35"></div>    
    <div class="row">
      <div class="col-md-6">
      <!-- FORM -->         
        <h2>Form</h2>              			
          <form class="form-main" name="ajax-form" id="ajax-form" action="#" method="post">
            <div class="commnet-form">
              <input id="name" name="name" type="text" placeholder="Name *">                                  
              <input name="email" id="email" type="text" placeholder="E-mail *">
              <textarea id="message" name="message" placeholder="Message *"></textarea>
            </div>
            <div class="row">
              <div class="col-md-12">
                <p class="submit">Thank you for your comment!      
                  <button class="send-button" type='button'> <i class="fa fa-check"></i></button>
                </p>
              </div>   
            </div>
          </form>
          <!-- FORM END -->
          <h2>Socials</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <div class="spacer35"></div>
          <!-- SOCIAL ICONS-->
            <a href="#" class="social-network animated" title="facebook" data-type="bounceIn"><i class="fa fa-facebook"></i></a>
            <a href="#" class="social-network animated" title="twitter" data-type="bounceIn"><i class="fa fa-twitter"></i></a>
            <a href="#" class="social-network animated" title="google+" data-type="bounceIn"><i class="fa fa-google-plus"></i></a>
            <a href="#" class="social-network animated" title="youtube" data-type="bounceIn"><i class="fa fa-youtube"></i></a>
          <!-- SOCIAL ICONS END to remove animation from them just remove animated and data-type-->    
          <div class="spacer35"></div>
        </div><!-- /.col-md-6 -->

        <!--  COMMENTS + COMMENTS SLIDER -->       
        <div class="col-md-6"> 
          <div class="bottom-nav-content-slider"> 
            <ul class="slides">
              <li>  <!-- COMMENTS INSIDE <li></li> -->
                <h2>All comments</h2>
                <p class="comment-title-top">Author: Jan & Andrea</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>                  
                <hr> 
                <p class="comment-title">Author: Mom & Dad</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>                  
                <hr>
                <p class="comment-title">Author: Angelika & Thomas</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <hr> 
              </li> <!--  END 1st page of comments -->

              <li>   <!-- 2nd page of comments -->  
                <h2>All comments</h2>
                <p class="comment-title-top">Author: Jan & Andrea</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>  
                <hr> 
                <p class="comment-title">Author: Mom & Dad</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <hr>
                <p class="comment-title">Author: Angelika & Thomas 2</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <hr>  
            </li> <!--  END 2nd page of comments --> 
          </ul>
        </div> 
      </div> 
    </div><!-- /.row --> 
  </div><!-- /.container -->
</section>
     
<!-- FOOTER -->      
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <hr class="dark">
          <p class="center">&copy; 2014 Vow.  All rights reserved. Designed by <a href="http://www.entiri.com" rel="external">www.entiri.com</a></p>
      </div>
    </div>

  <div class="row">
    <div class="col-md-12">
      <div class="circle-2">
        <div class="table-cell">
          <h1 class="fittext1"><NAME></h1>
          <h2 class="fittext2">Wed Fest</h2>
          <h3 class="fittext3">2015</h3>
        </div>
      </div> 
    </div>
  </div>  


  </div>
</footer>

    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script src="js/jquery.flexslider.js"></script>    
    <script src="js/fittext.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.sticky.js"></script>
    <script src="js/jquery.scrollTo.js"></script>
    <script src="js/jquery.nav.js"></script>
    <script src="js/jquery.appear.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.mb.YTPlayer.js"></script>
    <script src="js/jquery.fitvids.js"></script>              
    <script src="js/jquery.parallax-1.1.3.js"></script>
    <script src="js/retina.js"></script>
    <script src="js/functions.js"></script>     
</body>
</html>
<commit_msg>Update metadata and remove template comments<commit_after><!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->

  <head>
    <meta charset="utf-8">
    <title>Wed Fest 2015</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="wed fest 2015">
    <meta name="author" content="www.wedfest2015.org">
    <!-- Favicon --> 
    <link href="img/vow-favicon.png" rel="icon" type="image/png">
    <!-- bootstrap css -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" media="screen">
    <!-- Animate Style -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- Flex slider css -->
    <link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
    <!-- prety photo css -->
    <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen">        
    <!-- Font Awesome Styles -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <!-- YT Video player -->
    <link rel="stylesheet" href="css/YTPlayer.css"> 
    <!-- Owl carousel -->
    <link rel="stylesheet" href="css/owl.carousel.css">         
    <!-- Style css -->
    <link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
    <!-- components css -->
    <link href="css/components.css" rel="stylesheet" type="text/css" media="screen">
    <!-- Main color scheme -->
    <link href="css/color/color-1.css" rel="stylesheet" id="color">  
    <!-- override css -->
    <link href="css/bootstrap.override.css" rel="stylesheet" type="text/css" media="screen">
		   
    <!-- Web Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Stalemate:200,300,400,600,700,800&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>  
<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	 <!--[if lt IE 9]>
      <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	 <![endif]-->
</head>
<body>
	<div id="loading-wrap">
		<div id="loading"><i class="fa fa-spinner fa fa-spin"></i></div>
	</div>

<header id="home" class="home-img">  
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="circle">
        <div class="table-cell">
          <h1 class="fittext1">Becky & Hayley</h1>
          <h2 class="fittext2">Wed Fest</h2>
          <h3 class="fittext3">08.08.2015</h3>
        </div>
      </div> 
    </div> 
  </div>
</div>


    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">       
          <ul class="nav">
            <li><a href="#home" title="Home"><i class="fa fa-home"></i></a></li>  
            <li><a href="#about" title="About"><i class="fa fa-heart"></i></a></li>  
            <li><a href="#location" title="Location"><i class="fa fa-map-marker"></i></a></li>  
            <li><a href="#gifts" title="Gifts"><i class="fa fa-gift"></i></a></li>  
            <li><a href="#tableware" title="Tableware"><i class="fa fa-cutlery"></i></a></li>  
            <li><a href="#gallery" title="Gallery"><i class="fa fa-camera-retro"></i></a></li>
            <li><a href="#blog" title="Blog"><i class="fa fa-pencil"></i></a></li>  
            <li><a href="#contact" title="Contact"><i class="fa fa-comment"></i></a></li>
          </ul>
          <select class="select-menu"></select>
        </div>
      </div>
    </div>
</header> 

  <!-- Slider -->
  <div class="slider1 flexslider">
    <ul class="slides">
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li> 
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li> 
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li> 
      
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li> 
      
      <li>      
        <div class="slides-top square">
          <a href="img/photos/300x200-00.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
          <!-- put fullsize image here instead of 300x200-00.jpg -->
    	    <img src="img/photos/300x200-00.jpg" alt="">
          <!-- put thumbnail image here instead of 300x200-00.jpg -->
          </a> 
        </div>
      </li> 
      <li>
        <div class="slides-top square">
          <a href="img/photos/300x200-01.jpg" data-rel="prettyPhoto[00]" title="Lorem ipsum dolor sit amet">
    	    <img src="img/photos/300x200-01.jpg" alt="">
          </a>
        </div>
      </li>                     
    </ul>
  </div>     
  <!--   Slider End -->

<!-- ABOUT -->
<section id="about">
   <div class="container">
    <div class="row">
      <div class="col-md-4">         
        <h1><NAME></h1>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
      </div><!-- /.col-md-4 -->
      <div class="col-md-4 animated" data-type="bounceIn">
        <a href="img/370.jpg" data-rel="prettyPhoto[1]" title="Lorem ipsum dolor sit amet">
          <div class="square-all">
            <div class="img-container">              
              <img src="img/370.jpg" alt="about" class="img-circle">
              <div class="about-icon"></div>
            </div>
          </div>
        </a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[1]" title="Lorem ipsum dolor sit amet"></a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[1]" title="Lorem ipsum dolor sit amet"></a>
         
      </div><!-- /.col-md-4 -->
      <div class="col-md-4">
        <h1><NAME></h1>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
      </div><!-- /.col-md-4 -->
    </div><!-- /.row -->
  </div><!-- /.container -->
</section> 
<!-- ABOUT ENDS -->    

<!-- LOCATION -->
<section id="location">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>Ceremony Location</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a href="http://www.example.com/">http://www.example.com/</a></p>
      </div>
      <div class="col-md-4 animated" data-type="bounceIn">
        <a href="img/370.jpg" data-rel="prettyPhoto[2]" title="Lorem ipsum dolor sit amet">
          <div class="square-all">
            <div class="img-container">              
              <img src="img/370.jpg" alt="location" class="img-circle">
              <div class="location-icon"></div>
            </div>
          </div>
        </a>
        <a class="none" href="img/location.jpg" data-rel="prettyPhoto[2]" title="Lorem ipsum dolor sit amet"></a>
        <a class="none" href="img/location-2.jpg" data-rel="prettyPhoto[2]" title="Lorem ipsum dolor sit amet"></a>         
      </div>
      <div class="col-md-4"> 
        <h2>Accommodation</h2>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><strong>Click on image for photos of accommodation</strong></p>
      </div>

    </div><!-- /.row -->
    <div class="row">
      <div class="col-md-4"> 
        <h2>Navigation</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel</p> 
      </div>
      <div class="col-md-4">
        <a rel="external" href="https://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=38.77841,-104.778929&amp;spn=0.007695,0.009828&amp;z=15&amp;output=embed"  title="Clik to open google map for exact location">
          <img src="img/google_map.png" alt="google_map" class="img-210">
        </a> 

      </div>
      <div class="col-md-4">
        <h2>Reservation</h2>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a href="http://www.example.com/">http://www.example.com/</a></p>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!-- LOCATION ENDS -->    
    
<!-- GIFTS -->
<section id="gifts">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2>We love wedding gifts :)</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
      </div>
      <div class="col-md-4 animated" data-type="bounceIn">
        <a href="img/370.jpg" data-rel="prettyPhoto[3]" title="Lorem ipsum dolor sit amet">
          <div class="square-all">
            <div class="img-container">              
              <img src="img/370.jpg" alt="gifts" class="img-circle">
              <div class="gifts-icon"></div>
            </div>
          </div>
        </a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[3]" title="Lorem ipsum dolor sit amet"></a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[3]" title="Lorem ipsum dolor sit amet"></a>             
      </div>
      
      <div class="col-md-4">     
        <h2>What we really need</h2>
        <ul class="list">
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-ok"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-remove"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
          <li><i class="fa fa-remove"></i>&nbsp;&nbsp;&nbsp;&nbsp;Le Aorem Ipsum ainsi obtenu ne seeng elit.</li>
        </ul>        
      </div>
      
    </div>
    <div class="row">
      <div class="col-md-4">
        <h2>About our honeymoon</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
      </div>
      <div class="col-md-4">
       <a href="img/210.jpg" data-rel="prettyPhoto[honeymoon]" title="Lorem ipsum dolor sit amet">
        <img src="img/210.jpg" alt="honeymoon" class="img-circle img-210"></a>        
        <a class="none" href="img/210.jpg" data-rel="prettyPhoto[honeymoon]" title="Lorem ipsum dolor sit amet"></a>
        
      </div>
      <div class="col-md-4"> 
        <h2>Honeymoon destination</h2>
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
      </div>
    </div>
  </div><!-- /.container -->
</section>
<!-- GIFTS END --> 
 
<!-- TABLEWARE --> 
<section id="tableware">
  <div class="container">
    <div class="row">
      <div class="col-md-4"> 
        <h2>Wedding tableware</h2>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p> 
      </div><!-- /.col-md-4 -->
      <div class="col-md-4">
        <a href="img/370.jpg" data-rel="prettyPhoto[4]" title="Lorem ipsum dolor sit amet">
        
          <div class="square-all">
            <div class="img-container">              
              <img src="img/370.jpg" alt="tableware" class="img-circle">
              <div class="tableware-icon"></div>
            </div>
          </div>

        </a>
        
        
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[4]" title="Lorem ipsum dolor sit amet"></a>
        <a class="none" href="img/370.jpg" data-rel="prettyPhoto[4]" title="Lorem ipsum dolor sit amet"></a>        
      </div><!-- /.col-md-4 -->
      
      
      <div class="col-md-4">  
        <h2>Several possibilities</h2>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><strong>Click on image for some auxiliary pictures</strong></p>   
      </div><!-- /.col-md-4 -->
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>  
<!-- TABLEWARE ENDS --> 

<!--  GALLERY -->
<section id="gallery">
    <!-- Slider -->
      <div class="flexslider">
        <ul class="slides">
        <!-- PORTFOLIO 1st page  --> 
          <li>
          <!-- PORTFOLIO BIG IMAGES -two- -->
            
              <div class="portfolio-big square">
                <a href="img/photos/960-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-big square">
                <a href="img/photos/960-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-2.jpg" alt="">
                </a>
              </div>
          
            <!-- PORTFOLIO MEDIUM IMAGES -four- -->
           
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
       
            <!-- PORTFOLIO SMALL IMAGES -eight- -->
          
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a  href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>    
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>   
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="gallery2" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
          
          </li>  <!-- <li> ENDS -->
          <!-- PORTFOLIO 1st page ENDS -->    
          
          <!-- PORTFOLIO 2nd page  --> 
          <li>
          <!-- PORTFOLIO BIG IMAGES -two- -->
            
              <div class="portfolio-big square">
                <a href="img/photos/960-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-big square">
                <a href="img/photos/960-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-2.jpg" alt="">
                </a>
              </div>
          
            <!-- PORTFOLIO MEDIUM IMAGES -four- -->
           
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
       
            <!-- PORTFOLIO SMALL IMAGES -eight- -->
          
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a  href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>    
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>   
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="gallery2" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
          
          </li>  <!-- <li> ENDS -->
          <!-- PORTFOLIO 2nd page ENDS -->
          
          <!-- PORTFOLIO 3rd page  --> 
           <li>
          <!-- PORTFOLIO BIG IMAGES -two- -->
            
              <div class="portfolio-big square">
                <a href="img/photos/960-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-big square">
                <a href="img/photos/960-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/960-2.jpg" alt="">
                </a>
              </div>
          
            <!-- PORTFOLIO MEDIUM IMAGES -four- -->
           
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio square">
                <a href="img/photos/480-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/480-2.jpg" alt="">
                </a>
              </div>
       
            <!-- PORTFOLIO SMALL IMAGES -eight- -->
          
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a  href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>    
              <div class="portfolio-small square">
                <a  href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
              <div class="portfolio-small square">
                <a href="img/photos/240-1.jpg" data-rel="prettyPhoto[11]" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-1.jpg" alt="">
                </a>
              </div>   
              <div class="portfolio-small square">
                <a href="img/photos/240-2.jpg" data-rel="gallery2" title="Lorem ipsum dolor sit amet">
    	          <img src="img/photos/240-2.jpg" alt="">
                </a>
              </div>
          
          </li>  <!-- <li> ENDS -->
          <!-- PORTFOLIO 3rd page ENDS -->                    
        </ul>
      </div>     
    <!-- Slider End -->  
</section>
<!-- GALLERY ENDS -->


<!-- BLOG SECTION -->
  <section id="blog">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1 class="blog-title">Our wedding blog.</h1>
        </div>
      </div>
      <div class="row">
        <div class="owl-carousel carousel-top-navigation">
        <!-- blog item inside carousel -->
        <div class="item">       
          <div class="blog-container">
            <img src="img/photos/960-1.jpg" alt="tite"> <!-- blog img -->
            <div class="blog-text">
              <h4>Image post</h4> <!-- blog post -->
              <h6>26.06.2013 - Anthony in <a href="#">Wordpress</a></h6> <!-- blogp ost date, user, category -->
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p> <!-- blog post extract -->
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div> <!-- blog text ends -->
          </div> <!-- blog container ends -->           
        </div>
        <!-- blog item inside carousel ends -->
                
        <div class="item">      
          <div class="blog-container">
            <img src="img/photos/960-2.jpg" alt="tite">
            <div class="blog-text">
              <h4>Text post</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Html 5</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>      
        </div>

        <div class="item">       
          <div class="blog-container">
            <img src="img/photos/960-1.jpg" alt="tite">
            <div class="blog-text">
              <h4>Video post</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Youtube</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>            
        </div>
                
        <div class="item">      
          <div class="blog-container">
            <img src="img/photos/960-2.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title 4</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Html 5</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>      
        </div>

        <div class="item">       
          <div class="blog-container">
            <img src="img/photos/960-1.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title 5</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Wordpress</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>            
        </div>
                
        <div class="item">      
          <div class="blog-container">
            <img src="img/photos/960-2.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title 6</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Drupal</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>      
        </div>

        <div class="item">       
          <div class="blog-container">
            <img src="img/photos/960-1.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title 7</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Art</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>            
        </div>
                
        <div class="item">      
          <div class="blog-container">
            <img src="img/photos/960-2.jpg" alt="tite">
            <div class="blog-text">
              <h4>Post title title 8</h4>
              <h6>26.06.2013 - Anthony in <a href="#">Music</a></h6>
              <p>Sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas...</p>
              <a href="blog-detail.html" rel="external"><i class="fa fa-book"></i> Read more</a> <!-- link to blog post -->
            </div>
          </div>      
        </div>
        
        </div>      
      </div>
    </div>     
  </section>



<!-- COMMENTS -->
<section id="contact">
  <div class="container">
      <div class="row">
        <div class="col-md-4">  
          <h2>We would love to read your comments</h2>
            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
            <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        </div><!-- /.col-md-4 -->
        <div class="col-md-4">  
          <a href="img/370.jpg" data-rel="prettyPhoto[5]" title="Lorem ipsum dolor sit amet">
            <div class="square-all">
              <div class="img-container">              
                <img src="img/370.jpg" alt="contact" class="img-circle">
                <div class="comments-icon"></div>
              </div>
            </div>
          </a>
          <a class="none" href="img/370.jpg" data-rel="prettyPhoto[5]" title="Lorem ipsum dolor sit amet"></a>          
          <div class="spacer35"></div> 
        </div><!-- /.col-md-4 -->
                
        <div class="col-md-4">           
          <h2>Top comment</h2>
            <p class="comment-title-top">Author: Angelika & Thomas</p>
              <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
              <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>         
        </div><!-- /.col-md-4 -->
      </div><!-- /.row -->
    <div class="row spacer35"></div>    
    <div class="row">
      <div class="col-md-6">
      <!-- FORM -->         
        <h2>Form</h2>              			
          <form class="form-main" name="ajax-form" id="ajax-form" action="#" method="post">
            <div class="commnet-form">
              <input id="name" name="name" type="text" placeholder="Name *">                                  
              <input name="email" id="email" type="text" placeholder="E-mail *">
              <textarea id="message" name="message" placeholder="Message *"></textarea>
            </div>
            <div class="row">
              <div class="col-md-12">
                <p class="submit">Thank you for your comment!      
                  <button class="send-button" type='button'> <i class="fa fa-check"></i></button>
                </p>
              </div>   
            </div>
          </form>
          <!-- FORM END -->
          <h2>Socials</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <div class="spacer35"></div>
          <!-- SOCIAL ICONS-->
            <a href="#" class="social-network animated" title="facebook" data-type="bounceIn"><i class="fa fa-facebook"></i></a>
            <a href="#" class="social-network animated" title="twitter" data-type="bounceIn"><i class="fa fa-twitter"></i></a>
            <a href="#" class="social-network animated" title="google+" data-type="bounceIn"><i class="fa fa-google-plus"></i></a>
            <a href="#" class="social-network animated" title="youtube" data-type="bounceIn"><i class="fa fa-youtube"></i></a>
          <!-- SOCIAL ICONS END to remove animation from them just remove animated and data-type-->    
          <div class="spacer35"></div>
        </div><!-- /.col-md-6 -->

        <!--  COMMENTS + COMMENTS SLIDER -->       
        <div class="col-md-6"> 
          <div class="bottom-nav-content-slider"> 
            <ul class="slides">
              <li>  <!-- COMMENTS INSIDE <li></li> -->
                <h2>All comments</h2>
                <p class="comment-title-top">Author: Jan & Andrea</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>                  
                <hr> 
                <p class="comment-title">Author: Mom & Dad</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>                  
                <hr>
                <p class="comment-title">Author: Angelika & Thomas</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <hr> 
              </li> <!--  END 1st page of comments -->

              <li>   <!-- 2nd page of comments -->  
                <h2>All comments</h2>
                <p class="comment-title-top">Author: Jan & Andrea</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>  
                <hr> 
                <p class="comment-title">Author: Mom & Dad</p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <hr>
                <p class="comment-title">Author: Angelika & <NAME></p>
                <p class="comment">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <hr>  
            </li> <!--  END 2nd page of comments --> 
          </ul>
        </div> 
      </div> 
    </div><!-- /.row --> 
  </div><!-- /.container -->
</section>
     
<!-- FOOTER -->      
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <hr class="dark">
          <p class="center">&copy; 2014 Vow.  All rights reserved. Designed by <a href="http://www.entiri.com" rel="external">www.entiri.com</a></p>
      </div>
    </div>

  <div class="row">
    <div class="col-md-12">
      <div class="circle-2">
        <div class="table-cell">
          <h1 class="fittext1">Becky & Hayley</h1>
          <h2 class="fittext2">Wed Fest</h2>
          <h3 class="fittext3">2015</h3>
        </div>
      </div> 
    </div>
  </div>  


  </div>
</footer>

    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script src="js/jquery.flexslider.js"></script>    
    <script src="js/fittext.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.sticky.js"></script>
    <script src="js/jquery.scrollTo.js"></script>
    <script src="js/jquery.nav.js"></script>
    <script src="js/jquery.appear.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.mb.YTPlayer.js"></script>
    <script src="js/jquery.fitvids.js"></script>              
    <script src="js/jquery.parallax-1.1.3.js"></script>
    <script src="js/retina.js"></script>
    <script src="js/functions.js"></script>     
</body>
</html>

{'fraction_non_alphanumeric': 0.15629310617148753, 'fraction_numerical': 0.024228958923438175, 'mean_word_length': 2.0337006867912475, 'pattern_counts': {'":': 0, '<': 2298, '<?xml version=': 0, '>': 2296, 'https://': 16, 'lorem ipsum': 0, 'www.': 14, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 138, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2294646', 'n_tokens_mistral': 33888, 'n_tokens_neox': 31196, 'n_words': 7994}