PageRenderTime 125ms CodeModel.GetById 15ms RepoModel.GetById 0ms app.codeStats 0ms

/Templates/soboxy.html

https://bitbucket.org/ggolding/canyon-lake-relo
HTML | 234 lines | 115 code | 57 blank | 62 comment | 0 complexity | f6672496001af7c4e8c7dbc7160030d7 MD5 | raw file
  1. <!DOCTYPE html>
  2. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  3. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  4. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  5. <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
  6. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  7. <head>
  8. <meta charset="utf-8" />
  9. <!-- Set the viewport width to device width for mobile -->
  10. <meta name="viewport" content="width=device-width" />
  11. <title>Welcome to Foundation | Banded</title>
  12. <!-- Included CSS Files (Uncompressed) -->
  13. <!--
  14. <link rel="stylesheet" href="../stylesheets/foundation.css">
  15. -->
  16. <!-- Included CSS Files (Compressed) -->
  17. <link rel="stylesheet" href="../stylesheets/foundation.min.css">
  18. <link rel="stylesheet" href="../stylesheets/app.css">
  19. <script src="../javascripts/modernizr.foundation.js"></script>
  20. </head>
  21. <body>
  22. <div class="row">
  23. <div class="twelve columns">
  24. <!-- Navigation -->
  25. <ul class="nav-bar">
  26. <li class="active"><a href="#">Nav Item 1</a></li>
  27. <li><a href="#">Nav Item 2</a></li>
  28. <li><a href="#">Nav Item 3</a></li>
  29. </ul>
  30. <!-- End Navigation -->
  31. <!-- Header Content -->
  32. <div class="row">
  33. <div class="six columns">
  34. <img src="http://placehold.it/500x500&text=Image"><br>
  35. </div>
  36. <div class="six columns">
  37. <h3 class="show-for-small">Header<hr/></h3>
  38. <div class="panel">
  39. <h4 class="hide-for-small">Header<hr/></h4>
  40. <h5 class="subheader">Fusce ullamcorper mauris in eros dignissim molestie posuere felis blandit. Aliquam erat volutpat. Mauris ultricies posuere vehicula. Sed sit amet posuere erat. Quisque in ipsum non augue euismod dapibus non et eros. Pellentesque consectetur tempus mi iaculis bibendum. Ut vel dolor sed eros tincidunt volutpat ac eget leo.</h5>
  41. </div>
  42. <div class="row">
  43. <div class="six mobile-two columns">
  44. <div class="panel">
  45. <h5>Header</h5>
  46. <h6 class="subheader">Praesent placerat dui tincidunt elit suscipit sed.</h6>
  47. <a href="#" class="small button">BUTTON TIME!</a>
  48. </div>
  49. </div>
  50. <div class="six mobile-two columns">
  51. <div class="panel">
  52. <h5>Header</h5>
  53. <h6 class="subheader">Praesent placerat dui tincidunt elit suscipit sed.</h6>
  54. <a href="#" class="small button">BUTTON TIME!</a>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <!-- End Header Content -->
  61. <!-- Search Bar -->
  62. <div class="row">
  63. <div class="twelve columns">
  64. <div class="radius panel">
  65. <form>
  66. <div class="row collapse">
  67. <div class="ten mobile-three columns">
  68. <input type="text" />
  69. </div>
  70. <div class="two mobile-one columns">
  71. <a href="#" class="postfix button expand">Search</a>
  72. </div>
  73. </div>
  74. </form>
  75. </div>
  76. </div>
  77. </div>
  78. <!-- End Search Bar -->
  79. <!-- Thumbnails -->
  80. <div class="row">
  81. <div class="twelve show-for-small columns">
  82. <h3>Header</h3><hr>
  83. </div>
  84. <div class="three mobile-two columns">
  85. <img src="http://placehold.it/500x500&text=Thumbnail">
  86. <div class="panel">
  87. <p>Description</p>
  88. </div>
  89. </div>
  90. <div class="three mobile-two columns">
  91. <img src="http://placehold.it/500x500&text=Thumbnail">
  92. <div class="panel">
  93. <p>Description</p>
  94. </div>
  95. </div>
  96. <div class="three mobile-two columns">
  97. <img src="http://placehold.it/500x500&text=Thumbnail">
  98. <div class="panel">
  99. <p>Description</p>
  100. </div>
  101. </div>
  102. <div class="three mobile-two columns">
  103. <img src="http://placehold.it/500x500&text=Thumbnail">
  104. <div class="panel">
  105. <p>Description</p>
  106. </div>
  107. </div>
  108. </div>
  109. <!-- End Thumbnails -->
  110. <!-- Footer -->
  111. <footer class="row">
  112. <div class="twelve columns"><hr />
  113. <div class="row">
  114. <div class="six columns">
  115. <p>&copy; Copyright no one at all. Go to town.</p>
  116. </div>
  117. <div class="six columns">
  118. <ul class="link-list right">
  119. <li><a href="#">Link 1</a></li>
  120. <li><a href="#">Link 2</a></li>
  121. <li><a href="#">Link 3</a></li>
  122. <li><a href="#">Link 4</a></li>
  123. </ul>
  124. </div>
  125. </div>
  126. </div>
  127. </footer>
  128. <!-- End Footer -->
  129. </div>
  130. </div>
  131. <!-- Included JS Files (Uncompressed) -->
  132. <!--
  133. <script src="../javascripts/jquery.js"></script>
  134. <script src="../javascripts/jquery.foundation.mediaQueryToggle.js"></script>
  135. <script src="../javascripts/jquery.foundation.forms.js"></script>
  136. <script src="../javascripts/jquery.event.move.js"></script>
  137. <script src="../javascripts/jquery.event.swipe.js"></script>
  138. <script src="../javascripts/jquery.foundation.reveal.js"></script>
  139. <script src="../javascripts/jquery.foundation.orbit.js"></script>
  140. <script src="../javascripts/jquery.foundation.navigation.js"></script>
  141. <script src="../javascripts/jquery.foundation.buttons.js"></script>
  142. <script src="../javascripts/jquery.foundation.tabs.js"></script>
  143. <script src="../javascripts/jquery.foundation.tooltips.js"></script>
  144. <script src="../javascripts/jquery.foundation.accordion.js"></script>
  145. <script src="../javascripts/jquery.placeholder.js"></script>
  146. <script src="../javascripts/jquery.foundation.alerts.js"></script>
  147. <script src="../javascripts/jquery.foundation.topbar.js"></script>
  148. <script src="../javascripts/jquery.foundation.joyride.js"></script>
  149. <script src="../javascripts/jquery.foundation.clearing.js"></script>
  150. <script src="../javascripts/jquery.foundation.magellan.js"></script>
  151. -->
  152. <!-- Included JS Files (Compressed) -->
  153. <script src="../javascripts/jquery.js"></script>
  154. <script src="../javascripts/foundation.min.js"></script>
  155. <!-- Initialize JS Plugins -->
  156. <script src="../javascripts/app.js"></script>
  157. </body>
  158. </html>