Mini Shell

   <section class="works-item-dets-wrap">
      <div class="container">
         <div class="col-wks-1">
            <div class="works-item-date-box">08 Jan 2014</div>
         </div> <!-- end col-wks-1 -->
         <div class="col-wks-2 aligncenter">
            <h1 class="portfolio-item-title">Portfolio Item</h1>
         </div> <!-- end col-wks-2 -->
         <div class="col-wks-3">
            <div class="works-item-cat-box">
               <span class="wrks-itm-cat"> <a href="#">Solid</a></span>
            </div>
         </div> <!-- end col-wks-3 -->
      </div> <!-- end container -->
   </section> <!-- end works-item-dets-wrap -->

   <section class="blox dark page-title-x blox1">
      <div class="container">
         <div class="col-sm-12 aligncenter">
            <hr class="vertical-space4">
            <h1>IPSUM PROJECT</h1>
            <h3>Promoting the amazing <strong>Custom Project</strong></h3>
            <h4>September 2014</h4>
         </div>
      </div> <!-- end container -->
   </section> <!-- end blox -->

   <section class="container">
      <div class="col-sm-12">
         <hr class="vertical-space3">
         <div class="slog-tx2 aligncenter">
             <h1 class="tagline-bold">Moderatius in duo</h1>
             <h3>Extent is said to be the ultimate theme for online business. It presents a modern business solutions packed with a great quantity of high end features.</h3>
          </div>
          <hr class="vertical-space4">
          <hr class="vertical-space1">
      </div> <!-- end col-sm-12 -->
      <div class="col-sm-12">
         <div class="col-sm-8">
            <div class="gallery_slides flexslider" data-interval="3" data-flex_fx="slide">
                <ul class="slides">
                   <li><img src="../images/pages/px3.jpg" alt="travel-tis03" /></li>
                   <li><img src="../images/pages/px1.jpg" alt="travel-tis02" /></li>
                   <li><img src="../images/pages/px2.jpg" alt="travel-tis01" /></li>
                </ul>
             </div> <!-- end gallery slider -->
         </div> <!-- end col-sm-8 -->
         <div class="col-sm-4">
            <div class="max-title">
               <h2>Project Detail</h2>
               <span class="max-line"></span>
            </div>
            <p>Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.</p>
            <p>Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat. et rutrum. Integer commodo tristique odio, quis fringilla ligula aliquet ut.</p>
         </div>
      </div> <!-- end col-sm-12 -->
      <div class="col-sm-12">
         <hr class="vertical-space2">
         <div class="col-sm-3"></div>
         <div class="col-sm-6">
            <h3 class="aligncenter"><strong>Contentiones</strong></h3>
            <p class="aligncenter">Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.</p>
            <p class="aligncenter">Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam. Aliquam erat volutpat.</p>
         </div>
         <div class="col-sm-3"></div>
         <hr class="vertical-space2">
      </div> <!-- end col-sm-12 -->
      <div class="col-sm-12">
         <iframe src="http://player.vimeo.com/video/27973852" width="940" height="529"  title="The Street Aesthetic of New York City" ></iframe>
         <hr class="vertical-space3">
      </div> <!-- end col-sm-12 -->
   </section> <!-- end container -->