API tools faq
paste
Advertisement
Elxyie

[TH] Miyuki

Elxyie
Apr 26th, 2019
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.25 KB | None | 0 0
raw download clone embed print report
  1. <!--Font colors
  2.  
  3. LIGHT BABY BLUE #e4f3f4
  4. DARK BLUE GRAY #6a84ab
  5.  
  6. -->
  7.  
  8.  
  9. <!--You can change background pattern here. I suggest you to visit Coulour Lovers. You can create pattern with your own palette.-->
  10.   <div style="width: 830px;margin: 0 auto;background-image: url('http://troxus.info/wp-content/uploads/2018/12/light-blue-wallpaper-texture-wallpaper-light-blue-light-blue-abstract-wallpaper-hd.jpg');padding: 40px;border-top: 3px solid #6a84ab;border-bottom: 3px solid #6a84ab;font-family: Roboto;">
  11.    
  12.     <!--CHARACTER NAME-->
  13.     <h1 style="font-size: 30px;letter-spacing: 8px;font-style: italic;color: #6a84ab;">
  14.         ★ Miyuki
  15.     </h1>
  16.    
  17.     <table style="border:0; background: transparent;border-collapse: collapse;background-color:#fbfbfb;border-width:1px;border-style:solid;border-color:#6a84ab;position:relative;">
  18.       <tr>
  19.         <td style="padding: 20px 0;width: 30%;vertical-align: top;background-color:#6a84ab;text-align:center;">
  20.          
  21.           <!--Little image above basics. Will be automatically resized-->
  22.           <div style="width: 70%; margin: auto;">
  23.             <img src="https://file.toyhou.se/images/13465122_ZifGNMkaOJryyp3.jpg" style="padding-top:3px;padding-bottom:3px;padding-right:3px;padding-left:3px;border-width:1px;border-style:solid;border-color:#fbfbfb;" >
  24.           </div>
  25.          
  26.          
  27.           <!--BASICS
  28.  
  29.          A "basics" item starts at <div> and ends at </div>-->
  30.           <div style="width:70%;margin:15px auto 2px;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding:4px 0;font-weight: bold;color: #6a84ab;letter-spacing: 1px;line-height: 12px;" >
  31.             species
  32.             <br />
  33.             <span style="font-size: 11px;font-weight: normal;color: #000;letter-spacing: 0px;text-transform: none;">
  34.               annie
  35.             </span>
  36.           </div>
  37.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #6a84ab;letter-spacing: 1px;line-height: 12px;" >
  38.             age
  39.             <br />
  40.             <span style="font-size: 11px;font-weight: normal;color: #000;letter-spacing: 0px;text-transform: none;">
  41.               here
  42.             </span>
  43.           </div>
  44.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #6a84ab;letter-spacing: 1px;line-height: 12px;" >
  45.             gender
  46.             <br />
  47.             <span style="font-size: 11px;font-weight: normal;color: #000;letter-spacing: 0px;text-transform: none;">
  48.               female
  49.             </span>
  50.           </div>
  51.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #6a84ab;letter-spacing: 1px;line-height: 12px;" >
  52.             birthdate
  53.             <br />
  54.             <span style="font-size: 11px;font-weight: normal;color: #000;letter-spacing: 0px;text-transform: none;">
  55.               here
  56.             </span>
  57.           </div>
  58.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #6a84ab;letter-spacing: 1px;line-height: 12px;" >
  59.             world
  60.             <br />
  61.             <span style="font-size: 11px;font-weight: normal;color: #000;letter-spacing: 0px;text-transform: none;">
  62.               anniverse
  63.             </span>
  64.           </div>
  65.           <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #6a84ab;letter-spacing: 1px;line-height: 12px;" >
  66.             blessing
  67.             <br />
  68.             <span style="font-size: 11px;font-weight: normal;color: #000;letter-spacing: 0px;text-transform: none;">
  69.               polar bear
  70.             </span>
  71.           </div>
  72.          
  73.           <!--END OF BASICS-->
  74.          
  75.          
  76.         </td>
  77.         <td style="padding: 0;width: 70%;">
  78.           <div style="padding:20px 30px;height:100%;text-align:justify;" >
  79.              
  80.               <!--TEXT GOES HERE-->
  81.               <!--You can use <p> to create paragraphs or you can use <br> to create a line break-->
  82.               <p style="font-size:12px;">
  83.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  84.               <!--END OF TEXT-->
  85.              
  86.             </div>
  87.           </td>
  88.         </tr>
  89.     </table>
  90.    
  91.     <!--LIKES AND DISLIKES-->
  92.     <table style="width:750px;background-color:#fbfbfb;border:1px solid #6a84ab;border-collapse: collapse; margin-top: 20px;">
  93.       <tr>
  94.         <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 12px;">
  95.           <h2 style="margin: 0;text-transform: uppercase;color: #6a84ab;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  96.             Likes
  97.           </h2>
  98.             <br>
  99.           <!--Use <br> to create line breaks in your lists-->
  100.           ♡  Text
  101.           <br>
  102.           ♡  Text
  103.           <br>
  104.           ♡  Text
  105.           <br>
  106.           ♡  Text
  107.         </td>
  108.         <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 12px;">
  109.           <h2 style="margin: 0;text-transform: uppercase;color: #6a84ab;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  110.             Dislikes
  111.           </h2>
  112.             <br>
  113.           ✕  Text
  114.           <br>
  115.           ✕  Text
  116.           <br>
  117.           ✕  Text
  118.           <br>
  119.           ✕  Text
  120.         </td>
  121.       </tr>
  122.     </table>
  123.     <!--END OF LIKES AND DISLIKES-->
  124.    
  125.     <!--RELATIONSHIPS-->
  126.     <div style="width:750px;padding: 20px;background-color:#fbfbfb;border:1px solid #6a84ab; margin-top: 20px;">
  127.       <h2 style="margin: 0;text-transform: uppercase;color: #6a84ab;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
  128.         Relationships
  129.       </h2>
  130.      
  131.       <!--Beginning of relationship item-->
  132.       <table style="background-color:#fbfbfb;border:0;background: transparent;border-collapse: collapse;margin-top: 10px;">
  133.         <tr>
  134.           <td style="padding: 0; width:100px;vertical-align: top;" rowspan="2">
  135.             <a href="#"><img src="http://placehold.it/100x100/e4f3f4/6a84ab" style="padding:3px;border:1px solid #6a84ab;"></a>
  136.           </td>
  137.           <td style="padding: 0;vertical-align: top;">
  138.             <div style="margin:0 0 2px 2px;text-transform:uppercase;font-size:10px;background-color:#e4f3f4;padding: 4px 20px;font-weight: bold;color: #6a84ab;letter-spacing: 1px;line-height: 13px;" >
  139.               Name
  140.               <br />
  141.               <span style="font-size: 10px;font-weight: normal;color: #000;text-transform: none;">
  142.                 relationship
  143.               </span>
  144.             </div>
  145.           </td>
  146.         </tr>
  147.         <tr style="background: transparent;">
  148.           <td style="padding:0 0 0 10px;text-align:justify;line-height:13px;font-size:10px;vertical-align: top;font-family: arial;">
  149.             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  150.           </td>
  151.         </tr>
  152.       </table>
  153.       <!--End of relationship item-->
  154.      
  155.     </div>
  156.     <!--END OF RELATIONSHIPS-->
  157.    
  158.    
  159.     <!--CREDITS-->
  160.     <div style="width: 750px;text-align: right; color:#6a84ab; font-size: 10px;">
  161.     Coding by <b><a href="https://toyhou.se/Awful" style="color:#6a84ab;">Awful</a></b>  |  Editing by <b><a href="https://toyhou.se/Elxyie" style="color:#6a84ab;">Elxyie</a></b>
  162.     </div>
  163.     <!--END OF CREDITS-->
  164.   </div>
  165. </div>
  166. <!--FANCY SPACE LAYOUT ENDS HERE-->
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!