• 1.
    <!--Portfolio -->
  • 2.
         
  • 3.
         <div class="full-width"> <!-- Full Width Portfolio -->
  • 4.
         <div class="container" id="section-portfolio"><!-- Container Portfolio -->
  • 5.
         <h2 class="sixteen columns title-section title-book "><a href="#">Some of My Latest Work</a></h2>
  • 6.
     
  • 7.
         
  • 8.
                                 
  • 9.
         <div class="one-third column pt-wrp photography"><!-- One Third Column 3/1 -->
  • 10.
         <div class="portfolio-item"><!-- Portfolio Item -->
  • 11.
         <div class="portfolio-img"><!-- Portfolio img -->
  • 12.
         <div class="overlay"><!-- Overlay -->
  • 13.
         <a class="zoom"  href="img/ball.jpg"  rel="prettyPhoto" title="Magic Bowling Ball"></a>
  • 14.
         </div><!-- End Overlay -->
  • 15.
         <img class="imag-portfoliog" src="img/ball.jpg" alt="image"/>      
  • 16.
         </div><!-- End Portfolio img -->
  • 17.
         </div><!-- EndPortfolio Item -->
  • 18.
          <h5 class="title-portfolio"><a href="#">Magic Bowling Ball</a></h5>
  • 19.
         </div><!-- End One Third Column 3/1 -->
  • 20.
           
  • 21.
           
  • 22.
         <div class="one-third column pt-wrp design"><!-- One Third Column 3/1 -->
  • 23.
         <div class="portfolio-item"><!-- Portfolio Item -->
  • 24.
         <div class="portfolio-img"><!-- Portfolio img -->
  • 25.
         <div class="overlay"><!-- Overlay -->
  • 26.
         <a class="zoom"  href="img/pinocho.jpg"  rel="prettyPhoto" title="Nose Job"></a>
  • 27.
         </div><!-- End Overlay -->
  • 28.
         <img class="imag-portfoliog" src="img/pinocho.jpg" alt="image"/>      
  • 29.
         </div><!-- End Portfolio img -->
  • 30.
         </div><!-- EndPortfolio Item -->
  • 31.
         <h5 class="title-portfolio"><a href="#">Nose Job</a></h5>
  • 32.
         </div><!-- End One Third Column 3/1 -->
  • 33.
           
  • 34.
           
  • 35.
         <div class="one-third column pt-wrp design photography"><!-- One Third Column 3/1 -->
  • 36.
         <div class="portfolio-item"><!-- Portfolio Item -->
  • 37.
         <div class="portfolio-img"><!-- Portfolio img -->
  • 38.
         <div class="overlay"><!-- Overlay -->
  • 39.
         <a class="zoom"  href="img/abductee.jpg"  rel="prettyPhoto" title="Abductee"></a>
  • 40.
         </div><!-- End Overlay -->
  • 41.
         <img class="imag-portfoliog" src="img/abductee.jpg" alt="image"/>      
  • 42.
         </div><!-- End Portfolio img -->
  • 43.
         </div><!-- EndPortfolio Item -->
  • 44.
         <h5 class="title-portfolio"><a href="#">Abductee</a></h5>
  • 45.
         </div><!-- End One Third Column 3/1 -->
  • 46.
         
  • 47.
         <div class="clearfix"></div>
  • 48.
         
  • 49.
         
  • 50.
         <div class="one-third column pt-wrp web-design"><!-- One Third Column 3/1 -->
  • 51.
         <div class="portfolio-item"><!-- Portfolio Item -->
  • 52.
         <div class="portfolio-img"><!-- Portfolio img -->
  • 53.
         <div class="overlay"><!-- Overlay -->
  • 54.
         <a class="zoom"  href="img/props.jpg"  rel="prettyPhoto" title="Office Props"></a>
  • 55.
         </div><!-- End Overlay -->
  • 56.
         <img class="imag-portfoliog" src="img/props.jpg" alt="image"/>      
  • 57.
         </div><!-- End Portfolio img -->
  • 58.
         </div><!-- EndPortfolio Item -->
  • 59.
          <h5 class="title-portfolio"><a href="#">Office Props</a></h5>
  • 60.
         </div><!-- End One Third Column 3/1 -->
  • 61.
           
  • 62.
           
  • 63.
         <div class="one-third column pt-wrp illustration web-design"><!-- One Third Column 3/1 -->
  • 64.
         <div class="portfolio-item"><!-- Portfolio Item -->
  • 65.
         <div class="portfolio-img"><!-- Portfolio img -->
  • 66.
         <div class="overlay"><!-- Overlay -->
  • 67.
         <a class="zoom"  href="img/broken.jpg"  rel="prettyPhoto" title="Broken"></a>
  • 68.
         </div><!-- End Overlay -->
  • 69.
         <img class="imag-portfoliog" src="img/broken.jpg" alt="image"/>      
  • 70.
         </div><!-- End Portfolio img -->
  • 71.
         </div><!-- EndPortfolio Item -->
  • 72.
         <h5 class="title-portfolio"><a href="#">Broken</a></h5>
  • 73.
         </div><!-- End One Third Column 3/1 -->
  • 74.
           
  • 75.
           
  • 76.
         <div class="one-third column pt-wrp illustration design"><!-- One Third Column 3/1 -->
  • 77.
         <div class="portfolio-item"><!-- Portfolio Item -->
  • 78.
         <div class="portfolio-img"><!-- Portfolio img -->
  • 79.
         <div class="overlay"><!-- Overlay -->
  • 80.
         <a class="zoom"  href="img/enemies.jpg"  rel="prettyPhoto" title="Arch Enemies"></a>
  • 81.
         </div><!-- End Overlay -->
  • 82.
         <img class="imag-portfoliog" src="img/enemies.jpg" alt="image"/>      
  • 83.
         </div><!-- End Portfolio img -->
  • 84.
         </div><!-- EndPortfolio Item -->
  • 85.
         <h5 class="title-portfolio"><a href="#">Arch Enemies</a></h5>
  • 86.
         </div><!-- End One Third Column 3/1 -->
  • 87.
           
  • 88.
           
  • 89.
         
  • 90.
         
  • 91.
     
  • 92.
         
  • 93.
         </div><!-- End Container Portfolio -->
  • 94.
         </div><!-- End Full Width Portfolio -->
