API tools faq
paste
Advertisement
forgedinflamesx

gunslinger lyt ZD

forgedinflamesx
Jul 22nd, 2019
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.09 KB | None | 0 0
raw download clone embed print report
  1. ======================= PLEASE READ: IMPORTANT INFORMATION ========================
  2.  
  3. //// This layout/theme was coded and designed by Jamie of Zero Dusk (http://zero-dusk.tumblr.com/). If you have questions or need to contact her, please email her at [ jmzerodusk@gmail.com ]
  4.  
  5. //// Your layout/theme will have my visible credit (name on the bottom corner), within the coding and on the right-click disabled box, which you are not permitted to remove! If you need to, please email me first.
  6.  
  7. //// If you bought a layout for roleplayer.me and its associated sites, your layout will be Right-Click and CTRL+U disabled. This will stop people from stealing your layout, but I do not guarantee 100% protection.
  8.  
  9. //// Technical issues happen often on computers and such and you may lose your purchases down the road, if it ever happens. If you need your purchases again, please just email me and I'll be able to email it to you again once you have been verified. However, my computer is not immune to tecnical issues and I may or may not have your files at all (due to a computer reset, viruses, etc.). This has happened before so I ask that you remember to back up all of your purchases on a safe hard drive or online somewhere just in case. Some good options are Dropbox and Mediafire.
  10.  
  11. //// Once you have received your bundle, you have 24 hours starting the second the download link is sent to you to contact me if you are unsatisfied with any part of your bundle. After 24 hours, I will NOT make any more changes / customizations for you. NO EXCEPTIONS / EXCUSES. Otherwise, general questions are accepted.
  12.  
  13. //// Once you do have your download, you are not allowed to re-sell or re-distribute it! You may use it for whatever account you have but you are not allowed to give it to friends, use it as base codes, etc. You will be placed on my NO-BUY list forever if I find out you are doing so. If you are a site, you are NOT allowed to re-sell or re-distribute any part of my codes into your own for your free or paid resources. Anyone violating this rule will be immediately blocked! All emails and paypal emails associated with you will be blocked. Do not be disrespectful!
  14.  
  15.  
  16. ////////////////////////////////////////////////////////////
  17. ////////////////////////////////////////////////////////////
  18. ////////////////////////////////////////////////////////////
  19.  
  20.  
  21.  
  22. =================================== ABOUT ME =================================================
  23.  
  24. <body onkeydown="return false"><style type="text/css">
  25.  
  26. @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic);
  27.  
  28. .jmuggs { this baby was made by jamie @ /zerodusk }
  29.  
  30. .jmuggs { Background }
  31. table, tr, td {background-color:transparent;}
  32. body {
  33. background-color:#3e3e39;
  34. background-image:url("");
  35. background-attachment:fixed;
  36. background-repeat:repeat;
  37. background-position:center;
  38. margin: 0;
  39. overflow:auto;
  40. }
  41.  
  42. .jmuggs { Main Text & Links }
  43. table, tr, td, li, p, div {font:10px cambria; color:#2e2f2c; line-height:11px; letter-spacing:0.5px;}
  44.  
  45. p {margin:0 0 1em 0;}
  46.  
  47. a:active, a:visited, a:link {font:10px cambria; color:#c4c3bf; line-height:11px; letter-spacing:0.5px; text-decoration:none;}
  48.  
  49. a:hover {text-decoration:none; color:#4b4a46;}
  50.  
  51. i {font:italic 10px cambria; color:#916c5f; line-height:11px; letter-spacing:0.5px;}
  52. b {font:8px 'Roboto Condensed'; font-weight:700; color:#88e0e1; letter-spacing:1px; text-transform:uppercase; line-height:11px;}
  53. strong {font:8px 'Roboto Condensed'; font-weight:400; color:#6cc4da; letter-spacing:2px; text-transform:uppercase; line-height:11px;}
  54. u {font:8px 'Roboto Condensed'; font-weight:700; color:#5a9c9a; letter-spacing:1px; text-transform:uppercase; line-height:11px; text-decoration:none;}
  55. big {font:italic 30px cambria; color:#5a9c9a; width:40px; height:40px; text-align:center; text-transform:uppercase; line-height:40px; float:left; display:inline-block; margin:0 5px 0 0;}
  56. tt {font:10px courier new; color:#5e392c; letter-spacing:-0.5px; line-height:11px; text-transform:uppercase;}
  57. em {font:italic 9px georgia; color:#215354; letter-spacing:-1px; line-height:11px;}
  58.  
  59. h1 {font:14px 'Roboto Condensed'; font-weight:700; color:#5f5f57; background:#41423d; padding:10px; text-transform:uppercase; letter-spacing:5px; display:block; margin:0 0 5px 0; text-align:center;}
  60.  
  61. h2 {font:italic 12px cambria; color:#5a9c9a; background:#41423d; border-right:20px solid #215354; border-left:20px solid #215354; padding:0 5px 0 0; text-transform:lowercase; letter-spacing:0.5px; display:block; margin:0 0 5px 0; text-align:center;}
  62.  
  63. h3 {font:10px 'Roboto Condensed'; font-weight:700; color:#88e0e1; background:#0b2c33; display:block; margin:0 0 5px 0; text-align:center; padding:5px 0; text-transform:uppercase; letter-spacing:3px; border-left:3px double #754737; border-right:3px double #754737;}
  64.  
  65. h4 {font:italic 12px cambria; color:#5a9c9a; background:#5f5f57; border-left:20px solid #215354; padding:0 0 0 5px; text-transform:lowercase; letter-spacing:0.5px; display:block; margin:0 0 5px 0; text-align:left;}
  66.  
  67. h5 {font:italic 12px cambria; color:#6cc4da; background:#5f5f57; border-right:20px solid #215354; padding:0 5px 0 0; text-transform:lowercase; letter-spacing:0.5px; display:block; margin:5px 0 0 0; text-align:right;}
  68.  
  69. h6 {font:7px 'Roboto Condensed'; font-weight:700; color:#2e2f2c; background:#5f5f57; padding:5px; text-transform:uppercase; letter-spacing:0.5px; display:block; margin:0 0 5px 0; text-align:center; border-bottom:1px solid #5a9c9a;}
  70.  
  71. .jmuggs { Scrollbar }
  72. ::-webkit-scrollbar-thumb:vertical{ background-color: #5f5f57; border:4px solid #0b2c33; border-top: 4px solid #5f5f57; border-bottom: 5px solid #5f5f57; }
  73. ::-webkit-scrollbar-thumb:horizontal{ background-color: #5f5f57; border:4px solid #0b2c33; border-right:4px solid #0b2c33; border-left:4px solid #5f5f57; border-right:4px solid #5f5f57; height:10px!important; }
  74. ::-webkit-scrollbar{ background-color: #0b2c33; border: 4px solid #5f5f57; width:10px; }
  75. ::-webkit-scrollbar:horizontal{ height:10px!important; }
  76.  
  77. #jzdwhole img {border:5px solid #754737;}
  78.  
  79. #jzdwhole {width:900px; height:auto; position:absolute; top:30px; margin-left:-380px; margin-bottom:100px;}
  80.  
  81. #jzdmain-banner {width:auto; height:auto; background:#4c4d48; display:block; margin:0 0 5px 0; border:1px solid #41423d; padding:5px; box-sizing:border-box;}
  82.  
  83. #jzdooc {opacity:0; width:316px; height:150px; background:#5f5f57; border-top:5px solid #41423d; border-bottom:5px solid #41423d; padding:5px; overflow:auto; text-align:justify; position:absolute; margin:-200px 0 0 0; box-sizing:border-box; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  84.  
  85. #jzddis {opacity:0; width:316px; height:150px; background:#5f5f57; top:5px solid #41423d; border-top:5px solid #41423d; border-bottom:5px solid #41423d; padding:5px; overflow:auto; text-align:justify; position:absolute; margin:-200px 0 0 566px; box-sizing:border-box; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  86.  
  87. #jzdmain-banner:hover #jzdooc {opacity:1; margin:-200px 0 0 50px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  88.  
  89. #jzdmain-banner:hover #jzddis {opacity:1; margin:-200px 0 0 516px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  90.  
  91. #jzdnavi {width:auto; height:32px; background:#4c4d48; display:block; margin:0 0 5px 0; border:1px solid #41423d; padding:5px; box-sizing:border-box;}
  92.  
  93. #jzdnavi a {font:8px 'Roboto Condensed'; font-weight:700; color:#89867f; line-height:20px; text-align:center; text-transform:uppercase; letter-spacing:3px; text-decoration:none; width:122.5px; height:20px; display:inline-block; margin:0 5px 0 0; float:left; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  94.  
  95. .m-0 {margin:0!important;}
  96.  
  97. .jzd1 {background:#0b2c33!important;}
  98. .jzd2 {background:#482e21!important;}
  99.  
  100. #jzdnavi a:hover {background:#2e2f2c!important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  101.  
  102. #jzdleft {width:295px; height:auto; display:inline-block;}
  103.  
  104. .jzdbox {width:148px; height:205px; background:#5f5f57; border-top:5px solid #41423d; border-bottom:5px solid #41423d; padding:5px; overflow:auto; text-align:justify; box-sizing:border-box;}
  105.  
  106. .jzdconn {width:568px; height:218px; background:#5f5f57; position:absolute; margin:-233px 0 0 5px; padding:5px; overflow:auto; opacity:0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  107.  
  108. .jzdconn:hover {opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  109.  
  110. .jzdconb {width:170px; height:170px; display:inline-block; margin:5px 5px 15px 5px; float:left;}
  111.  
  112. .jzdconp {width:auto; height:80px; overflow:auto; padding:0 5px 5px 0; box-sizing:border-box; text-align:justify; margin-top:5px;}
  113.  
  114. #jzdright {width:600px; height:auto; display:inline-block; float:right;}
  115.  
  116. #jzdrbox {width:auto; height:250px; background:#4c4d48; display:block; margin:0 0 5px 0; border:1px solid #41423d; padding:5px; box-sizing:border-box;}
  117.  
  118. .jzdbio {width:189px; height:200px; background:#5f5f57; border-top:5px solid #41423d; border-bottom:5px solid #41423d; padding:5px; overflow:auto; text-align:justify; box-sizing:border-box;}
  119.  
  120. .jzdcol a {font:8px 'Roboto Condensed'; font-weight:700; color:#5f5f57; background:#41423d; text-align:center; text-transform:uppercase; letter-spacing:3px; text-decoration:none; display:block; margin:0 0 5px 0; text-align:left; padding:5px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  121.  
  122. a.jzd3 {border-left:3px solid #916c5f!important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  123. a.jzd4 {border-left:3px solid #5a9c9a!important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  124.  
  125. .jzdcol a:hover {border-left:0px solid #5f5f57!important; border-right:10px solid #0b2c33!important; text-align:right; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  126.  
  127.  
  128. .jzdli {opacity:0; width:878px; height:300px; position:absolute; margin:-305px 0 0 5px; background:#4c4d48; padding:50px; box-sizing:border-box; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  129.  
  130. .jzdli:hover {opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;}
  131.  
  132. .jzdlib {width:365px; height:150px; display:inline-block; background:#5f5f57; border-top:5px solid #41423d; border-bottom:5px solid #41423d; padding:5px; overflow:auto; text-align:justify; box-sizing:border-box; margin-top:25px;}
  133.  
  134. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} #jm a {background-image:url("https://i.imgur.com/PZzpdIc.png")!important; background-repeat:no-repeat!important; width:59px!important; height:12px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; left:0px!important; opacity:0.3!important;} #jm a:hover {opacity:1!important;} .jmuggs { /zerodusk }</style><div id="jm"><a href="/zerodusk"></a></div><body bgcolor="#ffffff" ondragstart="return false" onselectstart="return false" oncontextmenu="alert('This layout was made by Jamie of zerodusk.com (/zerodusk). Attempt to copy, steal or redistribute this layout will result in harsh consequences.'); return false"></span>
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157. =================================== LIKE TO MEET =================================================
  158.  
  159. <html><body><div id="jzdwhole">
  160.  
  161. <!---------------MAIN BANNER---------------->
  162. <div id="jzdmain-banner">
  163. <img src="http://i63.tinypic.com/2gy5zdh.jpg" width="878" height="300">
  164.  
  165. <!---------------OOC INFORMATION---------------->
  166. <div id="jzdooc">
  167. <h3>OOC Information</h3>
  168.  
  169. Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a>
  170.  
  171. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  172.  
  173. </div>
  174.  
  175. <!---------------DISCLAIMER---------------->
  176. <div id="jzddis">
  177. <h3>Disclaimer & Copyright</h3>
  178.  
  179. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  180.  
  181. </div></div>
  182.  
  183. <!---------------NAVIGATION---------------->
  184. <div id="jzdnavi">
  185. <a href="/home.php" class="jzd1">Home</a>
  186. <a href="/send_message.php?member_id=1185329" class="jzd2">Message</a>
  187. <a href="/add_comment.php?member_id=1185329" class="jzd1">Comment</a>
  188. <a href="/view_member_blog.php?member_id=1185329" class="jzd2">Blog</a>
  189. <a href="/gallery.php?member_id=1185329" class="jzd1">Gallery</a>
  190. <a href="/" class="jzd2">Group</a>
  191. <a href="/" class="m-0 jzd1">Page #2</a>
  192. </div>
  193.  
  194.  
  195. <div id="jzdleft">
  196.  
  197. <!---------------BASIC INFO---------------->
  198. <div id="jzdrbox">
  199. <h6>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</h6>
  200.  
  201. <img src="http://i65.tinypic.com/4qjsly.jpg" align="left" width="120" height="195">
  202.  
  203. <div class="jzdbox" style="float:right;">
  204.  
  205. <h2>basic info</h2>
  206.  
  207. <b>Full Name</b><br> Jamie <i>Jilynn</i> Chung. <br>
  208. <b>Pronunciation</b><br> JAY-mee JYE-lin Chung. <br>
  209. <b>Nickname/Alias</b><br> JJ, ChungBabe. <br>
  210. <b>Meaning</b><br> The name Jamie is a Hebrew baby name. In Hebrew the meaning of the name is <i>supplanter</i>. <br>
  211. <b>Origin</b><br> Feminine form of <u>James</u>, which is derived from the Hebrew ya`aqob (supplanted, seizing by the heel). <br>
  212. <b>Title</b><br> None. <br>
  213. <b>Pet Name</b><br> Sometimes, her boyfriend calls her '<i>babe</i>'. <br>
  214. <b>Signature</b><br> Her handwriting is quite <u>femin <br>ine</u> and cursive-like. <br>
  215. <b>Gender</b><br> She is <i>female</i>.
  216. <b>Gender Role</b><br> She generally acts more feminine than masculine. <br>
  217. <b>Orientation</b><br> She is <i>heterosexual</i>: relating to, or characterized by a tendency to direct sexual desire toward the opposite sex. <br>
  218. <b>Real Age</b><br> Thirty-four years old. <br>
  219. <b>Age Appearance</b><br> For her age, she can sometimes look younger, from twenty-five to thirty-five. <br>
  220. <b>Birthday</b><br> April 10, 1983. <br>
  221. <b>Status</b><br> Engaged. <br>
  222. <b>Birthplace</b><br> San Francisco, California, USA. <br>
  223. <b>Zodiac Sign</b><br> Aries - As the first sign in the zodiac, the presence of Aries always marks the beginning of something <i>energetic</i> and turbulent. They are continuously looking for <u>dynamic</u>, speed and competition, always being the first in everything - from work to social gatherings. <br>
  224. <b>Species</b><br> Human. <br>
  225. <b>Ethnicity</b><br> Asian. She is of Korean-American heritage. <br>
  226. <b>Blood Type</b><br> Her blood type is A-positive. <br>
  227. <b>Preferred Hand</b><br> She is right-handed. <br>
  228. <b>Facial Type</b><br> She has a square-shaped face. <br>
  229. <b>Eye Color</b><br> Dark brown. <br>
  230. <b>Hair Color</b><br> Dark brown. <br>
  231. <b>Build</b><br> She is quite <i>slender</i> and slim, working out her upper body for movies. <br>
  232. <b>Height</b><br> 5 ft 6 in or 168 cm. <br>
  233. <b>Weight</b><br> 54 kg or 119 pounds. <br>
  234. <b>Birthmarks/scars</b><br> She has <u>no</u> visible birthmarks or scars.<br>
  235. <b>Distinguishing Features</b><br> Mixed (Korean-American) looks. <br>
  236. <b>Allergies</b><br> She is <i>highly</i> allergic to pollen and cat fur. <br>
  237. <b>Occupation</b><br> She is an <i>actress</i>. <br>
  238. <b>Education</b><br> Jamie graduated from Lowell High School in San Francisco, California in 2001. Later, she attended University of <u>California</u> in Riverside to receive a degree in economics. There, she was a member of Kappa Kappa Gamma sorority.<br>
  239.  
  240. <b>Personality</b><br> Consetetur sadipscing elitr, sed diam <i>nonumy</i> eirmod tempor invidunt ut labore et <u>dolore</u> magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd <i>gubergren</i>, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem <u>ipsum</u> dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <i>tempor</i> invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur <u>sadipscing</u> elitr, sed diam nonumy eirmod tempor invidunt ut <i>labore</i> et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur <u>sadipscing</u> elitr, sed diam nonumy eirmod tempor invidunt ut <i>labore</i> et dolore magna aliquyam erat, sed diam voluptua.
  241.  
  242. </div></div>
  243.  
  244. <!---------------FAMILY---------------->
  245. <div id="jzdrbox">
  246. <h6>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</h6>
  247.  
  248. <img src="http://i66.tinypic.com/ld53m.jpg" align="right" width="120" height="195">
  249.  
  250. <div class="jzdbox" style="float:left;">
  251.  
  252. <h2>family</h2>
  253.  
  254. Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a>
  255.  
  256. </div></div>
  257.  
  258. <!---------------ABILITIES---------------->
  259. <div id="jzdrbox">
  260.  
  261. <h6>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</h6>
  262.  
  263. <img src="http://i66.tinypic.com/2u6imhz.jpg" align="left" width="120" height="195">
  264.  
  265. <div class="jzdbox" style="float:right;">
  266.  
  267. <h2>abilities</h2>
  268.  
  269. Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a>
  270.  
  271. </div></div>
  272.  
  273. <!---------------THE PACK---------------->
  274. <div id="jzdrbox">
  275. <h6>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</h6>
  276.  
  277. <img src="http://i67.tinypic.com/28itg6q.jpg" align="right" width="120" height="195">
  278.  
  279. <div class="jzdbox" style="float:left;">
  280.  
  281. <h2>the pack</h2>
  282.  
  283. Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a> Regular <b>Bold</b> <i>Italic</i> <strong>strong</strong> <u>underline</u> <tt>teletype</tt> <em>emphasize</em> <a href="/">Link</a>
  284.  
  285. </div></div></div>
  286.  
  287. <div id="jzdright"><div id="jzdrbox">
  288.  
  289. <!---------------QUOTE ABOVE BIO 1 + 2---------------->
  290. <h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4>
  291.  
  292. <!---------------IMAGE BETWEEN BIO 1 + 2---------------->
  293. <img src="http://i63.tinypic.com/ezejbp.jpg" width="190" height="190">
  294.  
  295. <!---------------BIOGRAPHY ONE---------------->
  296. <div class="jzdbio" style="float:left;margin:0 5px 0 0;">
  297.  
  298. <big>I.</big> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  299.  
  300. </div>
  301.  
  302. <!---------------BIOGRAPHY TWO---------------->
  303. <div class="jzdbio" style="float:right;margin:0 0 0 5px;">
  304.  
  305. <big>II.</big> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  306.  
  307. </div>
  308.  
  309. <!---------------QUOTE BELOW BIO 1 + 2---------------->
  310. <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h5>
  311. </div>
  312.  
  313.  
  314. <div id="jzdrbox">
  315. <!---------------QUOTE ABOVE BIO 3 + 4---------------->
  316. <h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4>
  317.  
  318. <!---------------IMAGE BETWEEN BIO 3 + 4---------------->
  319. <img src="http://i68.tinypic.com/k0lcti.jpg" width="190" height="190">
  320.  
  321. <!---------------BIOGRAPHY THREE---------------->
  322. <div class="jzdbio" style="float:left;margin:0 5px 0 0;">
  323.  
  324. <big>III.</big> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  325.  
  326. </div>
  327.  
  328. <!---------------BIOGRAPHY FOUR---------------->
  329. <div class="jzdbio" style="float:right;margin:0 0 0 5px;">
  330.  
  331. <big>IV.</big> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  332.  
  333. </div>
  334.  
  335. <!---------------QUOTE BELOW BIO 3 + 4---------------->
  336. <h5>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h5>
  337. </div>
  338.  
  339. <!---------------CONNECTIONS HOVER BOX IMAGE---------->
  340. <div id="jzdrbox">
  341. <img src="http://i65.tinypic.com/2jzlfo.jpg" width="578" height="228">
  342.  
  343. <!---------------CONNECTIONS HOVER BOX--------------->
  344. <div class="jzdconn">
  345.  
  346. <!---CONNECTION BOX--->
  347. <div class="jzdconb">
  348. <img src="http://via.placeholder.com/160x80/8a8a8a">
  349. <div class="jzdconp">
  350. <center><b>first middle last</b></center>
  351. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  352. </div></div>
  353.  
  354. <!---CONNECTION BOX--->
  355. <div class="jzdconb">
  356. <img src="http://via.placeholder.com/160x80/8a8a8a">
  357. <div class="jzdconp">
  358. <center><b>first middle last</b></center>
  359. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  360. </div></div>
  361.  
  362. <!---CONNECTION BOX--->
  363. <div class="jzdconb">
  364. <img src="http://via.placeholder.com/160x80/8a8a8a">
  365. <div class="jzdconp">
  366. <center><b>first middle last</b></center>
  367. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  368. </div></div>
  369.  
  370. <!---CONNECTION BOX--->
  371. <div class="jzdconb">
  372. <img src="http://via.placeholder.com/160x80/8a8a8a">
  373. <div class="jzdconp">
  374. <center><b>first middle last</b></center>
  375. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  376. </div></div>
  377.  
  378. <!---CONNECTION BOX--->
  379. <div class="jzdconb">
  380. <img src="http://via.placeholder.com/160x80/8a8a8a">
  381. <div class="jzdconp">
  382. <center><b>first middle last</b></center>
  383. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  384. </div></div>
  385.  
  386. <!---CONNECTION BOX--->
  387. <div class="jzdconb">
  388. <img src="http://via.placeholder.com/160x80/8a8a8a">
  389. <div class="jzdconp">
  390. <center><b>first middle last</b></center>
  391. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  392. </div></div>
  393.  
  394. <!---CONNECTION BOX--->
  395. <div class="jzdconb">
  396. <img src="http://via.placeholder.com/160x80/8a8a8a">
  397. <div class="jzdconp">
  398. <center><b>first middle last</b></center>
  399. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  400. </div></div>
  401.  
  402. <!---CONNECTION BOX--->
  403. <div class="jzdconb">
  404. <img src="http://via.placeholder.com/160x80/8a8a8a">
  405. <div class="jzdconp">
  406. <center><b>first middle last</b></center>
  407. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  408. </div></div>
  409.  
  410. <!---CONNECTION BOX--->
  411. <div class="jzdconb">
  412. <img src="http://via.placeholder.com/160x80/8a8a8a">
  413. <div class="jzdconp">
  414. <center><b>first middle last</b></center>
  415. <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  416. </div></div>
  417.  
  418. </div></div>
  419.  
  420.  
  421. <!------------CONNECTION LINKS------------>
  422. <div id="jzdrbox">
  423.  
  424. <h1>connection links</h1>
  425.  
  426. <!------------CONNECTION IMAGE------------>
  427. <img src="http://i64.tinypic.com/2m81jbb.jpg" align="right" width="250" height="187">
  428.  
  429. <div class="jzdbio jzdcol" style="height:197px;width:320px;float:left;margin:0 5px 0 0;">
  430.  
  431. <a href="/#########" class="jzd3">First Middle Last</a>
  432. <a href="/#########" class="jzd4">First Middle Last</a>
  433. <a href="/#########" class="jzd3">First Middle Last</a>
  434. <a href="/#########" class="jzd4">First Middle Last</a>
  435. <a href="/#########" class="jzd3">First Middle Last</a>
  436. <a href="/#########" class="jzd4">First Middle Last</a>
  437. <a href="/#########" class="jzd3">First Middle Last</a>
  438. <a href="/#########" class="jzd4">First Middle Last</a>
  439. <a href="/#########" class="jzd3">First Middle Last</a>
  440. <a href="/#########" class="jzd4">First Middle Last</a>
  441. <a href="/#########" class="jzd3">First Middle Last</a>
  442. <a href="/#########" class="jzd4">First Middle Last</a>
  443. <a href="/#########" class="jzd3">First Middle Last</a>
  444. <a href="/#########" class="jzd4">First Middle Last</a>
  445. <a href="/#########" class="jzd3">First Middle Last</a>
  446. <a href="/#########" class="jzd4">First Middle Last</a>
  447. <a href="/#########" class="jzd3">First Middle Last</a>
  448. <a href="/#########" class="jzd4">First Middle Last</a>
  449. <a href="/#########" class="jzd3">First Middle Last</a>
  450. <a href="/#########" class="jzd4">First Middle Last</a>
  451.  
  452. </div></div>
  453.  
  454. </div><!--right-->
  455.  
  456.  
  457. <!------------LOVE INTEREST BANNER------------>
  458. <div id="jzdmain-banner">
  459. <img src="http://i67.tinypic.com/30ayo05.jpg" width="878" height="300">
  460.  
  461. <!-----------LOVE INTEREST QUOTE------------>
  462. <div class="jzdli">
  463. <h3>put your quote about love here or a short description</h3>
  464.  
  465. <!------------BASIC LOVE STATS------------>
  466. <div class="jzdlib" style="float:left;">
  467. <h2>basic love stats</h2>
  468.  
  469. <p>
  470. <b>Status</b> ---<br>
  471. <b>Whom</b> <a href="/">Name</a><br>
  472. <b>Dated</b> 00/00/0000<br>
  473. <b>Engaged</b> 00/00/0000<br>
  474. <b>Married</b> 00/00/0000<br>
  475. <b>Children</b> Name (age). Name (age). Name (age).<br>
  476. <b>Our Song(s)</b> Song by artist. Song by artist. Song by artist.
  477. </p>
  478.  
  479. <p><b>Our Story</b> Pellentesque accumsan, eros ac ultricies vehicula, enim orci hendrerit quam, at porttitor leo odio sit amet libero. Sed porta sem eu metus malesuada hendrerit. Sed at sapien ac diam vestibulum ultrices. In eget commodo lacus. Maecenas sed nisl quam. Donec pulvinar, nisi non rutrum cursus, nisl mauris luctus diam, eget eleifend nunc massa ut dolor. Nunc consequat fringilla massa, vel consequat ex interdum et. Pellentesque risus neque, tincidunt vitae sodales a, placerat eu ex. Pellentesque accumsan, eros ac ultricies vehicula, enim orci hendrerit quam, at porttitor leo odio sit amet libero. Sed porta sem eu metus malesuada hendrerit. Sed at sapien ac diam vestibulum ultrices. In eget commodo lacus. Maecenas sed nisl quam. Donec pulvinar, nisi non rutrum cursus, nisl mauris luctus diam, eget eleifend nunc massa ut dolor. Nunc consequat fringilla massa, vel consequat ex interdum et. Pellentesque risus neque, tincidunt vitae sodales a, placerat eu ex.</p>
  480.  
  481. </div>
  482.  
  483. <!------------ABOUT LOVE INTEREST------------>
  484. <div class="jzdlib" style="float:right;">
  485. <h2>about love interest</h2>
  486.  
  487. <p>Pellentesque accumsan, eros ac ultricies vehicula, enim orci hendrerit quam, at porttitor leo odio sit amet libero. Sed porta sem eu metus malesuada hendrerit. Sed at sapien ac diam vestibulum ultrices. In eget commodo lacus. Maecenas sed nisl quam. Donec pulvinar, nisi non rutrum cursus, nisl mauris luctus diam, eget eleifend nunc massa ut dolor. Nunc consequat fringilla massa, vel consequat ex interdum et. Pellentesque risus neque, tincidunt vitae sodales a, placerat eu ex. Pellentesque accumsan, eros ac ultricies vehicula, enim orci hendrerit quam, at porttitor leo odio sit amet libero. Sed porta sem eu metus malesuada hendrerit. Sed at sapien ac diam vestibulum ultrices. In eget commodo lacus. Maecenas sed nisl quam. Donec pulvinar, nisi non rutrum cursus, nisl mauris luctus diam, eget eleifend nunc massa ut dolor. Nunc consequat fringilla massa, vel consequat ex interdum et. Pellentesque risus neque, tincidunt vitae sodales a, placerat eu ex.</p>
  488.  
  489. <p>Pellentesque accumsan, eros ac ultricies vehicula, enim orci hendrerit quam, at porttitor leo odio sit amet libero. Sed porta sem eu metus malesuada hendrerit. Sed at sapien ac diam vestibulum ultrices. In eget commodo lacus. Maecenas sed nisl quam. Donec pulvinar, nisi non rutrum cursus, nisl mauris luctus diam, eget eleifend nunc massa ut dolor. Nunc consequat fringilla massa, vel consequat ex interdum et. Pellentesque risus neque, tincidunt vitae sodales a, placerat eu ex. Pellentesque accumsan, eros ac ultricies vehicula, enim orci hendrerit quam, at porttitor leo odio sit amet libero. Sed porta sem eu metus malesuada hendrerit. Sed at sapien ac diam vestibulum ultrices. In eget commodo lacus. Maecenas sed nisl quam. Donec pulvinar, nisi non rutrum cursus, nisl mauris luctus diam, eget eleifend nunc massa ut dolor. Nunc consequat fringilla massa, vel consequat ex interdum et. Pellentesque risus neque, tincidunt vitae sodales a, placerat eu ex.</p>
  490.  
  491. </div></div>
  492.  
  493. </div></div>
  494.  
  495.  
  496. </div></body></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!