Advertisement
Guest User

Untitled

a guest
Jul 29th, 2015
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.90 KB | None | 0 0
  1. <!-- START PORTFOLIO SECTION -->
  2. <div id="portfolio" class="page">
  3.  
  4. <div class="container">
  5. <div class="row">
  6. <div class="sixteen columns">
  7. <!-- START TITLE -->
  8. <div class="title">
  9. <h1>Our Gallery</h1>
  10. <div class="subtitle">
  11. <p>This is just a place holder. <span class="highlight">This</span> is just a <span class="highlight">placeholder.</span></p>
  12. </div><!-- END SUBTITLE -->
  13. </div><!-- END TITLE -->
  14. </div><!-- END SIXTEEN COLUMNS -->
  15. </div><!-- END ROW -->
  16. </div><!-- END CONTAINER -->
  17.  
  18. <!-- START AJAX SECTION -->
  19. <div id="ajax-section">
  20. <div class="container clearfix">
  21.  
  22.  
  23. <!-- START PROJECT NAVIGATION -->
  24. <div id="project-navigation">
  25. <ul>
  26. <li id="nextProject"><a href="#"></a></li>
  27. <li id="prevProject"><a href="#"></a></li>
  28. </ul>
  29. </div>
  30. <!-- END PROJECT NAVIGATION -->
  31.  
  32. <!-- START PROJECT CLOSE BUTTON -->
  33. <div id="closeProject">
  34. <a href="#loader"><i class="icon-remove"></i></a>
  35.  
  36. </div>
  37. <!-- START PROJECT CLOSE BUTTON -->
  38.  
  39. <!-- START PROJECT LOADER SECTION -->
  40. <div id="loader"></div>
  41. <!-- END PROJECT CLOSE BUTTON -->
  42.  
  43. <!-- START AJAX CONTENT -->
  44. <div id="ajax-content-outer">
  45. <div id="ajax-content-inner"></div>
  46. </div>
  47. <!-- END AJAX CONTENT -->
  48.  
  49. </div><!-- END CONTAINER -->
  50.  
  51. </div>
  52. <!-- END AJAX SECTION -->
  53.  
  54. <div class="clear"></div>
  55.  
  56.  
  57.  
  58. <div class="container clearfix">
  59.  
  60. <!-- START PORTFOLIO FILTERING -->
  61. <div id="filters" class="sixteen columns">
  62.  
  63. <ul class="clearfix">
  64. <li><a href="#" data-filter="*" class="active"><h3>All</h3></a></li>
  65. <li><a href="#" data-filter=".branding"><h3>Category #1</h3></a></li>
  66. <li><a href="#" data-filter=".design"><h3>Category #2</h3></a></li>
  67. <li><a href="#" data-filter=".photography"><h3>Category #3</h3></a></li>
  68. <li><a href="#" data-filter=".videography"><h3>Category #4</h3></a></li>
  69. <li><a href="#" data-filter=".web"><h3>Category #5</h3></a></li>
  70. </ul>
  71. </div><!-- END PORTFOLIO FILTERING -->
  72. </div><!-- END CONTAINER -->
  73.  
  74.  
  75. <!-- START PORTFOLIO WRAP -->
  76. <div id="portfolio-wrap">
  77.  
  78. <!-- START PORTFOLIO ITEM -->
  79. <div class="portfolio-item one-third column design videography photography web branding">
  80. <div class="portfolio">
  81. <a href="#" class="portfolio-image">
  82. <img src="images/portfolio/portfolio1.jpg" alt="Portfolio 1"/><!-- END PORTFOLIO IMAGE -->
  83.  
  84. <div class="portfolio-overlay">
  85. <div class="thumb-info">
  86. <h3>Featured Image</h3><!-- OVERLAY TITLE -->
  87. <p class="portfolio-tags">Photography, Videography</p><!-- END PORTFOLIO TAGS -->
  88. <i class="icon-picture"></i><!-- OVERLAY ICON -->
  89. </div>
  90. </div><!-- END PORTFOLIO OVERLAY -->
  91.  
  92. </a>
  93. </div>
  94. </div>
  95. <!-- END PORTFOLIO ITEM -->
  96.  
  97. </div>
  98. <!-- END PORTFOLIO WRAPPER -->
  99.  
  100. </div>
  101. <!-- END PORTFOLIO SECTION -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement