Advertisement
Guest User

Untitled

a guest
Mar 18th, 2013
846
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.98 KB | None | 0 0
  1.  
  2. <html class=" js no-touch svg inlinesvg svgclippaths no-ie8compat js no-touch svg inlinesvg svgclippaths no-ie8compat" lang="en" style="">
  3. <!--<![endif]-->
  4. <head>
  5. <meta charset="utf-8">
  6. <!-- Set the viewport width to device width for mobile -->
  7. <meta name="viewport" content="width=device-width">
  8. <title>Welcome to Foundation</title>
  9. <link rel="stylesheet" href="css/normalize.css">
  10. <link rel="stylesheet" href="css/foundation.css">
  11. <script src="js/vendor/custom.modernizr.js"></script>
  12. <link href="css/photo-styles.css" type="text/css" rel="stylesheet" />
  13. <link href="css/photoswipe.css" type="text/css" rel="stylesheet" />
  14.  
  15. </head>
  16. <body marginwidth="0" marginheight="0">
  17. <div class="row header">
  18.  
  19. <!-- First Band (Slider) -->
  20. <div class="row">
  21.  
  22. </div>
  23. <!-- Three-up Content Blocks -->
  24.  
  25.  
  26. <!-- Call to Action Panel -->
  27. <div class="row">
  28. <div class="large-12 columns">
  29. <div id="MainContent">
  30.  
  31. <div class="page-content">
  32. <h1>PhotoSwipe</h1>
  33. </div>
  34.  
  35. <ul id="Gallery" class="gallery">
  36.  
  37. <li><a href="photos/full/001.jpg"><img src="photos/thumb/001.jpg" alt="Image 001" /></a></li>
  38. <li><a href="photos/full/002.jpg"><img src="photos/thumb/002.jpg" alt="Image 002" /></a></li>
  39. <li><a href="photos/full/003.jpg"><img src="photos/thumb/003.jpg" alt="Image 003" /></a></li>
  40. <li><a href="photos/full/004.jpg"><img src="photos/thumb/004.jpg" alt="Image 004" /></a></li>
  41. <li><a href="photos/full/005.jpg"><img src="photos/thumb/005.jpg" alt="Image 005" /></a></li>
  42. <li><a href="photos/full/006.jpg"><img src="photos/thumb/006.jpg" alt="Image 006" /></a></li>
  43. <li><a href="photos/full/007.jpg"><img src="photos/thumb/007.jpg" alt="Image 007" /></a></li>
  44. <li><a href="photos/full/008.jpg"><img src="photos/thumb/008.jpg" alt="Image 008" /></a></li>
  45. <li><a href="photos/full/009.jpg"><img src="photos/thumb/009.jpg" alt="Image 009" /></a></li>
  46. <li><a href="photos/full/010.jpg"><img src="photos/thumb/010.jpg" alt="Image 010" /></a></li>
  47. <li><a href="photos/full/011.jpg"><img src="photos/thumb/011.jpg" alt="Image 011" /></a></li>
  48. <li><a href="photos/full/012.jpg"><img src="photos/thumb/012.jpg" alt="Image 012" /></a></li>
  49. <li><a href="photos/full/013.jpg"><img src="photos/thumb/013.jpg" alt="Image 013" /></a></li>
  50. <li><a href="photos/full/014.jpg"><img src="photos/thumb/014.jpg" alt="Image 014" /></a></li>
  51. <li><a href="photos/full/015.jpg"><img src="photos/thumb/015.jpg" alt="Image 015" /></a></li>
  52. <li><a href="photos/full/016.jpg"><img src="photos/thumb/016.jpg" alt="Image 016" /></a></li>
  53. <li><a href="photos/full/017.jpg"><img src="photos/thumb/017.jpg" alt="Image 017" /></a></li>
  54. <li><a href="photos/full/018.jpg"><img src="photos/thumb/018.jpg" alt="Image 018" /></a></li>
  55.  
  56. </ul>
  57.  
  58. </div>
  59.  
  60. </div>
  61. </div>
  62.  
  63.  
  64. <!-- Included JS Files -->
  65. <!-- Included JS Files (Uncompressed) -->
  66. <script src="js/vendor/jquery.js"></script>
  67. <script src="js/vendor/zepto.js"></script>
  68. <script src="js/foundation/foundation.js"></script>
  69. <script src="js/foundation/foundation.cookie.js"></script>
  70. <script src="js/foundation/foundation.alerts.js"></script>
  71. <script src="js/foundation/foundation.clearing.js"></script>
  72. <script src="js/foundation/foundation.dropdown.js"></script>
  73. <script src="js/foundation/foundation.forms.js"></script>
  74. <script src="js/foundation/foundation.joyride.js"></script>
  75. <script src="js/foundation/foundation.magellan.js"></script>
  76. <script src="js/foundation/foundation.orbit.js"></script>
  77. <script src="js/foundation/foundation.placeholder.js"></script>
  78. <script src="js/foundation/foundation.reveal.js"></script>
  79. <script src="js/foundation/foundation.section.js"></script>
  80. <script src="js/foundation/foundation.tooltips.js"></script>
  81. <script src="js/foundation/foundation.topbar.js"></script>
  82. <!-- Application Javascript, safe to override -->
  83. <script src="js/foundation/index.js"></script>
  84. <script type="text/javascript" src="js/klass.min.js"></script>
  85. <script type="text/javascript" src="js/photoswipe.js"></script>
  86.  
  87.  
  88. <script type="text/javascript">
  89.  
  90. (function(window, PhotoSwipe){
  91.  
  92. document.addEventListener('DOMContentLoaded', function(){
  93.  
  94. var
  95. options = {},
  96. instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
  97.  
  98. }, false);
  99.  
  100.  
  101. },
  102.  
  103.  
  104.  
  105. (window, window.Code.PhotoSwipe));
  106.  
  107.  
  108.  
  109.  
  110. </script>
  111. <!-- End Footer -->
  112.  
  113.  
  114. </div></body>
  115.  
  116. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement