API tools faq
paste
dylanohelps

About Page #6

dylanohelps
Jun 19th, 2013
2,810
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----------------------
  4.  
  5. ABOUT PAGE #6 by JAKEHELPS
  6. #1: Do not redistribute & claim as your own.
  7. #2: Do not remove the credit.
  8.  
  9. ---------------------------->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}" />
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  23.  
  24. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  25. <script type="text/javascript">
  26. $("#slideshow > div:gt(0)").hide();
  27.  
  28. setInterval(function() {
  29. $('#slideshow > div:first')
  30. .fadeOut(1000)
  31. .next()
  32. .fadeIn(1000)
  33. .end()
  34. .appendTo('#slideshow');
  35. }, 2000);
  36.  
  37. </script>
  38.  
  39.  
  40. </head>
  41. <style type="text/css">
  42. body {
  43. padding: 0;
  44. margin: 0;
  45. list-style: none;
  46. background-color: #FEFEFE;
  47. background-attachment: fixed;
  48. background-image:url('http://25.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_250.jpg');
  49. }
  50.  
  51. a {
  52. text-decoration: none;
  53. color: black;
  54. }
  55.  
  56. ::-webkit-scrollbar-thumb:vertical {
  57. height:10px;
  58. background-color: #303030; }
  59.  
  60. ::-webkit-scrollbar-thumb:horizontal {
  61. height:30px;
  62. background-color: #303030; }
  63.  
  64. ::-webkit-scrollbar {
  65. height: 10px;
  66. width: 4px;
  67. background-color: #505050; }
  68.  
  69. #slideshow {
  70. position: fixed;
  71. width: 900px;
  72. height: 769px;
  73. background-color: #202020;
  74. }
  75.  
  76. #slideshow img {
  77. width: 900px;
  78. height: 769px;
  79. }
  80.  
  81. #slideshow > div {
  82. position: absolute;
  83. }
  84.  
  85. #navigation {
  86. position: absolute;
  87. width: 200px;
  88. height: auto;
  89. background-color: #303030;
  90. opacity: 0.7;
  91. margin-top: 190px;
  92. }
  93.  
  94. #navigation:hover {
  95. opacity: 1;
  96. }
  97.  
  98. .logo {
  99. width: 180px;
  100. height: 80px;
  101. background-color: #FFFFFF;
  102. font-family: fjalla one;
  103. font-size: 36px;
  104. color: #0195ab;
  105. text-align: center;
  106. padding: 10px;
  107. padding-top: 50px;
  108. padding-bottom: 60px;
  109. text-transform: uppercase;
  110. position: absolute;
  111. }
  112.  
  113. #navigation a {
  114. display: block;
  115. padding: 10px;
  116. font-family: Quicksand;
  117. font-size: 14px;
  118. color: #FFFFFF;
  119. background-color: transparent;
  120. text-transform: uppercase;
  121. border-bottom: 1px groove #AAAAAA;
  122. }
  123.  
  124. #navigation a:hover {
  125. opacity: 1;
  126. background-color: #FFFFFF;
  127. color: #0195ab;
  128. border-bottom: 1px groove #303030;
  129. }
  130.  
  131. #infobox {
  132. width: 400px;
  133. height: 270px;
  134. background-color: #202020;
  135. position: fixed;
  136. right: 0;
  137. padding: 33px;
  138. background-image:url('http://i93.photobucket.com/albums/l78/andrew_jason12/black_lozenge.png');
  139. }
  140.  
  141. .section {
  142. font-family: quicksand;
  143. font-size: 30px;
  144. color: #0195ab;
  145. text-transform: uppercase;
  146. }
  147.  
  148. .brief {
  149. font-family: quicksand;
  150. font-size: 18px;
  151. color: #DDDDDD;
  152. padding-left: 10px;
  153. padding-top: 10px;
  154. }
  155.  
  156. .infolink {
  157. width: 320px;
  158. height: auto;
  159. margin-top: 15px;
  160. }
  161.  
  162. .infolink a {
  163. display: block;
  164. background-color: #0195ab;
  165. color: #FFFFFF;
  166. font-family: quicksand;
  167. font-size: 16px;
  168. padding: 5px;
  169. padding-left: 15px;
  170. border: 1px solid #0195FF;
  171. border-radius: 1px;
  172. }
  173.  
  174. #information {
  175. width: 400px;
  176. height: 310px;
  177. background-color: #FFFFFF;
  178. position: fixed;
  179. right: 0;
  180. padding: 33px;
  181. margin-top: 330px;
  182. background-image:url('http://24.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo5_250.png');
  183. }
  184.  
  185. .about {
  186. width: 100%;
  187. display: block;
  188. margin-bottom: 4px;
  189. }
  190.  
  191. .label {
  192. display: inline-block;
  193. background-color: #0195ab;
  194. color: #FFFFFF;
  195. font-family: quicksand;
  196. font-size: 16px;
  197. padding: 5px;
  198. border: 1px solid #0195FF;
  199. border-radius: 1px;
  200. }
  201.  
  202. .value {
  203. display: inline-block;
  204. background-color: transparent;
  205. color: #0195ab;
  206. font-family: quicksand;
  207. font-size: 16px;
  208. padding: 5px;
  209. border-radius: 1px;
  210. }
  211.  
  212. #slogan {
  213. position: absolute;
  214. bottom: 0;
  215. margin-bottom: 40px;
  216. font-family: quicksand;
  217. font-size: 28px;
  218. color: #FFFFFF;
  219. margin-left: 20px;
  220. width: 400px;
  221. text-transform: uppercase;
  222. text-shadow: 0.1em 0.1em 0.2em #333;
  223. }
  224.  
  225. </style>
  226. <body>
  227. <!--------- REPLACE IMAGE URLS FOR SLIDESHOW ----------->
  228. <div id="slideshow">
  229. <div>
  230. <img src="http://i93.photobucket.com/albums/l78/andrew_jason12/francisco-lachowski-shirtless.png~original">
  231. </div>
  232.  
  233. <div>
  234. <img src="http://i93.photobucket.com/albums/l78/andrew_jason12/francisco-lachowski-odda-03.png~original">
  235. </div>
  236.  
  237. <div>
  238. <img src="http://i93.photobucket.com/albums/l78/andrew_jason12/suiteblanco-fall-2012-01.png~original">
  239. </div>
  240.  
  241. <div>
  242. <img src="http://i93.photobucket.com/albums/l78/andrew_jason12/tumblr_mmchc8mEyY1rinkz1o1_1280.png~original">
  243. </div>
  244. </div>
  245.  
  246. <!---------- 2 LINER SLOGAN --------->
  247. <div id="slogan">One of the hottest male models in the world!</div>
  248.  
  249. <!----------- 2 LINER TITLE ---------->
  250. <div class="logo">Francisco Lachowski</div>
  251. <div id="navigation">
  252.  
  253. <a href="#">Link 1</a>
  254. <a href="#">Link 2</a>
  255. <a href="#">Link 3</a>
  256. <a href="#">Link 4</a>
  257. <a href="#">Link 5</a>
  258. <a href="#">Link 6</a>
  259. <a href="http://jakehelps.tumblr.com" style="border-bottom: 0px">credit</a>
  260. </div>
  261. <div id="infobox">
  262. <div class="section">Francisco's Portfolio</div>
  263. <div class="brief">
  264. <!----------- brief 6 to 7 liner description ----------->
  265.  
  266. Born on May 1991 in the beautiful country of Brazil, Cisco is a Brazilian model of Portugese, Polish, and German descent. Starting in 2009, he has worked his way up to become one of the Top 50 Male Models in the world. (6-7 lined description)
  267. </div>
  268. <div class="infolink"><a href="#">More on Francisco<div style="float: right; padding-right: 10px">></div></a></div>
  269. </div>
  270. <div id="information">
  271. <div class="about"><div class="label">Name:</div> <div class="value">Francisco Lachowski</div></div>
  272.  
  273. <div class="about"><div class="label">Age:</div> <div class="value">22 years old</div></div>
  274.  
  275. <div class="about"><div class="label">Date of BIrth:</div> <div class="value">May 15, 1991</div></div>
  276.  
  277. <div class="about"><div class="label">Origin:</div> <div class="value">Curitiba, Brazil</div></div>
  278.  
  279. <div class="about"><div class="label">Occupation:</div> <div class="value">Full time Model</div></div>
  280.  
  281. <div class="about"><div class="label">Brands Modeled For:</div> <div class="value">Versace, Dolce & Gabanna, dsquared2, Gucci, Armani, Thierry Mugler, Roberto Cavalli, & more.</div></div>
  282. </div>
  283.  
  284.  
  285.  
  286.  
  287. </body>
  288. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!