Advertisement
aliyahscreation

Aries

Apr 9th, 2022
1,007
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.66 KB | None | 0 0
  1. <style>
  2.  
  3. .backgroundA {
  4.     width:100%;
  5.     overflow:hidden;
  6.     height:700px;
  7.     margin:0 auto;
  8.     display:flex;
  9.     background-color:white;
  10.     border:1px solid rgba(0,0,0,0.1);
  11.     background-size:cover;
  12. }  
  13.  
  14. .leftpageA {
  15.     width:45%;
  16.     background:silver url(https://wallpaperaccess.com/full/3939134.jpg)center;
  17.     background-size:cover;
  18.     color:#fff;
  19. }  
  20.  
  21. .insideleftA {
  22.     padding:5%;
  23.     text-align:center;
  24. }  
  25.  
  26. .imgleftA {
  27.     height:200px;
  28.     max-width:80%;
  29.     border:1px solid #000;
  30.     border-radius:100px 10px/10px 100px;
  31.     box-shadow:1px 1px 5px 0 rgba(255,255,255,0.4);
  32.     margin:10px;
  33. }  
  34.  
  35. .nameA {
  36.     font-family: 'Merienda', cursive;
  37.     font-size:25px;
  38.     color:silver;    
  39. }  
  40.  
  41. .subtitleA {
  42.     opacity:0.8;
  43.     font-size:15px;    
  44. }  
  45.  
  46. .summaryA {
  47.     display:block;
  48.     font-size:22px;
  49.     border-bottom:1px solid rgba(0,0,0,0.2);
  50.     padding:10px;
  51.     letter-spacing:1px;
  52.     text-align:center;
  53.     text-decoration:none;
  54.     color:#000;
  55.     text-shadow:1px 1px 1px rgba(255,255,255,0.6);    
  56. }
  57.  
  58. .rightpageA {
  59.     width:55%;
  60.     height:700px;
  61.     overflow:hidden;    
  62. }  
  63.  
  64. .insiderightA {
  65.     margin-top: 0px;
  66.     margin:10px;
  67.     height:680px;
  68.     overflow:auto;
  69. }  
  70.  
  71. .titleA {
  72.     margin:5px;
  73.     font-size:40px;
  74.     color:#444;
  75.     text-shadow : 2px 2px 2px rgba(0,0,0,0.3);    
  76.     text-align:left;
  77. }    
  78.  
  79. .identityA {
  80.     width:100%;
  81.     color:black;    
  82. }  
  83.  
  84. .idleftA {
  85.     padding-right:1%;
  86.     width:35%;
  87.     border-right:3px solid #666;
  88.     color:#03224C;
  89.     font-family:Courier New;  
  90.     font-size:18px;
  91.     text-align:right;
  92.     text-transform:uppercase;    
  93. }  
  94.  
  95. .idrightA {
  96.     width:65%;
  97.     font-family:'La Belle Aurore';
  98.     font-size:18px;    
  99. }  
  100.  
  101. .idcenterA {
  102.     width:100%;
  103.     text-align:center;
  104.     padding:1%;
  105. }  
  106.  
  107. .idimgA {
  108.     height:150px;
  109.     box-shadow:5px 5px 8px 1px rgba(0,0,0,0.3);
  110.     margin:2%;
  111.     flex:50%;
  112. }  
  113.  
  114. .perimgA {
  115.     height:18%;
  116.     width:90%;
  117.     margin: auto;
  118.     margin-top:5px;
  119.     margin-bottom:20px;
  120.     outline: 1px solid rgba(0,0,0,0.4);
  121.     outline-offset: 2px;
  122. }
  123.  
  124. .pertraitA {
  125.     display:flex;
  126.     justify-content:space-between;
  127.     font-family:Courier New;
  128.     text-align:center;
  129.     line-height:1;
  130.     font-size:10px;
  131.     letter-spacing:1px;
  132.     text-transform:uppercase;
  133.     padding:1%;
  134. }  
  135.  
  136. .traitA {
  137.     width:calc(25% - 5px);
  138.     background:rgba(3,34,76,0.1);
  139.     padding:10px 0;
  140. }  
  141.  
  142. .subtitle2A {
  143.     width:50%;
  144.     font-family:Courier New;
  145.     font-size:22px;
  146.     letter-spacing:3px;
  147.     text-transform:uppercase;
  148.     margin-left:25%;
  149.     margin-bottom:5px;
  150.     margin-top:20px;
  151.     padding:3px;
  152.     background-color:rgba(0,0,0,0.25);
  153.     text-align:center;
  154. }  
  155.  
  156. .perboxA {
  157.     background-color: rgba(0,51,102,0.5);
  158.     border:solid 1px black;
  159.     padding:5px;
  160.     margin:20px;
  161. }  
  162.  
  163. .pertitleA {
  164.     width:200px;
  165.     height:40px;
  166.     background-color: rgba(255,255,255,0.4);
  167.     font-family: 'Caesar Dressing', cursive;
  168.     font-size:30px;
  169.     padding:2px;    
  170. }
  171.  
  172. .perlistA {
  173.     list-style-type: circle;
  174.     list-style-position: inside;
  175.     margin:10px 0 0 -30px;
  176.     font-family:'La Belle Aurore';
  177.     font-size:20px;
  178.     color:white;    
  179. }  
  180.  
  181. .aprimgA {
  182.     height:100%;
  183. }  
  184.  
  185. .aprinfoA {
  186.     margin:2%;
  187.     font-family: 'Zen Loop', cursive;
  188.     font-size:25px;
  189.     border-bottom:1px solid rgba(0,0,0,0.2);
  190. }    
  191.  
  192.   .aprinfoA > b{
  193.     text-transform:uppercase;
  194.   }
  195.  
  196. .ableftA {
  197.     flex:33%;
  198.     margin-right:30px;
  199.     font-size:12px;
  200.     letter-spacing:2px;
  201.     text-transform:uppercase;    
  202. }  
  203.  
  204. .abimgA {
  205.     height:20%;
  206.     width:95%;
  207.     margin:auto;
  208.     margin-top:5px;
  209.     margin-bottom:20px;
  210.     outline: 1px solid rgba(0,0,0,0.4);
  211.     outline-offset: 2px;
  212. }  
  213.  
  214. .ablabelA {
  215.     font-size:16px;
  216.     letter-spacing:3px;
  217.     text-transform:uppercase;
  218.     font-weight:bold;
  219.     color:#888;
  220.     text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  221. }  
  222.  
  223. .abskillA {
  224.     margin:10px 10px 20px 10px;
  225.     padding:10px;
  226.     border:1px solid rgba(0,0,0,0.3);    
  227. }  
  228.  
  229. .relimgA {
  230.     width:120px;
  231.     height:120px;
  232.     margin-right:10px;
  233.     margin-left:10px;
  234.     outline: 1px solid rgba(0,0,0,0.4);
  235.     outline-offset: 2px;
  236. }  
  237.  
  238. .relimg2A {
  239.     display:block;
  240.     margin-bottom:10px;
  241.     display:flex;
  242.     align-items:center;
  243.     justify-content:center;
  244.     height:33%;
  245.     color:#fff;
  246.     font-family: 'Shadows Into Light', cursive;
  247.     font-size:35px;
  248.     font-weight:bold;
  249.     text-shadow:1px 1px 1px rgba(0,0,0,0.9);    
  250. }  
  251.  
  252. .rellinkA {
  253.     font-family:Palatino Linotype;
  254.     font-size:25px;
  255.     font-style:italic;
  256.     font-weight:bold;
  257.     color:#03224C;
  258.     text-align:center;
  259.     text-shadow:2px 2px 1px rgba(0,0,0,0.6);    
  260. }  
  261.  
  262. .visualsA {
  263.     column-count:3;
  264.     -webkit-column-count:3;
  265.     -moz-column-count:3;
  266.     column-gap:10px;
  267.     -webkit-column-gap:10px;
  268.     -moz-column-gap:10px;  
  269. }
  270.  
  271. .visimgA {
  272.     width:100%;
  273.     display:block;
  274.     margin-bottom:10px;    
  275. }  
  276.  
  277. </style>
  278.  
  279.  <link href="https://fonts.googleapis.com/css2?family=Caesar+Dressing&family=La+Belle+Aurore&family=Merienda&family=Shadows+Into+Light&family=Zen+Loop&display=swap" rel="stylesheet">
  280.  
  281.  
  282. <div class="backgroundA">
  283.   <div class="leftpageA">
  284.     <div class="insideleftA">
  285.  
  286.             <img class="imgleftA" src="https://media1.giphy.com/media/HrrXKOn9sJjfq/giphy.gif"/>
  287.  
  288.             <div class="nameA">An amazing name</div>
  289.             <div class="subtitleA">Something</div>
  290.  
  291.             <div style="margin-top:30px;">
  292.               <a class="summaryA" href="#1" style="border-top:1px solid rgba(0,0,0,0.2);">Identity</a>
  293.               <a class="summaryA" href="#2">Personality</a>
  294.             <a class="summaryA" href="#3">Appearance</a>
  295.             <a class="summaryA" href="#4">Abilities</a>
  296.             <a class="summaryA" href="#5">Relations</a>
  297.             <a class="summaryA" href="#6">Visuals</a>
  298.             <a class="summaryA" href="#7">Roleplays</a>
  299.             </div>
  300.  
  301.             </div></div>
  302.            
  303.             <div class="rightpageA">
  304.            
  305.             <a name="1"></a><div>
  306.             <div class="insiderightA">
  307.  
  308.           <div class="titleA">Identity</div>
  309.        
  310.           <table class="identityA" cellspacing="5px">
  311.           <tr>
  312.               <td class="idleftA">Full Name</td>
  313.               <td class="idrightA">Blurb Blurb Blurb</td>
  314.           </tr>
  315.           <tr>
  316.               <td class="idleftA">Nicknames</td>
  317.               <td class="idrightA">Blurb Blurb Blurb</td>
  318.           </tr>
  319.           <tr>
  320.               <td class="idleftA">Birthday</td>
  321.               <td class="idrightA">Blurb Blurb Blurb</td>
  322.           </tr>
  323.           <tr>
  324.               <td class="idleftA">Place of Birth</td>
  325.               <td class="idrightA">Blurb Blurb Blurb</td>
  326.           </tr>
  327.           <tr>
  328.               <td class="idleftA">Origins / Nationality</td>
  329.               <td class="idrightA">Blurb Blurb Blurb</td>
  330.           </tr>
  331.           <tr>
  332.               <td class="idleftA">Occupation</td>
  333.               <td class="idrightA">Blurb Blurb Blurb</td>
  334.           </tr>
  335.           <tr>
  336.               <td class="idcenterA" colspan="2">
  337.                   <div style="display:flex; align-item:center;">
  338.                   <div class="idimgA" style="background: url(https://2img.net/h/26.media.tumblr.com/tumblr_lz4a9qqXLI1r7jst2o1_500.gif)center;background-size:cover;"></div>
  339.                 <div class="idimgA" style="background: url(https://i.pinimg.com/originals/20/67/45/20674538679eefa4ae05db4e68dff6f2.gif)center;background-size:cover;"></div>
  340.                 </div>
  341.               </td>
  342.           </tr>
  343.           <tr>
  344.               <td class="idleftA">Label</td>
  345.               <td class="idrightA">Blurb Blurb Blurb</td>
  346.           </tr>
  347.           <tr>
  348.               <td class="idleftA">Label</td>
  349.               <td class="idrightA">Blurb Blurb Blurb</td>
  350.           </tr>
  351.           <tr>
  352.               <td class="idleftA">Label</td>
  353.               <td class="idrightA">Blurb Blurb Blurb</td>
  354.           </tr>
  355.           <tr>
  356.               <td class="idleftA">Label</td>
  357.               <td class="idrightA">Blurb Blurb Blurb</td>
  358.           </tr>
  359.           <tr>
  360.               <td class="idleftA">Label</td>
  361.               <td class="idrightA">Blurb Blurb Blurb</td>
  362.           </tr>
  363.           <tr>
  364.               <td class="idleftA">Label</td>
  365.               <td class="idrightA">Blurb Blurb Blurb</td>
  366.           </tr>
  367.       </table>
  368.  
  369.             </div> 
  370.             </div>
  371.            
  372.             <a name="2"></a><div>
  373.             <div class="insiderightA">
  374.                
  375.                 <div style="display:flex;">
  376.           <div style="flex:20%; text-align:center;">
  377.             <div class="perimgA"><div style="background: url(https://64.media.tumblr.com/54f73340858b27c2f5e6426a56927def/tumblr_inline_mgrj5o3Ber1qakxjk.gif)center;background-size:cover;width:100%;height:100%;"></div></div>
  378. Nice quote as long as you want
  379.           </div>
  380.           <div style="flex:80%;">
  381.             <div class="titleA">Personality</div>
  382.  
  383.             <!--TRAITS LINE-->
  384.             <div class="pertraitA">
  385.  
  386.                   <!--TRAIT-->
  387.                 <div class="traitA">
  388.                     <div style="font-size:22px;">XX%</div>
  389.                     <b style="color:#666;">Trait</b>
  390.                 </div>
  391.  
  392.                     <!--TRAIT-->
  393.                 <div class="traitA">
  394.                     <div style="font-size:22px;">XX%</div>
  395.                     <b style="color:#666;">Trait</b>
  396.                 </div>
  397.  
  398.                     <!--TRAIT-->
  399.                 <div class="traitA">
  400.                     <div style="font-size:22px;">XX%</div>
  401.                     <b style="color:#666;">Trait</b>
  402.                 </div>
  403.  
  404.                     <!--TRAIT-->
  405.                 <div class="traitA">
  406.                     <div style="font-size:22px;">XX%</div>
  407.                     <b style="color:#666;">Trait</b>
  408.                 </div>
  409.  
  410.             </div>
  411.  
  412.       <!--TRAITS LINE-->
  413.             <div class="pertraitA">
  414.  
  415.                     <!--TRAIT-->
  416.                 <div class="traitA">
  417.                     <div style="font-size:22px;">XX%</div>
  418.                     <b style="color:#666;">Trait</b>
  419.                 </div>
  420.  
  421.                     <!--TRAIT-->
  422.                 <div class="traitA">
  423.                     <div style="font-size:22px;">XX%</div>
  424.                     <b style="color:#666;">Trait</b>
  425.                 </div>
  426.  
  427.                     <!--TRAIT-->
  428.                 <div class="traitA">
  429.                     <div style="font-size:22px;">XX%</div>
  430.                     <b style="color:#666;">Trait</b>
  431.                 </div>
  432.  
  433.                     <!--TRAIT-->
  434.                 <div class="traitA">
  435.                     <div style="font-size:22px;">XX%</div>
  436.                     <b style="color:#666;">Trait</b>
  437.                 </div>
  438.  
  439.             </div>
  440.  
  441.       <div class="subtitle2A">Taste</div>
  442.  
  443.         <!--LIKE-->
  444.       <div class="perboxA">
  445.         <!--TITlE-->
  446.         <center><div class="pertitleA">Like</div></center>
  447.         <!--LIST-->
  448.         <ul class="perlistA">
  449.           <li style="border-bottom:1px solid rgba(255,255,255,0.4); border-top:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  450.           <li style="border-bottom:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  451.           <li style="border-bottom:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  452.           <li style="border-bottom:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  453.           <li style="border-bottom:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  454.         </ul>
  455.       </div>            
  456.            
  457.         <!--DISLIKE-->
  458.       <div class="perboxA">
  459.         <!--TITlE-->
  460.         <center><div class="pertitleA">Dislike</div></center>
  461.         <!--LIST-->
  462.         <ul class="perlistA">
  463.           <li style="border-bottom:1px solid rgba(255,255,255,0.4); border-top:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  464.           <li style="border-bottom:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  465.           <li style="border-bottom:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  466.           <li style="border-bottom:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  467.           <li style="border-bottom:1px solid rgba(255,255,255,0.4);">Blblbl</li>
  468.         </ul>
  469.       </div>  
  470.  
  471.           </div></div></div>   
  472.             </div>
  473.            
  474.             <a name="3"></a><div>
  475.             <div class="insiderightA">
  476.                   <div class="titleA">Appearance</div>  
  477.               <div class="subtitle2A">Build</div>
  478.                   <div style="display:flex;margin-top:20px;">
  479.                     <div style="flex:60%;padding:10px;
  480.    background-color: rgba(0,51,102,0.5);">
  481.                      
  482.                       <div class="aprinfoA" style=" border-top:1px solid rgba(0,0,0,0.2);"><b>Hair -</b> Blblbl</div>
  483.                       <div class="aprinfoA"><b>Eyes -</b> Blblbl</div>
  484.                       <div class="aprinfoA"><b>Skin -</b> Blblbl</div>
  485.                       <div class="aprinfoA"><b>Building -</b> Blblbl</div>
  486.                      
  487.                     </div>
  488.                     <div style="flex:40%;">
  489.                       <div class="aprimgA" style="background: url(https://64.media.tumblr.com/a17e591256b849887b3665d702effc52/tumblr_inline_mrqw83SpZP1qz4rgp.gif)center;background-size:cover;"></div>
  490.                     </div>
  491.                   </div>
  492.               <div class="subtitle2A">Distinctive signs</div>
  493.                   <div style="display:flex;margin-top:20px;">
  494.                     <div style="flex:40%;">
  495.                       <div class="aprimgA" style="background: url(https://media1.tenor.com/images/9721b0e98481b4641699f7ce89c53b3a/tenor.gif?itemid=8055873)center;background-size:cover;"></div>
  496.                     </div>
  497.                     <div style="flex:60%;padding:10px;
  498.    background-color: rgba(0,51,102,0.5);">
  499.                       <div class="aprinfoA" style=" border-top:1px solid rgba(0,0,0,0.2);"><b>Tatoos -</b> Blblbl</div>
  500.                       <div class="aprinfoA"><b>Piercings -</b> Blblbl</div>
  501.                       <div class="aprinfoA"><b>Scars -</b> Blblbl</div>
  502.                       <div class="aprinfoA"><b>Label -</b> Blblbl</div>
  503.                     </div>
  504.                   </div>
  505.    
  506.             </div> 
  507.             </div>
  508.            
  509.             <a name="4"></a><div>
  510.             <div class="insiderightA">
  511.           <div style="display:flex;">
  512.  
  513.             <div class="ableftA">
  514.                 <div class="abimgA"><div style="background: url(https://media.giphy.com/media/CidBPeu9IMlt6/giphy.gif)center;background-size:cover;width:100%;height:100%;"></div></div>
  515.  
  516. <b>Label</b> Blblblblblbl Blblbl <br/><br/>
  517. <b>Label</b> Blblblblblbl Blblbl<br/><br/>
  518. <b>Label</b> Blblblblblbl Blblbl<br/><br/>
  519. <b>Label</b> Blblblblblbl Blblbl<br/><br/>              
  520.  
  521.                 <div class="abimgA"><div style="background: url(https://media.giphy.com/media/3GeTKVLIFlkBi/giphy.gif)center;background-size:cover;width:100%;height:100%;"></div></div>
  522.  
  523.             </div>
  524.             <div style="flex:67%;">
  525.  
  526.         <div class="titleA">Abilities</div>
  527.  
  528.           <!--SKILLS-->
  529.         <!--EACH SKILL-->
  530.          <div class="ablabelA">Skill's label</div>
  531.            <blockquote class="abskillA">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.</blockquote>  
  532.        <!--EACH SKILL-->
  533.        <div class="ablabelA">Skill's label</div>
  534.           <blockquote class="abskillA">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</blockquote>
  535.        
  536.         </div>
  537.       </div>
  538.             </div></div>
  539.            
  540.             <a name="5"></a><div>
  541.             <div class="insiderightA">
  542.         <div class="titleA">Relations</div>
  543.         <!-- RELATIONS CATEGORY-->
  544.                 <div class="subtitle2A">Family</div>
  545.                 <div style="display:flex;align-items:center;margin-top:20px;">
  546.           <a href="#5a"><img class="relimgA" src="https://i.giphy.com/media/pzKzgjsZy6AM0/giphy.webp"/></a>
  547.           <a href="#5b"><img class="relimgA" src="URLIMG"/></a>
  548.         </div>
  549.         <!-- RELATIONS CATEGORY-->
  550.                 <div class="subtitle2A">Relations</div>
  551.         <div style="display:flex;align-items:center;margin-top:20px;">
  552.            <a href="#5c"><img class="relimgA" src="https://i.giphy.com/media/GhwCRV5pBcTDy/giphy.webp"/></a>
  553.            <a href="#5d"><img class="relimgA" src="URLIMG"/></a>
  554.         </div>
  555.             </div></div>
  556.            
  557.             <a name="5a"></a><div>
  558.             <div class="insiderightA">
  559.                 <div class="relimg2A" style="background:#bbb url(https://img.wattpad.com/5cb207cb73b6d4c8b7145d1de019c448efc0a30b/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f76307951503953664d507a7870513d3d2d3433313734343639332e313463626239666361623939613335343933393733353836363334322e676966)center;background-size:cover;">Relation's Name</div>
  560.         <div class="rellinkA">Relation's Link</div>
  561.         Blblbl
  562.             </div> 
  563.             </div>
  564.            
  565.             <a name="5b"></a><div>
  566.             <div class="insiderightA">
  567.                 <div class="relimg2A" style="background:#bbb url(URLIMG)center;background-size:cover;">Relation's Name</div>
  568.         <div class="rellinkA">Relation's Link</div>
  569.         Blblbl
  570.             </div> 
  571.             </div>
  572.            
  573.             <a name="5c"></a><div>
  574.             <div class="insiderightA">
  575.                 <div class="relimg2A" style="background:#bbb url(https://img.wattpad.com/d8a11b23903f79ef3f42a010a65cfc412344c893/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f56707834387070574841666f42773d3d2d3735313434383536312e313561636131343331616239613933353532393138333035383832302e676966)center;background-size:cover;">Relation's Name</div>
  576.         <div class="rellinkA">Relation's Link</div>
  577.         Blblbl
  578.             </div> 
  579.             </div>
  580.            
  581.             <a name="5d"></a><div>
  582.             <div class="insiderightA">
  583.                 <div class="relimg2A" style="background:#bbb url(URLIMG)center;background-size:cover;">Relation's Name</div>
  584.         <div class="rellinkA">Relation's Link</div>
  585.         Blblbl
  586.             </div> 
  587.             </div>
  588.            
  589.             <a name="6"></a><div>
  590.             <div class="insiderightA">
  591.                 <div class="titleA">Visuals</div>
  592.         <div class="visualsA" style="-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;">
  593.  
  594.           <img class="visimgA" src="https://i.pinimg.com/originals/6e/a8/0f/6ea80f84e0dcdc35e619198e2de36e2c.gif"/>
  595.           <img class="visimgA" src="https://64.media.tumblr.com/tumblr_ly6d15nzqg1qjl5hfo2_500.gif"/>
  596.           <img class="visimgA" src="https://media.tenor.com/images/22491090a262645ed4dc0ea54f795a77/tenor.gif"/>
  597.           <img class="visimgA" src="URLIMG"/>
  598.           <img class="visimgA" src="URLIMG"/>
  599.           <img class="visimgA" src="URLIMG"/>
  600.  
  601.         </div>
  602.             </div></div>
  603.            
  604.             <a name="7"></a><div>
  605.             <div class="insiderightA">
  606.                 <div class="titleA">Roleplays</div>
  607.         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
  608.             </div></div>
  609.        
  610.   </div>           
  611. </div>
  612.  
  613.  
  614. <!-- CREDITS, DO NOT TOUCH-->
  615. <div style="margin:0 auto;text-align:center;"><a href="https://aliyahscreations.tumblr.com/" style="font-size:10px;letter-spacing:2px;color:#222;text-decoration:none; font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;line-height:1.3;">© Code by Aliyah</a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement