API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 1st, 2017
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title></title>
  5. <meta charset="utf-8">
  6. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pr‌​o" rel="stylesheet">
  7. <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  8. <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
  9. <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
  10. <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  11. <script type="text/javascript" src="js/jquery-1.6.js" ></script>
  12. <script type="text/javascript" src="js/cufon-yui.js"></script>
  13. <script type="text/javascript" src="js/cufon-replace.js"></script>
  14. <script type="text/javascript" src="js/Ubuntu_400.font.js"></script>
  15. <script type="text/javascript" src="js/Ubuntu_700.font.js"></script>
  16. <script type="text/javascript" src="js/bgSlider.js" ></script>
  17. <script type="text/javascript" src="js/script.js" ></script>
  18. <script type="text/javascript" src="js/pages.js"></script>
  19. <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  20. <script type="text/javascript" src="js/bg.js" ></script>
  21. <script type="text/javascript" src="js/tabs.js"></script>
  22. <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
  23. <!--[if lt IE 9]>
  24. <script type="text/javascript" src="js/html5.js"></script>
  25. <![endif]-->
  26. <!--[if lt IE 7]>
  27. <div style='clear:both;text-align:center;position:relative'>
  28. <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
  29. </div>
  30. <![endif]-->
  31. <style>
  32. @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
  33. </style>
  34. </head>
  35. <body id="page1">
  36. <div class="spinner"></div>
  37. <div id="bgSlider"></div>
  38. <div class="extra">
  39. <div class="main">
  40. <div class="box">
  41. <!-- header -->
  42. <header>
  43. <h1><a href="index.html" id="logo">Thom Sander Photographer’s Portfolio</a></h1>
  44. <nav>
  45. <ul id="menu">
  46. <li><a href="#!/page_Home"><span></span><strong>Home Page</strong></a></li>
  47. <li><a href="#!/page_About"><span></span><strong>About</strong></a></li>
  48. <li><a href="#!/page_Portfolio"><span></span><strong>Portfolio</strong></a></li>
  49. <li><a href="#!/page_Services"><span></span><strong>My Services</strong></a></li>
  50. <li><a href="#!/page_Contact"><span></span><strong>Contact</strong></a></li>
  51. </ul>
  52. </nav>
  53. </header>
  54. <!--content -->
  55. <article id="content">
  56.  
  57. <ul>
  58. <li id="page_Home">
  59. <div class="box1">
  60. <div class="inner">
  61. <a href="#" class="close" data-type="close"><span></span></a>
  62. <div class="wrapper pad_bot1">
  63. <div class="col1">
  64. <h2>Shortly About Me</h2>
  65. <figure><img src="images/page1_img1.jpg" alt="" class="pad_bot1"></figure>
  66. <p class="pad_bot1">Photographer’s Portfolio is one of <a href="http://blog.templatemonster.com/free-website-templates/" target="_blank">free web templates</a> created by TemplateMonster.com team, optimized for 1280X1024 screen res.</p>
  67. <a href="#!/page_More" class="button1"><span></span><strong>Read More</strong></a>
  68. </div>
  69. <div class="col1 pad_left1">
  70. <h2>What’s New</h2>
  71. <div class="wrapper">
  72. <span class="date"><strong>25</strong><span>sept</span></span>
  73. <div class="col2">
  74. <p class="pad_bot2 color1"><strong>Vero eos accusamus</strong></p>
  75. <p>This <a href="http://blog.templatemonster.com/2011/09/19/free-website-template-full-js-photography/" target="_blank" rel="nofollow">Photographer’s Portfolio Template</a> goes with 2 packages– with PSD files (available for regi- stered members) &amp; without them.</p>
  76. </div>
  77. </div>
  78. <div class="wrapper">
  79. <span class="date"><strong>22</strong><span>sept</span></span>
  80. <div class="col2">
  81. <p class="pad_bot2 color1"><strong>Excepturi sint occaecati</strong></p>
  82. <p class="pad_bot1">This template has several pages: <a href="#!/page_Home">Home Page</a>, <a href="#!/page_About">About</a>, <a href="#!/page_Portfolio">Portfolio</a>, <a href="#!/page_Services">My Services</a>, <a href="#!/page_Contact">Contact</a> (note that contact us form – doesn’t work).</p>
  83. </div>
  84. </div>
  85. <a href="#!/page_More" class="button1"><span></span><strong>Read More</strong></a>
  86. </div>
  87. </div>
  88. <h2>My Services</h2>
  89. <div class="wrapper">
  90. <figure class="left marg_right1"><img src="images/page1_img2.jpg" alt=""></figure>
  91. <p class="color1 pad_bot2"><strong>Dereos accusamus dignis simos</strong></p>
  92. <p>Ducimus blanditiis praesentium voluatum molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animimolestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur a, id est laborum et dolorum fuga.</p>
  93. </div>
  94. <p class="color1 pad_bot3">Nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus:</p>
  95. <ul class="list1 pad_bot1">
  96. <li><a href="#">Temporibus autem quibusdam et aut officiis debitis aut rerum</a></li>
  97. <li><a href="#">Necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae</a></li>
  98. <li><a href="#">Gon recusandae. Itaque earum rerum hic tenetur a sapiente delectus</a></li>
  99. </ul>
  100. <a href="#!/page_More" class="button1"><span></span><strong>Read More</strong></a>
  101. </div>
  102. </div>
  103. </li>
  104. <li id="page_About">
  105. <div class="box1">
  106. <div class="inner">
  107. <a href="#" class="close" data-type="close"><span></span></a>
  108. <h2>My Bio</h2>
  109. <div class="wrapper">
  110. <figure class="left marg_right1"><img src="images/page2_img1.jpg" alt=""></figure>
  111. <p class="color1 pad_bot2"><strong>Excepturi sint occaecati</strong></p>
  112. <p>Cupiditate noprovident similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores.</p>
  113. </div>
  114. <p class="pad_bot1">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</p>
  115. <h2>My Interests</h2>
  116. <ul class="list2 pad_bot1">
  117. <li><a href="#">Temporibus autem quibusdam et aut officiis debitis aut rerum</a></li>
  118. <li><a href="#">Necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae</a></li>
  119. <li><a href="#">Gon recusandae taque earum rerum hic tenetur a sapiente delectus</a></li>
  120. <li><a href="#">Aut reiciendis voluptatibus maiores alias consequatur</a></li>
  121. <li><a href="#">Aut perferendis doloribus asperiores eveniet et voluptates repudiandae</a></li>
  122. <li><a href="#">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</a></li>
  123. </ul>
  124. <a href="#!/page_More" class="button1"><span></span><strong>Read More</strong></a>
  125. </div>
  126. </div>
  127. </li>
  128. <li id="page_Portfolio">
  129. <div class="box1">
  130. <div class="inner">
  131. <a href="#" class="close" data-type="close"><span></span></a>
  132. <div class="wrapper tabs">
  133. <div class="col1">
  134. <h2>Categories</h2>
  135. <ul class="nav">
  136. <li class="selected"><a href="#Fashion"><span></span><strong>Fashion</strong></a></li>
  137. <li><a href="#Objects"><span></span><strong>3D Objects</strong></a></li>
  138. <li><a href="#Wedding"><span></span><strong>Wedding</strong></a></li>
  139. <li><a href="#Reportage"><span></span><strong>Reportage</strong></a></li>
  140. <li><a href="#Advertising"><span></span><strong>Advertising</strong></a></li>
  141. <li><a href="#Portrait"><span></span><strong>Portrait</strong></a></li>
  142. </ul>
  143. </div>
  144. <div class="col2 pad_left1">
  145. <div class="tab-content" id="Fashion">
  146. <h2>Fashion</h2>
  147. <div class="wrapper">
  148. <figure class="left marg_right1"><a href="images/big_img1.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img1.jpg" alt=""></a></figure>
  149. <figure class="left"><a href="images/big_img2.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img2.jpg" alt=""></a></figure>
  150. </div>
  151. <div class="wrapper">
  152. <figure class="left marg_right1"><a href="images/big_img3.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img3.jpg" alt=""></a></figure>
  153. <figure class="left"><a href="images/big_img4.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img4.jpg" alt=""></a></figure>
  154. </div>
  155. <div class="wrapper">
  156. <figure class="left marg_right1"><a href="images/big_img5.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img5.jpg" alt=""></a></figure>
  157. <figure class="left"><a href="images/big_img6.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img6.jpg" alt=""></a></figure>
  158. </div>
  159. <div class="wrapper">
  160. <figure class="left marg_right1"><a href="images/big_img7.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img7.jpg" alt=""></a></figure>
  161. <figure class="left"><a href="images/big_img8.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img8.jpg" alt=""></a></figure>
  162. </div>
  163. <div class="wrapper">
  164. <figure class="left marg_right1"><a href="images/big_img9.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img9.jpg" alt=""></a></figure>
  165. <figure class="left"><a href="images/big_img10.jpg" class="lightbox-image" data-type="prettyPhoto[group2]"><span></span><img src="images/page3_img10.jpg" alt=""></a></figure>
  166. </div>
  167. </div>
  168. <div class="tab-content" id="Objects">
  169. <h2>3D Objects</h2>
  170. <div class="wrapper">
  171. <figure class="left marg_right1"><a href="images/big_img3.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img3.jpg" alt=""></a></figure>
  172. <figure class="left"><a href="images/big_img4.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img4.jpg" alt=""></a></figure>
  173. </div>
  174. <div class="wrapper">
  175. <figure class="left marg_right1"><a href="images/big_img5.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img5.jpg" alt=""></a></figure>
  176. <figure class="left"><a href="images/big_img6.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img6.jpg" alt=""></a></figure>
  177. </div>
  178. <div class="wrapper">
  179. <figure class="left marg_right1"><a href="images/big_img7.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img7.jpg" alt=""></a></figure>
  180. <figure class="left"><a href="images/big_img8.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img8.jpg" alt=""></a></figure>
  181. </div>
  182. <div class="wrapper">
  183. <figure class="left marg_right1"><a href="images/big_img9.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img9.jpg" alt=""></a></figure>
  184. <figure class="left"><a href="images/big_img10.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img10.jpg" alt=""></a></figure>
  185. </div>
  186. <div class="wrapper">
  187. <figure class="left marg_right1"><a href="images/big_img1.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img1.jpg" alt=""></a></figure>
  188. <figure class="left"><a href="images/big_img2.jpg" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="images/page3_img2.jpg" alt=""></a></figure>
  189. </div>
  190. </div>
  191. <div class="tab-content" id="Wedding">
  192. <h2>Wedding</h2>
  193. <div class="wrapper">
  194. <figure class="left marg_right1"><a href="images/big_img5.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img5.jpg" alt=""></a></figure>
  195. <figure class="left"><a href="images/big_img6.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img6.jpg" alt=""></a></figure>
  196. </div>
  197. <div class="wrapper">
  198. <figure class="left marg_right1"><a href="images/big_img7.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img7.jpg" alt=""></a></figure>
  199. <figure class="left"><a href="images/big_img8.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img8.jpg" alt=""></a></figure>
  200. </div>
  201. <div class="wrapper">
  202. <figure class="left marg_right1"><a href="images/big_img9.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img9.jpg" alt=""></a></figure>
  203. <figure class="left"><a href="images/big_img10.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img10.jpg" alt=""></a></figure>
  204. </div>
  205. <div class="wrapper">
  206. <figure class="left marg_right1"><a href="images/big_img1.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img1.jpg" alt=""></a></figure>
  207. <figure class="left"><a href="images/big_img2.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img2.jpg" alt=""></a></figure>
  208. </div>
  209. <div class="wrapper">
  210. <figure class="left marg_right1"><a href="images/big_img3.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img3.jpg" alt=""></a></figure>
  211. <figure class="left"><a href="images/big_img4.jpg" class="lightbox-image" data-type="prettyPhoto[group3]"><span></span><img src="images/page3_img4.jpg" alt=""></a></figure>
  212. </div>
  213. </div>
  214. <div class="tab-content" id="Reportage">
  215. <h2>Reportage</h2>
  216. <div class="wrapper">
  217. <figure class="left marg_right1"><a href="images/big_img7.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img7.jpg" alt=""></a></figure>
  218. <figure class="left"><a href="images/big_img8.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img8.jpg" alt=""></a></figure>
  219. </div>
  220. <div class="wrapper">
  221. <figure class="left marg_right1"><a href="images/big_img9.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img9.jpg" alt=""></a></figure>
  222. <figure class="left"><a href="images/big_img10.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img10.jpg" alt=""></a></figure>
  223. </div>
  224. <div class="wrapper">
  225. <figure class="left marg_right1"><a href="images/big_img1.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img1.jpg" alt=""></a></figure>
  226. <figure class="left"><a href="images/big_img2.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img2.jpg" alt=""></a></figure>
  227. </div>
  228. <div class="wrapper">
  229. <figure class="left marg_right1"><a href="images/big_img3.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img3.jpg" alt=""></a></figure>
  230. <figure class="left"><a href="images/big_img4.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img4.jpg" alt=""></a></figure>
  231. </div>
  232. <div class="wrapper">
  233. <figure class="left marg_right1"><a href="images/big_img5.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img5.jpg" alt=""></a></figure>
  234. <figure class="left"><a href="images/big_img6.jpg" class="lightbox-image" data-type="prettyPhoto[group4]"><span></span><img src="images/page3_img6.jpg" alt=""></a></figure>
  235. </div>
  236. </div>
  237. <div class="tab-content" id="Advertising">
  238. <h2>Advertising</h2>
  239. <div class="wrapper">
  240. <figure class="left marg_right1"><a href="images/big_img9.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img9.jpg" alt=""></a></figure>
  241. <figure class="left"><a href="images/big_img10.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img10.jpg" alt=""></a></figure>
  242. </div>
  243. <div class="wrapper">
  244. <figure class="left marg_right1"><a href="images/big_img1.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img1.jpg" alt=""></a></figure>
  245. <figure class="left"><a href="images/big_img2.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img2.jpg" alt=""></a></figure>
  246. </div>
  247. <div class="wrapper">
  248. <figure class="left marg_right1"><a href="images/big_img3.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img3.jpg" alt=""></a></figure>
  249. <figure class="left"><a href="images/big_img4.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img4.jpg" alt=""></a></figure>
  250. </div>
  251. <div class="wrapper">
  252. <figure class="left marg_right1"><a href="images/big_img5.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img5.jpg" alt=""></a></figure>
  253. <figure class="left"><a href="images/big_img6.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img6.jpg" alt=""></a></figure>
  254. </div>
  255. <div class="wrapper">
  256. <figure class="left marg_right1"><a href="images/big_img7.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img7.jpg" alt=""></a></figure>
  257. <figure class="left"><a href="images/big_img8.jpg" class="lightbox-image" data-type="prettyPhoto[group5]"><span></span><img src="images/page3_img8.jpg" alt=""></a></figure>
  258. </div>
  259. </div>
  260. <div class="tab-content" id="Portrait">
  261. <h2>Portrait</h2>
  262. <div class="wrapper">
  263. <figure class="left marg_right1"><a href="images/big_img1.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img1.jpg" alt=""></a></figure>
  264. <figure class="left"><a href="images/big_img2.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img2.jpg" alt=""></a></figure>
  265. </div>
  266. <div class="wrapper">
  267. <figure class="left marg_right1"><a href="images/big_img3.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img3.jpg" alt=""></a></figure>
  268. <figure class="left"><a href="images/big_img4.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img4.jpg" alt=""></a></figure>
  269. </div>
  270. <div class="wrapper">
  271. <figure class="left marg_right1"><a href="images/big_img5.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img5.jpg" alt=""></a></figure>
  272. <figure class="left"><a href="images/big_img6.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img6.jpg" alt=""></a></figure>
  273. </div>
  274. <div class="wrapper">
  275. <figure class="left marg_right1"><a href="images/big_img7.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img7.jpg" alt=""></a></figure>
  276. <figure class="left"><a href="images/big_img8.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img8.jpg" alt=""></a></figure>
  277. </div>
  278. <div class="wrapper">
  279. <figure class="left marg_right1"><a href="images/big_img9.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img9.jpg" alt=""></a></figure>
  280. <figure class="left"><a href="images/big_img10.jpg" class="lightbox-image" data-type="prettyPhoto[group6]"><span></span><img src="images/page3_img10.jpg" alt=""></a></figure>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. </div>
  287. </li>
  288. <li id="page_Services">
  289. <div class="box1">
  290. <div class="inner">
  291. <a href="#" class="close" data-type="close"><span></span></a>
  292. <div class="wrapper pad_bot3">
  293. <h2>Services</h2>
  294. <div class="col1">
  295. <ul class="list2">
  296. <li><a href="#">Temporibus autem quibusdam etaut</a></li>
  297. <li><a href="#">Necessitatibus saepe eveniet</a></li>
  298. <li><a href="#">Uteautem volupttes repudiandae molestiae</a></li>
  299. <li><a href="#">Gon recusandae taque earum rerum</a></li>
  300. <li><a href="#">Auteiciendis voluptatibus maiores</a></li>
  301. </ul>
  302. </div>
  303. <div class="col1 pad_left1">
  304. <ul class="list2">
  305. <li><a href="#">Eveniet et voluptates repudiandae</a></li>
  306. <li><a href="#">Sed ut perspiciatis unde omnis iste natus </a></li>
  307. <li><a href="#">Accusantium doloremque laudantium </a></li>
  308. <li><a href="#">Eaque ipsa quae ab illo inventore veritatis </a></li>
  309. <li><a href="#">Beatae vitae dictsunt explicabo</a></li>
  310. </ul>
  311. </div>
  312. </div>
  313. <h2>About My Works</h2>
  314. <div class="wrapper pad_bot3">
  315. <figure class="left marg_right1"><img src="images/page4_img1.jpg" alt=""></figure>
  316. <p class="color1 pad_bot2"><strong>Abour Recent Exhibition</strong></p>
  317. <p>Cupiditate noprovident similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas.</p>
  318. </div>
  319. <div class="wrapper pad_bot3">
  320. <figure class="left marg_right1"><img src="images/page4_img2.jpg" alt=""></figure>
  321. <p class="color1 pad_bot2"><strong>New Tecnologies</strong></p>
  322. <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
  323. </div>
  324. <div class="wrapper">
  325. <figure class="left marg_right1"><img src="images/page4_img3.jpg" alt=""></figure>
  326. <p class="color1 pad_bot2"><strong>Creative Ideas</strong></p>
  327. <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et ident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et voluptates repudiandae sint et molestiae.</p>
  328. </div>
  329. </div>
  330. </div>
  331. </li>
  332. <li id="page_Contact">
  333. <div class="box1">
  334. <div class="inner">
  335. <a href="#" class="close" data-type="close"><span></span></a>
  336. <div class="wrapper">
  337. <div class="col1">
  338. <h2>Contact Info</h2>
  339. <p>Thom Sander</p>
  340. 8901 Marmora Road, Glasgow, D04 89GR<br>
  341. <p class="cols">Telephone:<br>
  342. Fax:<br>
  343. Email:</p>
  344. <p>+1 959 603 6035<br>
  345. +1 504 889 9898<br>
  346. <a href="mailto:" class="link1">[email protected]</a></p>
  347. 9863 Mill Road, Cambridge, MG09 99HT<br>
  348. <p class="cols">Telephone:<br>
  349. Fax:<br>
  350. Email:</p>
  351. <p>+1 959 603 6035<br>
  352. +1 504 889 9898<br>
  353. <a href="mailto:" class="link1">[email protected]</a></p>
  354. </div>
  355. <div class="col1 pad_left1">
  356. <h2>Our Location</h2>
  357. <figure><iframe width="280" height="210" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Brooklyn,+New+York,+NY,+United+States&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=Brooklyn,+Kings,+New+York&amp;ll=40.649974,-73.950005&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe></figure>
  358. </div>
  359. </div>
  360. <h2>Contact Form</h2>
  361. <form id="ContactForm">
  362. <div>
  363. <div class="wrapper">
  364. <span>Full Name:</span>
  365. <input type="text" class="input" >
  366. </div>
  367. <div class="wrapper">
  368. <span>E-mail:</span>
  369. <input type="text" class="input" >
  370. </div>
  371. <div class="textarea_box">
  372. <span>Message:</span>
  373. <textarea name="textarea" cols="1" rows="1"></textarea>
  374. </div>
  375. <div class="wrapper">
  376. <span>&nbsp;</span>
  377. <a href="#" class="button1" onClick="document.getElementById('ContactForm').reset()"><span></span><strong>Clear</strong></a>
  378. <a href="#" class="button1" onClick="document.getElementById('ContactForm').submit()"><span></span><strong>Send</strong></a>
  379. </div>
  380. </div>
  381. </form>
  382. </div>
  383. </div>
  384. </li>
  385. <li id="page_More">
  386. <div class="box1">
  387. <div class="inner">
  388. <a href="#" class="close" data-type="close"><span></span></a>
  389.  
  390. <h2>Read more</h2>
  391. <div class="wrapper pad_bot3">
  392. <figure class="left marg_right1"><img src="images/page4_img1.jpg" alt=""></figure>
  393. <p class="color1 pad_bot2"><strong>Et harum quidem rerum</strong></p>
  394. <p>Cupiditate noprovident similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas.</p>
  395. </div>
  396. <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
  397. <p>Occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
  398. <div class="wrapper pad_bot3">
  399. <figure class="left marg_right1"><img src="images/page4_img2.jpg" alt=""></figure>
  400. <p class="color1 pad_bot2"><strong>Blanditiis praesentium voluptatum</strong></p>
  401. <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti iusto odio dignissimos ducimus qui atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
  402. </div>
  403. <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
  404. <p>Qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
  405. <p>Occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
  406. </div>
  407. </div>
  408. </li>
  409. </ul>
  410. </article>
  411. <!-- / content -->
  412. </div>
  413. </div>
  414. <div class="block"></div>
  415. </div>
  416. <div class="bg1">
  417. <div class="main">
  418. <!-- footer -->
  419. <footer>
  420. <div class="bg_spinner"></div>
  421. <ul class="pagination">
  422. <li class="current"><a href="images/bg_img1.jpg">1</a></li>
  423. <li><a href="images/bg_img2.jpg">2</a></li>
  424. <li><a href="images/bg_img3.jpg">3</a></li>
  425. </ul>
  426. <div class="col_1">
  427. <a href="index.html" id="footer_logo">Thom Sander</a> Copyright 2011
  428. </div>
  429. <div class="col_2">
  430. Website Template by <a rel="nofollow" href="http://www.templatemonster.com/" target="_blank">TemplateMonster.com</a>
  431. More Photography Website Templates at <a rel="nofollow" href="http://www.templatemonster.com/category/photography-website-templates/" target="_blank">TemplateMonster.com</a>
  432. </div>
  433. </footer>
  434. <!-- / footer-->
  435. </div>
  436. </div>
  437. <script type="text/javascript"> Cufon.now(); </script>
  438. <script>
  439. $(window).load(function() {
  440. $('.spinner').fadeOut();
  441. $('body').css({overflow:'inherit'})
  442. })
  443. </script>
  444. </body>
  445. </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!