API tools faq
paste
Advertisement
virtualideaz

marketing II page template in plain html

virtualideaz
Oct 21st, 2014
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.84 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>marketing page template 2</title>
  4. </head>
  5. <body>
  6.  
  7. <nav class="top-bar" data-topbar>
  8. <ul class="title-area">
  9. <li class="name">
  10.  
  11. <h1><a href="#">My Site</a></h1>
  12. </li>
  13. <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
  14. </ul>
  15.  
  16. <section class="top-bar-section">
  17.  
  18. <ul class="right">
  19. <li><a href="#">Nav Button</a></li>
  20. <li><a href="#">Nav Button</a></li>
  21. <li><a href="#">Nav Button</a></li>
  22. <li><a href="#">Nav Button</a></li>
  23. <li><a href="#">Nav Button</a></li>
  24. <li><a href="#">Nav Button</a></li>
  25. </ul>
  26. </section>
  27. </nav>
  28.  
  29. <header>
  30. <div class="row">
  31. <div class="large-12 column">
  32. <img src="http://placehold.it/1500x400&text=[stuff and img]">
  33. </div>
  34. </div>
  35. </header>
  36. <br>
  37. <div class="row">
  38. <div class="medium-3 large-3 text-center columns">
  39. <img src="http://placehold.it/150x150&text=[things]">
  40. <h4>Title of Content</h4>
  41. <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
  42. </div>
  43. <div class="medium-3 large-3 text-center column">
  44. <img src="http://placehold.it/150x150&text=[things]">
  45. <h4>Title of Content</h4>
  46. <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
  47. </div>
  48. <div class="medium-3 large-3 text-center column">
  49. <img src="http://placehold.it/150x150&text=[things]">
  50. <h4>Title of Content</h4>
  51. <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
  52. </div>
  53. <div class="medium-3 large-3 text-center column">
  54. <img src="http://placehold.it/150x150&text=[things]">
  55. <h4>Title of Content</h4>
  56. <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
  57. </div>
  58. </div>
  59.  
  60. <ul class="example-orbit-content" data-orbit>
  61. <li data-orbit-slide="headline-1">
  62. <div class="text-center panel">
  63. <h2>Headline 1</h2>
  64. <h3>Subheadline</h3>
  65. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!</p>
  66. </div>
  67. </li>
  68. <li data-orbit-slide="headline-2">
  69. <div class="text-center panel">
  70. <h2>Headline 2</h2>
  71. <h3>Subheadline</h3>
  72. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!</p>
  73. </div>
  74. </li>
  75. <li data-orbit-slide="headline-3">
  76. <div class="text-center panel">
  77. <h2>Headline 3</h2>
  78. <h3>Subheadline</h3>
  79. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos animi, nobis illo. Repellendus atque dolorem, officia recusandae autem, laudantium consectetur, neque!</p>
  80. </div>
  81. </li>
  82. </ul>
  83.  
  84. <div class="row">
  85. <div class="large-12 columns">
  86. <h2>Secondary Header</h2>
  87. </div>
  88. </div>
  89. <div class="row">
  90. <div class="medium-4 large-4 columns">
  91. <h3>Title of Content</h3>
  92. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
  93. <h3>Title of Content</h3>
  94. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
  95. <h3>Title of Content</h3>
  96. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
  97. </div>
  98. <div class="medium-4 large-4 columns">
  99. <h3>Title of Content</h3>
  100. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
  101. <h3>Title of Content</h3>
  102. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
  103. <h3>Title of Content</h3>
  104. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus illo debitis, enim qui nemo harum perspiciatis inventore, facere omnis neque ipsam.</p>
  105. </div>
  106. <div class="medium-4 large-4 columns text-center">
  107. <img src="http://placehold.it/300x500&text=[things]">
  108. </div>
  109. </div>
  110.  
  111. <hr>
  112.  
  113. <div class="row">
  114. <div class="large-12 columns">
  115. <h2>Tertiary Header</h2>
  116. </div>
  117. </div>
  118. <div class="row">
  119. <div class="medium-4 large-4 columns text-center">
  120. <img src="http://placehold.it/300x250&text=[things]">
  121. <p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.</p>
  122. </div>
  123. <div class="medium-4 large-4 columns text-center">
  124. <img src="http://placehold.it/300x250&text=[things]">
  125. <p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.</p>
  126. </div>
  127. <div class="medium-4 large-4 columns text-center">
  128. <img src="http://placehold.it/300x250&text=[things]">
  129. <p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dicta hic ut suscipit molestias numquam ab unde nulla repellendus incidunt, magnam reiciendis odio, dolorum labore asperiores odit assumenda ex delectus.</p>
  130. </div>
  131. </div>
  132.  
  133. <div class="panel">
  134. <div class="row">
  135. <div class="medium-6 large-6 columns">© Copyright no one at all. Go to town.</div>
  136. <div class="medium-6 large-6 columns">
  137. <ul class="inline-list right">
  138. <li><a href="#">link</a></li>
  139. <li><a href="#">link</a></li>
  140. <li><a href="#">link</a></li>
  141. <li><a href="#">link</a></li>
  142. </ul>
  143. </div>
  144. </div>
  145. </div>
  146.  
  147.  
  148. </body>
  149. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!