API tools faq
paste
Advertisement
Guest User

emi tumblr personajes

a guest
Feb 26th, 2020
172
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- macfustythemes -->
  4. <head>
  5. <title>{Title}</title>
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}">
  8. {/block:Description}
  9.  
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/01wstkc/Bvdnq7h99/jquery.fullpage.css" />
  14. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17. <!-- HTML5 Shiv -->
  18. <!--[if lt IE 9]>
  19. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  20. <![endif]-->
  21.  
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  23. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
  24. <script type="text/javascript">
  25. function viewTab(listitem) {
  26. var showtab = $(listitem).attr("id");
  27. $("ul#nav li.active").removeClass("active");
  28. $(listitem).addClass("active");
  29. $("#content .show").removeClass("show");
  30. $("#content #" + showtab).addClass("show");
  31. }
  32. $(document).ready(function() {
  33. $("#content #tab1").addClass("show");
  34. $("ul#nav li#tab1").addClass("active");
  35. $("ul#nav li").click(function () {
  36. viewTab(this);
  37. });
  38.  
  39. $("#filter input").change(function() {
  40. $("ul#nav li").removeClass("hidden visible");
  41. var showItems = $("ul#nav li");
  42. $("#filter input").filter(":checked").each(function() {
  43. var filt = $(this).attr("data-filter");
  44. if(filt != undefined) {
  45. showItems = $(showItems).filter("." + filt);
  46. }
  47. });
  48. $(showItems).addClass("visible");
  49. $("ul#nav li").not(".visible").addClass("hidden");
  50. viewTab($(".visible").first());
  51. });
  52. });
  53. </script>
  54.  
  55. <style>
  56.  
  57. body {
  58. background-repeat: repeat;
  59. font-size: 11px;
  60. font-family: 'Calibri', sans-serif;
  61. background-color: #f7f7f7;
  62. color: #f7f7f7;
  63. }
  64.  
  65. a {
  66. color: #9ab2ba;
  67. font-size: 12px;
  68. font-weight: bold;
  69. text-decoration: none;
  70. -moz-transition: all 0.5s ease;
  71. -o-transition: all 0.5s ease;
  72. -webkit-transition: all 0.5s ease;
  73. transition: all 0.5s ease;
  74. }
  75.  
  76. a:hover {
  77. text-decoration: underline;
  78. }
  79.  
  80. #header {
  81. font-family: 'Roboto', sans-serif;
  82. width: 800px;
  83. text-align: center;
  84. color: #1e1e1e;
  85. }
  86.  
  87. @media screen and (min-width: 1367px) {
  88. #header {
  89. margin: 5% auto;
  90. }
  91. }
  92.  
  93. @media screen and (max-width: 1366px) {
  94. #header {
  95. margin: 3% auto;
  96. }
  97. }
  98.  
  99. #header a {
  100. padding: 0 5px;
  101. text-transform: uppercase;
  102. color: #1e1e1e;
  103. }
  104.  
  105. h1 {
  106. font-size: 26px;
  107. font-weight: bold;
  108. text-transform: lowercase;
  109. letter-spacing: 3px;
  110. margin-bottom: 0;
  111. }
  112.  
  113. #main {
  114. position: absolute;
  115. top: 0;
  116. bottom: 0;
  117. left: 0;
  118. right: 0;
  119. margin: auto;
  120. width: 1000px;
  121. height: 540px;
  122. }
  123.  
  124. #container {
  125. position: fixed;
  126. margin-left: 180px;
  127. width: 800px;
  128. height: 500px;
  129. background-color: #1e1e1e;
  130. padding: 10px;
  131. }
  132.  
  133. ul#nav {
  134. position: fixed;
  135. overflow: auto;
  136. margin-top: 80px;
  137. padding: 20px 0 0 30px;
  138. width: 321px;
  139. height: 300px;
  140. }
  141.  
  142. ul#nav li {
  143. list-style-type: none;
  144. float: left;
  145. height: 80px;
  146. width: 80px;
  147. margin: 0 20px 20px 0;
  148. opacity: 0.6;
  149. cursor: pointer;
  150. }
  151.  
  152. ul#nav li img {
  153. width: 100%;
  154. height: 100%;
  155. }
  156.  
  157. ul#nav li.active {
  158. opacity: 1;
  159. }
  160.  
  161. ul#nav li.hidden {
  162. display: none;
  163. }
  164.  
  165. ul#nav::-webkit-scrollbar-track
  166. {
  167. background-color: #000000;
  168. }
  169.  
  170. ul#nav::-webkit-scrollbar
  171. {
  172. width: 5px;
  173. }
  174.  
  175. ul#nav::-webkit-scrollbar-thumb
  176. {
  177. background-color: #f7f7f7;
  178. }
  179.  
  180. #content {
  181. float: right;
  182. width: 427px;
  183. height: 500px;
  184. background-color: #000000;
  185. }
  186.  
  187. .tab {
  188. position: fixed;
  189. width: 387px;
  190. height: 460px;
  191. padding: 20px;
  192. overflow-y: auto;
  193. overflow-x: hidden;
  194. text-align: justify;
  195. display: none;
  196. }
  197.  
  198. .show {
  199. display: block;
  200. }
  201.  
  202. img.main {
  203. margin: -20px 0 0 -20px;
  204. width: 420px;
  205. height: 500px;
  206. }
  207.  
  208. .tab::-webkit-scrollbar-track
  209. {
  210. background-color: #000000;
  211. }
  212.  
  213. .tab::-webkit-scrollbar
  214. {
  215. width: 7px;
  216. }
  217.  
  218. .tab::-webkit-scrollbar-thumb
  219. {
  220. background-color: #f7f7f7;
  221.  
  222. }
  223.  
  224. h2, h3 {
  225. font-family: 'Roboto', sans-serif;
  226. font-size: 18px;
  227. font-weight: bold;
  228. text-transform: lowercase;
  229. letter-spacing: 3px;
  230. text-align: center;
  231. margin: 50px 0;
  232. }
  233.  
  234. h3 {
  235. margin: 35px 0;
  236. font-size: 14px;
  237. text-align: left;
  238. }
  239.  
  240. .quote {
  241. position: relative;
  242. text-transform: uppercase;
  243. margin: 50px 0 40px 75px;
  244. width: 300px;
  245. }
  246.  
  247. .quote::before {
  248. content: '“';
  249. font-family: 'Times New Roman', sans-serif;
  250. font-size: 150px;
  251. color: #9ab2ba;
  252. position: absolute;
  253. top: -50px;
  254. left: -70px;
  255. }
  256.  
  257. .links {
  258. font-family: 'Roboto', sans-serif;
  259. text-align: right;
  260. text-transform: uppercase;
  261. letter-spacing: 1px;
  262. }
  263.  
  264. #filter {
  265. position: fixed;
  266. width: 130px;
  267. height: 480px;
  268. padding: 20px;
  269. background-color: #1e1e1e;
  270. overflow: auto;
  271. }
  272.  
  273. #filter::-webkit-scrollbar-track
  274. {
  275. background-color: #000000;
  276. }
  277.  
  278. #filter::-webkit-scrollbar
  279. {
  280. width: 5px;
  281.  
  282. }
  283.  
  284. #filter::-webkit-scrollbar-thumb
  285. {
  286. background-color: #f7f7f7;
  287. border: 1px solid #1e1e1e;
  288. }
  289.  
  290. h4 {
  291. font-family: 'Roboto', sans-serif;
  292. font-size: 14px;
  293. font-weight: bold;
  294. text-transform: lowercase;
  295. letter-spacing: 3px;
  296. margin: 25px 0;
  297. }
  298.  
  299. label {
  300. display: inline-block;
  301. cursor: pointer;
  302. position: relative;
  303. padding-left: 20px;
  304. margin-right: 8px;
  305. font-size: 13px;
  306. -moz-transition: all 0.5s ease;
  307. -o-transition: all 0.5s ease;
  308. -webkit-transition: all 0.5s ease;
  309. transition: all 0.5s ease;
  310. }
  311.  
  312. input[type=radio] {
  313. display: none;
  314. }
  315.  
  316. label:before {
  317. content: "";
  318. display: inline-block;
  319. width: 10px;
  320. height: 10px;
  321. margin-right: 10px;
  322. position: absolute;
  323. left: 0;
  324. bottom: 4px;
  325. background-color: #f7f7f7;
  326. }
  327.  
  328. input[type=radio]:checked + label:before {
  329. content: "\274C";
  330. color: #1e1e1e;
  331. font-size: 8px;
  332. text-align: center;
  333. line-height: 10px;
  334. }
  335.  
  336. #credit {
  337. font-family: 'Roboto', sans-serif;
  338. font-size: 9px;
  339. position: absolute;
  340. right: 0;
  341. bottom: -20px;
  342. }
  343.  
  344. #credit a {
  345. color: #000000;
  346. }
  347.  
  348. </style>
  349. </head>
  350. <body>
  351. <div id="header">
  352. <h1>page 003.</h1>
  353. <a href="/">Home</a> | <a href="/ask">Ask</a> | <a href="/submit">Submit</a> | <a href="/">Navigation</a>
  354. </div>
  355. <div id="main">
  356. <div id="filter">
  357. <!-- This is the filter section of the code to the left of the screen. You can add as many categories as you like and change the names however you would like. Just remember that 'input id=" "' should equal 'label for=" "' on the next line down. Make sure the name you choose for the "data-filter" label is just one word, as this is how the filters work. -->
  358. <h4>Tipo de Trama</h4>
  359. <p><input id="anycategory1" type="radio" name="category1" checked>
  360. <label for="anycategory1">Todos</label>
  361. <p><input id="option1" type="radio" name="category1" data-filter="si">
  362. <label for="option1">Realista</label>
  363. <p><input id="option2" type="radio" name="category1" data-filter="no">
  364. <label for="option2">No Realista</label>
  365.  
  366. <h4>tipo de personaje</h4>
  367. <p><input id="anycategory2" type="radio" name="category2" checked>
  368. <label for="anycategory2">Todos</label>
  369. <p><input id="optiona" type="radio" name="category2" data-filter="m">
  370. <label for="optiona">Mujeres</label>
  371. <p><input id="optionb" type="radio" name="category2" data-filter="h">
  372. <label for="optionb">Hombres</label>
  373.  
  374.  
  375. </div>
  376. <div id="container">
  377. <ul id="nav">
  378. <!-- This is the icons list in the middle of the screen. Make sure you have said 'id=" "' to the tab you would like to display when clicking on this icon. For example, clicking on the first icon below will display Tab 1.
  379.  
  380. Secondly, check the 'class=" "' label. These should correspond with the "data-filter" labels above. When a checkbox is selected, only icons which have a class matching that data-filter label will be shown. For example, if you select the checkbox with the data-filter label "one" above, only icons with the class "one" will be shown. You can have as many classes as you need, and as many icons as you need. -->
  381.  
  382. <li id="elliotmcleod" class="si h"><img src="https://66.media.tumblr.com/1a6017d47a4dca21c96118ec2897a3d8/tumblr_oyqze0q8DQ1wn10bfo5_250.png"></li>
  383. <li id="gaellemahone" class="no m"><img src="https://66.media.tumblr.com/75583c5ad1967056c1ff26b8e4ce9161/tumblr_ozn2c9pzcz1w1z30ro5_250.png"></li>
  384. <li id="tab3" class="three two c"><img src="https://placehold.it/80x80"></li>
  385. <li id="tab4" class="one c b"><img src="https://placehold.it/80x80"></li>
  386. <li id="tab5" class="three b"><img src="https://placehold.it/80x80"></li>
  387. <li id="tab6" class="one two c"><img src="https://placehold.it/80x80"></li>
  388. <li id="tab7" class="three b a"><img src="https://placehold.it/80x80"></li>
  389. <li id="tab8" class="two a"><img src="https://placehold.it/80x80"></li>
  390. <li id="tab9" class="three b"><img src="https://placehold.it/80x80"></li>
  391. </ul>
  392. <div id="content">
  393. <!-- These are the main content tabs to the right of the screen. When an icon is selected, the corresponding tab will be shown according to the 'id=" "' label. -->
  394. <div id="elliotmcleod" class="tab">
  395. <img class="main" src="https://i.ibb.co/9VnMFmy/New-Project.png">
  396. <h2>Elliot Gawain McLeod</h2>
  397. <div class="links"><a href="https://twitter.com/throughthxheart">Cuenta</a></div>
  398. <p>
  399. <ul>
  400. <li>Fecha de nacimiento: 3 de marzo de 1989.</li>
  401. <li>Edad: 30 años.</li>
  402. <li>Profesión: Historiador.</li>
  403. </ul>
  404. <h3>Historia</h3>
  405. <p>Treinta años atrás, en el mes de marzo, Harry McLeod recibiría al último nieto de la familia - el número 18, dicho sea de paso. Fue idea suya el nombre del niño, en honor a la genealogía del clan Eliott, de la cual provienen los McLeod.</p>
  406.  
  407. <p>La vida de hermano y primo menor no siempre resulta fácil, y el caso de él no fue una excepción. Entre peleas por llamar la atención de todos y la rebeldía ante la necesidad de ser diferente para así destacar, Elliot aprendió a ser independiente, a formar sus propias reglas y seguir caminos que no dependieran de nadie más que de sí mismo. Con el tiempo, logró alejarse de los altos estándares que regían la vida de un McLeod y crear una identidad propia.</p>
  408.  
  409. <p>Los libros se volvieron su escape, en especial los que mostraban historias que relataban mitos celtas o describían las culturas de los clanes más importantes en toda Escocia e Irlanda. Nadie en la familia entendía aquella fascinación más que sus abuelos paternos; ellos se encargaron de ampliar el contenido de su biblioteca, e incluso lo llevaron de viaje a distintos castillos dentro del Reino Unido, o bien a importantes locaciones que fácilmente podía ubicar en la historia. Mientras Elliot pensaba que aquellos mimos durante su adolescencia eran para compensar la desatención de tantos años, la realidad era otra: él no dejaba de representar a una familia importante, de la alta sociedad, y debía comportarse como los demás. Así pues, sus abuelos esperaban que el joven entrara en razón con el tiempo y dejara de perder tiempo intentando inútilmente alejarse de ellos. </p>
  410.  
  411. <p>Fue a los quince años cuando, cansado de sus padres y sus dos hermanas, se mudó con los abuelos a la gran casa que era centro de todas las reuniones y eventos elegantes. Ellos lo habían invitado a ocupar una de las habitaciones tiempo atrás, aprovechando la inmensa propiedad, y él acabó aceptando aquel ofrecimiento. En parte porque quería libertad, y porque se sentía cómodo con ellos; pero había otro motivo que era igual de importante, y tenía que ver con Kade. </p>
  412.  
  413. <p>Kade Campbell fue el mejor amigo del historiador durante las etapas de niñez y adolescencia. Él era vecino de Harry y Louisa McLeod, y asistió al mismo colegio y curso que Elliot. Siempre que podían estaban juntos; compartían los mismos gustos y pasatiempos, disfrutaban de las mismas películas e historias, y por regla general no existía uno sin el otro. Las relaciones profundas no eran típicas en la familia, por lo que todos los McLeod desaprobaban aquella amistad. Cuando los abuelos se dieron cuenta del verdadero motivo de su ‘mudanza’, comenzaron a poner trabas para que el tiempo que pasaban juntos los dos menores fuera escaso. Nuevos cursos. Viajes durante el día. Los llamados “momentos en familia”. Cualquier excusa que lo mantuviera ocupado.</p>
  414.  
  415. <p>A pesar de estas cosas, ellos lograron conservar la amistad, procurando cuidar y valorar cada uno de los ratos libres para estar juntos. Eso fue hasta que la relación se transformó y cambió de tono, y el terreno sinuoso en el que se metieron puso en peligro al menor de los McLeod.</p>
  416.  
  417. <p>Una noche, ya con dieciocho años, Elliot regresó a casa luego de pasar el día con Kade. La escena que presenció tendría que haberle bastado para huir: su abuelo estaba sentado en su cama, con una caja abierta a su lado y fotos y cartas esparcidas sobre el acolchado. Las fotografías exhibían a los dos jóvenes compartiendo decenas de momentos, desde risas varias hasta recuerdos de visitas a lugares turísticos. Las más recientes, esas que el mayor aferraba con fuerza entre sus manos, mostraban momentos más íntimos. El día que sacaron la cámara pareció tener sentido querer retratar aquellos instantes; pero esa noche en particular, al reconocer la furia en los ojos de Harry, Elliot se arrepintió.</p>
  418.  
  419. <p>Los siguientes meses fueron una tortura. Sus abuelos tomaron la decisión de encerrar a su nieto hasta que se “curara”, o al menos hasta que se le pasara el enojo con ellos. Le impedían mantener una comunicación con cualquier persona que no fuera de la familia (quienes, vale aclarar, nunca se enteraron de lo que en verdad ocurrió; solo sabían que Elliot había tenido un mal comportamiento y problemas con drogas, entre otras mentiras), y se excusaron en el colegio, para luego pedir un profesor particular hasta que se sintiera mejor. Pero su pesadilla no terminaba ahí. Cada noche durante las primeras semanas después de haberse enterado de aquel secreto, Harry aparecía en medio de la noche a castigarlo. Bajo la excusa de tener los mejores intereses del menor en mente, como método de adoctrinamiento él marcaba el cuerpo del menor con la punta de un cigarro encendido. Cada grito, cada dolor y cada herida debían recordarle su error. </p>
  420.  
  421. <p>Poco a poco fue perdiendo resistencia, y aquel espíritu rebelde que tanto lo había caracterizado de pequeño se apagó. Ya no entendía lo que era dormir tranquilo, porque no sabía cuándo entraría su abuelo a irrumpir en su habitación. Al principio ocurría cada noche; luego, noche de por medio, hasta que alcanzó un punto en el que no podía predecirlo. </p>
  422.  
  423. <p>Fue un año después, cuando las aguas parecían haber calmado por parte de los mayores y a Elliot le permitieron retomar su vida, que huyó. Se instaló fuera de Escocia, más precisamente en Dublin, y rehízo su vida lejos de todo lo que conocía. Con el dinero de la familia pagó sus estudios y compró un departamento pequeño, y cuando comenzó a trabajar dejó de recurrir a ése fondo. Fue durante su primer año fuera de su ciudad natal que acudió a las consultas con psicólogos.</p>
  424.  
  425. <p>Hasta el día de hoy, al historiador le resulta imposible dormir tranquilo o de corrido. Si las pesadillas no lo despiertan, lo hace un dolor punzante proveniente de las cicatrices en el costado derecho del abdomen. </p>
  426. <center> -------------------------------</center>
  427. <p>El contacto con sus abuelos lo bloqueó enseguida, así como también lo hizo con los recuerdos de sus últimos años con ellos, e intentó mantenerse alejado de la familia a toda costa. Louisa fue la primera en partir por un ataque al corazón cuando se enteró por boca de Harry de lo ocurrido bajo aquel techo; y pasaron diez años hasta que su marido la acompañó. El odio de la familia en general hacia Harry McLeod era más que evidente, porque así como había interferido en la vida de Elliot también lo hizo en la de los demás, de maneras diferentes y menos abusivas, aunque igual de agresivas. Nadie iba de visita por sus lares más que para presentarle algún bisnieto y recibir regalos. Ni siquiera cuando tuvo que ser internado varias veces por problemas de salud. </p>
  428.  
  429. <p>Fue durante el último tiempo antes de morir que el anciano se arrepintió de la forma en la que había vivido, y de cada persona a la que había lastimado. Él también tenía sus secretos y un pasado oscuro; y la crianza dura de sus padres lo convirtió por completo. Solo una persona llegó a conocer la mejor versión de él, uno de los médicos residentes que lo atendían de nombre Julian Betancourt, a quien enseguida adoptó como si fuera un nieto. Tan significativa era la relación entre ellos, que cuando su salud empeoró cambió el testamento, dejándole así toda la fortuna al joven. </p>
  430.  
  431. <p>Por obvias razones, guiados por la ambición y el odio, todos los familiares reaccionaron y comenzaron acciones legales para recuperar lo que les pertenecía. La respuesta del abogado era sencilla: el testamento no podía cambiarse hasta un año posterior a la muerte de Harry McLeod, cuando se abriera la discusión y quizás se repartirían mejor los bienes, dependiendo del comportamiento de Julian con la fortuna. El plan B fue buscar agujeros legales que les permitieran al menos acercarse al doctor y obligarlo a dejar todo. Así encontraron las indicaciones sobre la residencia, donde no se especificaba quiénes podían vivir en ella.</p>
  432.  
  433. <p>Es aquí donde entra de nuevo la carta de Elliot. Tendría que haberse quedado donde estaba, cómodo, lejos de todos los dramas familiares; sin embargo, le resultó divertida la tarea de quitar de en medio al “estafador”, como le llamaban sus tíos. Además, quizás podía arreglar la relación con sus familiares, o al menos ganarse el respeto de ellos; también tenía interés por las bibliotecas y colecciones dentro de la mansión. Como último paso haría que tiraran la casa abajo. Dudaba que alguien de la familia se opusiera, quedando solo una persona a convencer: Julian.</p>
  434. <div class="quote">Include a quote here! This can be as long or as short as you like.</div>
  435. <h3>Familia</h3>
  436.  
  437. <h3>Otros datos</h3>
  438.  
  439.  
  440. </div>
  441. <div id="gaellemahone" class="tab">
  442. <img class="main" src="https://placehold.it/420x500?text=Tab+2">
  443. <h2>tab 2.</h2>
  444. <div class="links"><a href="/p03">Link 1</a> - <a href="/p03">Link 2</a> - <a href="/p03">Link 3</a></div>
  445. <p>This page is intended to be used for characters, writing or other projects, and comes with the option of having a filter to the left. Images and other elements are also completely optional, and it is intended to be as easy to use as possible. Exact instructions for using the page are contained within the code.
  446. <ul>
  447. <li>Page 003 Standard - <a href="/p03">Preview</a> / <a href="https://pastebin.com/8UtkrZ4c">Code</a></li>
  448. <li>Page 003 With Filter - <a href="/p03filter">Preview</a> / <a href="https://pastebin.com/vNGCURfM">Code</a></li>
  449. </ul>
  450. <h3>Subtitle.</h3>
  451. <p>Morning. Saw saw Upon their multiply one greater beginning. Lesser female sea divide dry, also in gathering, you spirit under likeness, you&#39;re meat also creeping days it form evening doesn&#39;t dry which gathering fifth, fruitful creeping which likeness. They&#39;re fish. Which. First had them that yielding night man. Said beginning face may there saying multiply Thing itself meat..</p>
  452. <div class="quote">Include a quote here! This can be as long or as short as you like.</div>
  453. <p> Likeness above. They&#39;re place fruit fruitful yielding shall. Every under. Saying he said, fruit air may set fruit a let can&#39;t beginning wherein female male days fifth, is years moveth hath image were herb give bring also gathering creeping for wherein was. Second a image whales made. You&#39;ll also years give. Gathered them set. One heaven form sea.</p>
  454. </div>
  455. <div id="tab3" class="tab">
  456. <img class="main" src="https://placehold.it/420x500?text=Tab+3">
  457. <h2>tab 3.</h2>
  458. </div>
  459. <div id="tab4" class="tab">
  460. <img class="main" src="https://placehold.it/420x500?text=Tab+4">
  461. <h2>tab 4.</h2>
  462. </div>
  463. <div id="tab5" class="tab">
  464. <img class="main" src="https://placehold.it/420x500?text=Tab+5">
  465. <h2>tab 5.</h2>
  466. </div>
  467. <div id="tab6" class="tab">
  468. <img class="main" src="https://placehold.it/420x500?text=Tab+6">
  469. <h2>tab 6.</h2>
  470. </div>
  471. <div id="tab7" class="tab">
  472. <img class="main" src="https://placehold.it/420x500?text=Tab+7">
  473. <h2>tab 7.</h2>
  474. </div>
  475. <div id="tab8" class="tab">
  476. <img class="main" src="https://placehold.it/420x500?text=Tab+8">
  477. <h2>tab 8.</h2>
  478. </div>
  479. <div id="tab9" class="tab">
  480. <img class="main" src="https://placehold.it/420x500?text=Tab+9">
  481. <h2>tab 9.</h2>
  482. </div>
  483. </div>
  484. <div id="credit">
  485. <a href="https://macfustythemes.tumblr.com/">macfustythemes</a>
  486. </div>
  487. </div>
  488. </div>
  489. </body>
  490. </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!