<!--Portfolio --> <div class="full-width"> <!-- Full Width Portfolio --> <div class="container" id="section-portfolio"><!-- Container Portfolio --> <h2 class="sixteen columns title-section title-book "><a href="#">Some of My Latest Work</a></h2> <div class="one-third column pt-wrp photography"><!-- One Third Column 3/1 --> <div class="portfolio-item"><!-- Portfolio Item --> <div class="portfolio-img"><!-- Portfolio img --> <div class="overlay"><!-- Overlay --> <a class="zoom" href="img/ball.jpg" rel="prettyPhoto" title="Magic Bowling Ball"></a> </div><!-- End Overlay --> <img class="imag-portfoliog" src="img/ball.jpg" alt="image"/> </div><!-- End Portfolio img --> </div><!-- EndPortfolio Item --> <h5 class="title-portfolio"><a href="#">Magic Bowling Ball</a></h5> </div><!-- End One Third Column 3/1 --> <div class="one-third column pt-wrp design"><!-- One Third Column 3/1 --> <div class="portfolio-item"><!-- Portfolio Item --> <div class="portfolio-img"><!-- Portfolio img --> <div class="overlay"><!-- Overlay --> <a class="zoom" href="img/pinocho.jpg" rel="prettyPhoto" title="Nose Job"></a> </div><!-- End Overlay --> <img class="imag-portfoliog" src="img/pinocho.jpg" alt="image"/> </div><!-- End Portfolio img --> </div><!-- EndPortfolio Item --> <h5 class="title-portfolio"><a href="#">Nose Job</a></h5> </div><!-- End One Third Column 3/1 --> <div class="one-third column pt-wrp design photography"><!-- One Third Column 3/1 --> <div class="portfolio-item"><!-- Portfolio Item --> <div class="portfolio-img"><!-- Portfolio img --> <div class="overlay"><!-- Overlay --> <a class="zoom" href="img/abductee.jpg" rel="prettyPhoto" title="Abductee"></a> </div><!-- End Overlay --> <img class="imag-portfoliog" src="img/abductee.jpg" alt="image"/> </div><!-- End Portfolio img --> </div><!-- EndPortfolio Item --> <h5 class="title-portfolio"><a href="#">Abductee</a></h5> </div><!-- End One Third Column 3/1 --> <div class="clearfix"></div> <div class="one-third column pt-wrp web-design"><!-- One Third Column 3/1 --> <div class="portfolio-item"><!-- Portfolio Item --> <div class="portfolio-img"><!-- Portfolio img --> <div class="overlay"><!-- Overlay --> <a class="zoom" href="img/props.jpg" rel="prettyPhoto" title="Office Props"></a> </div><!-- End Overlay --> <img class="imag-portfoliog" src="img/props.jpg" alt="image"/> </div><!-- End Portfolio img --> </div><!-- EndPortfolio Item --> <h5 class="title-portfolio"><a href="#">Office Props</a></h5> </div><!-- End One Third Column 3/1 --> <div class="one-third column pt-wrp illustration web-design"><!-- One Third Column 3/1 --> <div class="portfolio-item"><!-- Portfolio Item --> <div class="portfolio-img"><!-- Portfolio img --> <div class="overlay"><!-- Overlay --> <a class="zoom" href="img/broken.jpg" rel="prettyPhoto" title="Broken"></a> </div><!-- End Overlay --> <img class="imag-portfoliog" src="img/broken.jpg" alt="image"/> </div><!-- End Portfolio img --> </div><!-- EndPortfolio Item --> <h5 class="title-portfolio"><a href="#">Broken</a></h5> </div><!-- End One Third Column 3/1 --> <div class="one-third column pt-wrp illustration design"><!-- One Third Column 3/1 --> <div class="portfolio-item"><!-- Portfolio Item --> <div class="portfolio-img"><!-- Portfolio img --> <div class="overlay"><!-- Overlay --> <a class="zoom" href="img/enemies.jpg" rel="prettyPhoto" title="Arch Enemies"></a> </div><!-- End Overlay --> <img class="imag-portfoliog" src="img/enemies.jpg" alt="image"/> </div><!-- End Portfolio img --> </div><!-- EndPortfolio Item --> <h5 class="title-portfolio"><a href="#">Arch Enemies</a></h5> </div><!-- End One Third Column 3/1 --> </div><!-- End Container Portfolio --> </div><!-- End Full Width Portfolio -->

Copy Code to Clipboard Raw

Sign-in or Create a Free Account.

Snippi uses Twitter or Facebook to register and create accounts. Registration will enable you to keep track of your snippets. We never spam your timeline or wall. Ever.

Sign-in with Facebook Sign-in with Twitter