API tools faq
paste
aliyahscreation

Pisces

aliyahscreation
Apr 9th, 2022
1,205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.38 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3.   .backgroundP {
  4.     width:100%;
  5.     margin:auto;
  6.     display:flex;
  7.   }
  8.  
  9.   .colleftP {
  10.     width:150px;
  11.     margin-right:20px;
  12.     padding:10px;
  13.   }
  14.  
  15.   .colcenterP {
  16.     width:550px;
  17.     height:600px;
  18.     overflow: hidden;
  19.     border: 1px solid #eee;
  20.     border-radius:10px;
  21.     background-image: linear-gradient(to top, #74D0F1 0%, #DFF2FF 100%);
  22.   }
  23.  
  24.   .inscolcenP {
  25.     width:200%;
  26.     height:800px;
  27.     position: relative;
  28.     top: -55%;
  29.     left:-50%;
  30.     border-radius: 50%;
  31.     background: rgba(255, 255, 255, 0.5);
  32.     animation: wave 15s infinite linear;
  33.   }
  34.  
  35.   .boxcenterP {
  36.     width:530px;
  37.     height:580px;
  38.     border-radius:10px;
  39.     position:absolute;
  40.     margin-top:-800px;
  41.     padding:10px;
  42.     overflow:hidden;
  43.   }
  44.  
  45.   .textcenterP {
  46.     width:100%;
  47.     height:580px;
  48.     margin-bottom:15px;
  49.     overflow:auto;
  50.   }
  51.  
  52.   .colrightP {
  53.     width:100px;
  54.     margin-left:5px;
  55.     padding:10px;
  56.   }
  57.  
  58.   @keyframes wave {
  59.     from { transform: rotate(0deg);}
  60.     from { transform: rotate(360deg);}
  61.   }
  62.  
  63.   .imgleft {
  64.     width:150px;
  65.     height:150px;
  66.     margin-bottom:10px;
  67.     border: 1px solid #eee;
  68.   }
  69.  
  70.   .nameleft {
  71.     width:146px;
  72.     background-color:#74D0F1;
  73.     padding:3px;
  74.     text-align:center;
  75.     font-family:calibri,sans-serif;
  76.     font-size:22px;
  77.     letter-spacing:1px;
  78.   }
  79.  
  80.   .textleft {
  81.     margin-top:5px;
  82.     font-family:century gothic,helvetica,arial,sans-serif;
  83.     font-size:13px;
  84.     color:#DFF2FF;
  85.     text-align:justify;
  86.   }
  87.  
  88.   .linkP {
  89.     display:block;
  90.     width:94px;
  91.     margin-bottom:5px;
  92.     background-color:#74D0F1;
  93.     padding:3px;
  94.     color:black;
  95.     text-align:center;
  96.     font-family:calibri,sans-serif;
  97.     font-size:16px;
  98.     letter-spacing:1px;
  99.     transition:1s;
  100.   }
  101.  
  102.   .linkP:hover {
  103.     text-transform:uppercase;
  104.     letter-spacing:2px;
  105.     text-shadow: 2px 1px 3px #000;
  106.     transition:1s;
  107.   }
  108.  
  109.   .titleP {
  110.     width:50%;
  111.     margin:auto;
  112.     text-align:center;
  113.     font-family: 'Caesar Dressing', cursive;
  114.     font-size:40px;
  115.     margin-bottom:15px;
  116.   }
  117.  
  118.   .idcontentP {
  119.     width:100%;
  120.     height:85%;
  121.     display:flex;
  122.     justify-content:space-between;
  123.   }
  124.  
  125.   .idpartP {
  126.     width:45%;
  127.     height:100%;
  128.     overflow:auto;
  129.     padding:10px;
  130.     background-color: rgba(255,255,255,0.7);
  131.     border:solid 1px black;
  132.   }
  133.  
  134.   .idpartP > ul {
  135.     margin-left:-15%;
  136.     margin-top:0px;
  137.     list-style-type: circle;
  138.     list-style-position: inside;
  139.   }
  140.  
  141.   .idpartP > ul > li {
  142.     border-bottom:1px solid rgba(0,0,0,0.4);
  143.     padding:5px;
  144.   }
  145.  
  146.   .idpartP > ul > li > b {
  147.     font-family:'La Belle Aurore';
  148.     font-size:22px;
  149.     color:#03224C;
  150.   }
  151.  
  152.   .pertraitP {
  153.     display:flex;
  154.     text-align:center;
  155.   }
  156.  
  157.   .traitP {
  158.     padding:10px;
  159.       margin:5px;
  160.       background:rgba(3,34,76,0.3);
  161.       flex:33%;
  162.       transition: all 1s ease-in-out;
  163.     -moz-transition: all 1s ease-in-out;
  164.     -webkit-transition: all 1s ease-in-out;
  165.     -ms-transition: all 1s ease-in-out;
  166.     -o-transition: all 1s ease-in-out;
  167.       color:#000;
  168.       font-family:courier new,monospace;
  169.       text-transform:uppercase;
  170.   }
  171.  
  172.   .traitP:hover {
  173.       background:rgba(3,34,76,0.8);
  174.       color: rgb(0,0,0,0)
  175.   }
  176.  
  177.   .traitP > p {
  178.       transition: all 0.5s ease-in-out;
  179.     -moz-transition: all 0.5s ease-in-out;
  180.     -webkit-transition: all 0.5s ease-in-out;
  181.     -ms-transition: all 0.5s ease-in-out;
  182.     -o-transition: all 0.5s ease-in-out;
  183.       opacity:0;
  184.       font-size:20px;
  185.       margin-top:-20px;
  186.       margin-bottom:-5px;
  187.     cursor:pointer
  188.   }
  189.  
  190.   .traitP:hover > p {
  191.       opacity:1;
  192.       color: #FFF;
  193.   }
  194.  
  195.   .boxP {
  196.     flex:46%;
  197.     margin:2%;
  198.   }
  199.  
  200.   .legendP {
  201.     font-size:20px;
  202.     color:#03224C;
  203.     text-shadow:1px 1px 1px rgba(255,255,255,0.8);
  204.   }
  205.  
  206.   .desP {
  207.     height:150px;
  208.     overflow:auto;
  209.     padding:5px;
  210.     background-color:rgba(0,0,0,0.5);
  211.     color:white;
  212.     font-size:13px;
  213.   }
  214.  
  215.   .apptableP {
  216.     width:100%;
  217.     border:3px solid #74D0F1;
  218.     font-family:calibri,sans-serif;
  219.   }
  220.  
  221.   .applabelP {
  222.     width:20%;
  223.     padding:5px;
  224.     text-transform:uppercase;
  225.     color:#03224C;
  226.     font-size:20px;
  227.   }
  228.  
  229.   .appansP {
  230.     width:30%;
  231.     padding:5px;
  232.     font-style: italic;
  233.     font-size:17px;
  234.   }
  235.  
  236.   .galleryP {
  237.     height:500px;
  238.     margin:10px;
  239.     display:grid;
  240.     grid-gap:0px;
  241.     grid-template-columns:1fr 1fr 1fr;
  242.     grid-template-rows:1fr 1fr 1fr 1fr;
  243.     grid-template-areas:'one one two' 'three four two' 'five four six' 'five seven seven';
  244.   }
  245.  
  246.   .skillP {
  247.     border:3px groove #74D0F1;
  248.     margin-bottom:5px;
  249.   }
  250.  
  251.   .skilllegP {
  252.     margin-left:40%;
  253.     font-family:'La Belle Aurore';
  254.     font-size:30px;
  255.     color: #03224C;
  256.   }
  257.  
  258.   .skilldesP {
  259.     margin-top:-20px;
  260.     font-family:calibri,sans-serif;
  261.     text-align:justify;
  262.   }
  263.  
  264.   .rellistP {
  265.     width:95%;
  266.     height:500px;
  267.     margin:auto;
  268.     overflow:auto;
  269.     padding:5px;
  270.   }
  271.  
  272.   .polaroidleftP {
  273.     width:130px;
  274.     height:130px;
  275.     box-shadow:5px 5px 8px 1px rgba(0,0,0,0.3);
  276.     border:10px solid #f6f6f6;
  277.     border-bottom:50px solid #fff;
  278.     transform:rotate(-3deg);
  279.     position:relative;
  280.     margin-top:15px;
  281.   }
  282.  
  283.   .desrightP {
  284.     width:270px;
  285.     height:200px;
  286.     margin:-210px 0 30px 180px;
  287.   }
  288.  
  289.   .relnameP {
  290.     font-family:'Courgette';
  291.     font-size:20px;
  292.   }
  293.  
  294.   .rellinkP {
  295.     font-size:15px;
  296.     letter-spacing:2px;
  297.     text-transform:uppercase;
  298.     text-align:center;
  299.     text-shadow: 1px 1px #fff;
  300.     margin:-5px 0 10px 0px;
  301.   }
  302.  
  303.   .reltextP {
  304.     width:260px;
  305.     height:145px;
  306.     overflow:auto;
  307.     padding:5px;
  308.     background-color:rgba(0,0,0,0.3);
  309.     color:white;
  310.   }
  311.  
  312.   .desleftP {
  313.     width: 270px;
  314.     height:200px;
  315.     margin:0px 0 20px 0px;
  316.   }
  317.  
  318.   .polaroidrightP {
  319.     width:130px;
  320.     height:130px;
  321.     box-shadow:5px 5px 8px 1px rgba(0,0,0,0.3);
  322.     border:10px solid #f6f6f6;
  323.     border-bottom:50px solid #fff;
  324.     transform:rotate(3deg);
  325.     position:relative;
  326.     margin:-220px 0 60px 320px;
  327.   }
  328.  
  329. </style>
  330.  
  331. <link href="https://fonts.googleapis.com/css2?family=Caesar+Dressing&family=Courgette&family=La+Belle+Aurore&display=swap" rel="stylesheet">
  332.  
  333. <div class="backgroundP">
  334.   <div class="colleftP">
  335.     <div class="imgleft" style="background:url('https://media.tenor.com/images/3d334dc80c044cb413997a028105fe37/tenor.gif')center;background-size:cover;"></div>
  336.     <div class="nameleft">An amazing Name</div>
  337.     <div class="textleft">
  338.       An introduction about your character. Say everything you want in few words.
  339.     </div>
  340.     <br/>
  341.   </div>
  342.   <div class="colcenterP">
  343.     <div class="inscolcenP"></div>
  344.     <div class="boxcenterP">
  345.       <!--IDENTITY-->
  346.       <a id="1"></a>
  347.       <div class="textcenterP">
  348.         <div class="titleP">Identity</div>
  349.         <div class="idcontentP">
  350.           <!--LEFT PART-->
  351.           <div class="idpartP">
  352.             <ul>
  353.               <li style="border-top:1px solid rgba(0,0,0,0.4);">
  354.                 <b>Full Name -</b> Blblbl
  355.               </li>
  356.               <li>
  357.                 <b>Nicknames -</b> Blblbl
  358.               </li>
  359.               <li>
  360.                 <b>Birthday -</b> Blblbl
  361.               </li>
  362.               <li>
  363.                 <b>Place of birth -</b> Blblbl
  364.               </li>
  365.               <li>
  366.                 <b>Origins / Nationality -</b> Blblbl
  367.               </li>
  368.               <li>
  369.                 <b>Zodiac -</b> Blblbl
  370.               </li>
  371.             </ul>
  372.           </div>
  373.           <!--RIGHT PART-->
  374.           <div class="idpartP">
  375.             <ul>
  376.               <li style="border-top:1px solid rgba(0,0,0,0.4);">
  377.                 <b>Occupation -</b> Blblbl
  378.               </li>
  379.               <li>
  380.                 <b>Label -</b> Blblbl
  381.               </li>
  382.               <li>
  383.                 <b>Label -</b> Blblbl
  384.               </li>
  385.               <li>
  386.                 <b>Label -</b> Blblbl
  387.               </li>
  388.               <li>
  389.                 <b>Label -</b> Blblbl
  390.               </li>
  391.               <li>
  392.                 <b>Label -</b> Blblbl
  393.               </li>
  394.             </ul>
  395.           </div>
  396.         </div>
  397.       </div>
  398.       <!--PERSONALITY-->
  399.       <a id="2"></a>
  400.       <div class="textcenterP">
  401.         <div class="titleP">Personality</div>
  402.         <!--TRAITS LINE-->
  403.               <div class="pertraitP">
  404.                   <!--TRAIT-->
  405.                   <div class="traitP">
  406.                       Trait
  407.                       <p>XX%</p>
  408.                   </div>
  409.           <!--TRAIT-->
  410.                   <div class="traitP">
  411.                       Trait
  412.                       <p>XX%</p>
  413.                   </div>
  414.           <!--TRAIT-->
  415.                   <div class="traitP">
  416.                       Trait
  417.                       <p>XX%</p>
  418.                   </div>
  419.         </div>
  420.         <!--TRAITS LINE-->
  421.               <div class="pertraitP">
  422.                   <!--TRAIT-->
  423.                   <div class="traitP">
  424.                       Trait
  425.                       <p>XX%</p>
  426.                   </div>
  427.           <!--TRAIT-->
  428.                   <div class="traitP">
  429.                       Trait
  430.                       <p>XX%</p>
  431.                   </div>
  432.           <!--TRAIT-->
  433.                   <div class="traitP">
  434.                       Trait
  435.                       <p>XX%</p>
  436.                   </div>
  437.         </div>
  438.         <!--TRAITS LINE-->
  439.               <div class="pertraitP">
  440.                   <!--TRAIT-->
  441.                   <div class="traitP">
  442.                       Trait
  443.                       <p>XX%</p>
  444.                   </div>
  445.           <!--TRAIT-->
  446.                   <div class="traitP">
  447.                       Trait
  448.                       <p>XX%</p>
  449.                   </div>
  450.           <!--TRAIT-->
  451.                   <div class="traitP">
  452.                       Trait
  453.                       <p>XX%</p>
  454.                   </div>
  455.         </div>
  456.         <!--BOX LINE-->
  457.         <div style="display:flex;">
  458.           <!--EACH BOX-->
  459.           <fieldset class="boxP">
  460.             <legend class="legendP">Like</legend>
  461.             <div class="desP">
  462.               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.
  463.             </div>
  464.           </fieldset>
  465.           <!--EACH BOX-->
  466.           <fieldset class="boxP">
  467.             <legend class="legendP">Dislike</legend>
  468.             <div class="desP">
  469.               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.
  470.             </div>
  471.           </fieldset>
  472.         </div><!--END LINE-->
  473.       </div>
  474.       <!--APPEARANCE-->
  475.       <a id="3"></a>
  476.       <div class="textcenterP">
  477.         <div class="titleP">Appearance</div>
  478.         <!--INFO'S TABLE-->
  479.         <table class="apptableP" cellspacing="5px">
  480.           <tr>
  481.             <td class="applabelP">Hair</td>
  482.             <td class="appansP">Blurb Blurb Blurb</td>
  483.             <td class="applabelP">Eyes</td>
  484.             <td class="appansP">Blurb Blurb Blurb</td>
  485.           </tr>
  486.           <tr>
  487.             <td class="applabelP">Skin</td>
  488.             <td class="appansP">Blurb Blurb Blurb</td>
  489.             <td class="applabelP">Building</td>
  490.             <td class="appansP">Blurb Blurb Blurb</td>
  491.           </tr>
  492.           <tr>
  493.             <td class="applabelP">Tatoos</td>
  494.             <td class="appansP">Blurb Blurb Blurb</td>
  495.             <td class="applabelP">Piercings</td>
  496.             <td class="appansP">Blurb Blurb Blurb</td>
  497.           </tr>
  498.           <tr>
  499.             <td class="applabelP">Label</td>
  500.             <td class="appansP">Blurb Blurb Blurb</td>
  501.             <td class="applabelP">Label</td>
  502.             <td class="appansP">Blurb Blurb Blurb</td>
  503.           </tr>
  504.         </table>
  505.         <!--GALLERY-->
  506.         <div class="galleryP">
  507.               <div style="grid-area:one;background:#ddd url(https://i.makeagif.com/media/1-11-2019/-weZmI.gif)center;background-size:cover;"></div>
  508.           <div style="grid-area:two;background:#ddd url(https://64.media.tumblr.com/0fc4f1d664610aa41b1d2bfd3b429dde/tumblr_oobvt1JEZz1srh1mgo8_250.gif)center;background-size:cover;"></div>
  509.               <div style="grid-area:three;background:#ddd url(https://2img.net/h/68.media.tumblr.com/63fd9ab5b446e64c1f3676e41325a33f/tumblr_oivdnw4Dwq1w1a5dzo5_r1_250.gif)center;background-size:cover;"></div>
  510.               <div style="grid-area:four;background:#ddd url(https://data.whicdn.com/images/312947879/original.gif)center;background-size:cover;"></div>
  511.               <div style="grid-area:five;background:#ddd url(https://data.whicdn.com/images/323674323/original.gif)center;background-size:cover;"></div>
  512.               <div style="grid-area:six;background:#ddd url(https://64.media.tumblr.com/9720cd7bafd70330397c9937d3222f76/29effc480d7a2c4d-3d/s250x400/6c64ce947d50031d3fccd738de26c22ae98d2c63.gif)center;background-size:cover;"></div>
  513.               <div style="grid-area:seven;background:#ddd url(https://64.media.tumblr.com/519285a19af5d0114c4430b4b852d0b9/79cba6edff38be22-2d/s400x600/0c95e243661302ef2e723997af06e9ddd24e674f.gif)center;background-size:cover;"></div>
  514.           </div>
  515.       </div>
  516.       <!--ABILITIES-->
  517.       <a id="4"></a>
  518.       <div class="textcenterP">
  519.         <div class="titleP">Abilities</div>
  520.         <!--EACH SKILL-->
  521.         <fieldset class="skillP">
  522.           <legend class="skilllegP">Skill</legend>
  523.           <div class="skilldesP">
  524.             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.
  525.           </div>
  526.         </fieldset>
  527.         <!--EACH SKILL-->
  528.         <fieldset class="skillP">
  529.           <legend class="skilllegP">Skill</legend>
  530.           <div class="skilldesP">
  531.             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.
  532.           </div>
  533.         </fieldset>
  534.         <!--EACH SKILL-->
  535.         <fieldset class="skillP">
  536.           <legend class="skilllegP">Skill</legend>
  537.           <div class="skilldesP">
  538.             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.
  539.           </div>
  540.         </fieldset>
  541.       </div>
  542.       <!--RELATIONS-->
  543.       <a id="5"></a>
  544.       <div class="textcenterP">
  545.         <div class="titleP">Relations</div>
  546.         <!--RELATIONS LIST-->
  547.         <div class="rellistP">
  548.           <!--RELATION 1-->
  549.           <!--POLAROID-->
  550.               <div class="polaroidleftP" style="background:#ddd url(https://64.media.tumblr.com/13fe9149ed4dc7b731d829580ecc67d1/tumblr_p8vyhuEhFr1qjz9w2o7_r1_250.gif)center; background-size:cover; "></div>
  551.           <!--DESCRIPTION-->
  552.           <fieldset class="desrightP">
  553.             <legend class="relnameP">An amazing Name</legend>
  554.             <div class="rellinkP">Link</div>
  555.             <div class="reltextP">
  556.               Blabla blabla
  557.             </div>
  558.           </fieldset>
  559.           <!--RELATION 2-->
  560.           <!--DESCRIPTION-->
  561.           <fieldset class="desleftP">
  562.             <legend class="relnameP">An amazing Name</legend>
  563.             <div class="rellinkP">Link</div>
  564.             <div class="reltextP">
  565.               Blabla blabla
  566.             </div>
  567.           </fieldset>
  568.           <!--POLAROID-->
  569.               <div class="polaroidrightP" style="background:#ddd url(https://img.wattpad.com/ecdb7d8b12d81b8024fe15a5a744917dfff408a1/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f6130344264304d4c336f773875673d3d2d3834383234393937302e313566663666343562643133353863333132323737353931333035322e676966)center; background-size:cover;"></div>
  570.           <!--RELATION 3-->
  571.           <!--POLAROID-->
  572.               <div class="polaroidleftP" style="background:#ddd url(https://i.pinimg.com/originals/42/67/6f/42676f9f049952bda8c7f30a258e2c75.gif)center; background-size:cover; "></div>
  573.           <!--DESCRIPTION-->
  574.           <fieldset class="desrightP">
  575.             <legend class="relnameP">An amazing Name</legend>
  576.             <div class="rellinkP">Link</div>
  577.             <div class="reltextP">
  578.               Blabla blabla
  579.             </div>
  580.           </fieldset>
  581.           <!--RELATION 4-->
  582.           <!--DESCRIPTION-->
  583.           <fieldset class="desleftP">
  584.             <legend class="relnameP">An amazing Name</legend>
  585.             <div class="rellinkP">Link</div>
  586.             <div class="reltextP">
  587.               Blabla blabla
  588.             </div>
  589.           </fieldset>
  590.           <!--POLAROID-->
  591.               <div class="polaroidrightP" style="background:#ddd url(https://64.media.tumblr.com/b68d590ce13fb3ef9afcda0239a5ac87/90d6363296f6d605-6b/s400x600/d147f7229b2560d60559ec26a185ce9eb2849dd2.gif)center; background-size:cover;"></div>
  592.         </div>
  593.       </div>
  594.     </div>
  595.   </div>
  596.   <!--NAV-->
  597.   <div class="colrightP">
  598.     <a href="#1" style="
  599.    text-decoration:none;"><div class="linkP">Identity</div></a>
  600.     <a href="#2" style="
  601.    text-decoration:none;"><div class="linkP">Personality</div></a>
  602.     <a href="#3" style="
  603.    text-decoration:none;"><div class="linkP">Appearance</div></a>
  604.     <a href="#4" style="
  605.    text-decoration:none;"><div class="linkP">Abilities</div></a>
  606.     <a href="#5" style="
  607.    text-decoration:none;"><div class="linkP">Relations</div></a>
  608.   </div>
  609. </div>
  610.  
  611.  
  612. <!-- CREDITS, DO NOT TOUCH-->
  613. <div style="margin:10px auto;text-align:center;font-size:12px;"><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
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!