Ledger Nano X - The secure hardware wallet
SHARE
TWEET

Snug Relationships

NilX Mar 31st, 2020 155 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="container-fluid">
  2.  
  3.   <!--ROW 1-->
  4.   <div class="row">
  5.    
  6.     <!--CHARACTER A-->
  7.     <div class="col-lg-3 p-1">
  8.       <div class="card border-0" style="height:510px; background-image:url('https://cdn.discordapp.com/attachments/498852129893646337/694673924411359362/unknown.png'); background-size:cover; background-position:top center"></div>
  9.      
  10.       <a class="btn btn-secondary btn-block my-2 text-uppercase" style="font-size:large;" href="#" target="_blank">NAME</a>
  11.      
  12.       <ul class="list-group">
  13.         <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2">
  14.           <span class="text-uppercase text-muted font-weight-bold">GENDER</span>
  15.           Unknown
  16.         </li>
  17.         <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2">
  18.           <span class="text-uppercase text-muted font-weight-bold">AGE</span>
  19.           Unknown
  20.         </li>
  21.         <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2">
  22.           <span class="text-uppercase text-muted font-weight-bold">HEIGHT</span>
  23.           Unknown
  24.         </li>
  25.         <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2">
  26.           <span class="text-uppercase text-muted font-weight-bold">SEXUALITY</span>
  27.           Unknown
  28.         </li>
  29.       </ul>
  30.      
  31.     </div> <!--character a end-->
  32.    
  33.     <!--CHARACTER B-->
  34.     <div class="col-lg-3 p-1">
  35.       <div class="card border-0" style="height:510px; background-image:url('https://cdn.discordapp.com/attachments/498852129893646337/694673994560831691/unknown.png'); background-size:cover;; background-position:top center"></div>
  36.      
  37.       <a class="btn btn-secondary btn-block my-2 text-uppercase" style="font-size:large;" href="#" target="_blank">NAME</a>
  38.      
  39.       <ul class="list-group">
  40.         <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2">
  41.           <span class="text-uppercase text-muted font-weight-bold">GENDER</span>
  42.           Unknown
  43.         </li>
  44.         <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2">
  45.           <span class="text-uppercase text-muted font-weight-bold">AGE</span>
  46.           Unknown
  47.         </li>
  48.         <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2">
  49.           <span class="text-uppercase text-muted font-weight-bold">HEIGHT</span>
  50.           Unknown
  51.         </li>
  52.         <li class="list-group-item d-flex justify-content-between align-items-center px-3 py-2">
  53.           <span class="text-uppercase text-muted font-weight-bold">SEXUALITY</span>
  54.           Unknown
  55.         </li>
  56.       </ul>
  57.      
  58.     </div> <!--character b end-->
  59.    
  60.     <!--RIGHT COLUMN-->
  61.     <div class="col-lg-6 p-1">
  62.      
  63.       <!--OVERVIEW-->
  64.       <div class="card bg-faded p-1">
  65.         <h3 class="text-uppercase text-muted ml-2 mt-1"><i class="fas fa-bars mr-1"></i> OVERVIEW</h3>
  66.         <div class="card rounded-0 p-3" style="height:300px; overflow:auto;">
  67.           <ul class="list-group list-group-flush mb-2">
  68.             <li class="list-group-item px-0 pt-0 pb-2"><p><span class="text-muted text-uppercase font-weight-bold">RELATIONSHIP:</span> Unknown</p></li>
  69.             <li class="list-group-item px-0 py-2"><p><span class="text-muted text-uppercase font-weight-bold">DYNAMIC:</span> Unknown</p></li>
  70.             <li class="list-group-item px-0 pb-2 border-bottom-0"><p><span class="text-muted text-uppercase font-weight-bold">CLOSENESS:</span> Unknown</p></li>
  71.           </ul>
  72.           <p>Briefly describe your characters' relationship here. This box will scroll.</p>
  73.           <p>Cras a tempus mauris. Praesent maximus orci elit, ut feugiat augue dignissim quis. Curabitur facilisis nec lorem vitae tincidunt. Aliquam erat volutpat. In sodales vehicula cursus. Vivamus aliquet leo ac ex volutpat, et euismod tellus semper. Nulla sit amet nisl accumsan, malesuada orci sed, aliquam nulla. Vestibulum elit diam, vehicula vitae tincidunt sit amet, cursus sit amet sapien. Donec imperdiet mi eget augue consectetur dictum. Fusce vehicula accumsan nunc, fermentum tincidunt neque lobortis non. Nulla sollicitudin diam fermentum nulla placerat placerat. </p>
  74.         </div>
  75.       </div> <!--overview end-->
  76.      
  77.       <!--STORY-->
  78.       <div class="card bg-faded p-1 mt-3">
  79.         <h3 class="text-uppercase text-muted ml-2 mt-1"><i class="fas fa-book mr-1"></i> STORY</h3>
  80.         <div class="card rounded-0 p-3" style="height:320px; overflow:auto;">
  81.           <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark"></i> HEADER</h6><div class="card mb-2"></div>
  82.           <p>Describe your characters' relationship progress here. This box will scroll.</p>
  83.           <p>Integer vitae turpis in mauris eleifend venenatis. Proin est ipsum, placerat sed lectus id, faucibus convallis elit. Aenean elementum non sapien vel tempor. Vivamus pretium dui in lacus iaculis accumsan. Suspendisse elementum tristique fermentum. Curabitur feugiat elit ut scelerisque facilisis. In in arcu sed ligula eleifend convallis. Vivamus eu dictum metus, lacinia dignissim diam. Donec non est quis leo pellentesque imperdiet imperdiet non est. Duis gravida, quam vel viverra viverra, risus mi porttitor metus, vitae feugiat elit sem sit amet turpis. Vestibulum eu aliquet metus. Aliquam eu arcu id justo consectetur tincidunt. Aliquam eget felis fringilla, cursus dui quis, aliquet dui. </p>
  84.           <h6 class="text-uppercase text-muted"><i class="fas fa-bookmark"></i> HEADER</h6><div class="card mb-2"></div>
  85.           <p>Vestibulum porttitor lobortis neque, in maximus lacus. Sed auctor arcu rutrum, rutrum eros eu, pulvinar est. Sed mi dolor, tempor vel porta sit amet, semper non velit. Praesent consectetur, velit ac ultrices imperdiet, arcu ligula scelerisque risus, eu pharetra tellus mi eget neque. Nulla accumsan sit amet neque ac placerat. Ut a aliquam nibh. Vestibulum sodales ex et dui faucibus, blandit pulvinar leo sagittis. Etiam ullamcorper rutrum nulla eget tempor. Aliquam quis velit eu justo pretium euismod. Ut pulvinar, dolor eu hendrerit gravida, lectus velit pulvinar urna, ut sollicitudin augue quam sit amet arcu. Proin at tempus nisl. </p>
  86.         </div>
  87.       </div> <!--story end-->
  88.      
  89.     </div> <!--right column end-->
  90.    
  91.   </div> <!--row 1 end-->
  92.  
  93.   <!--ROW 2-->
  94.   <div class="row mt-1 align-items-center">
  95.    
  96.     <!--CHARACTER A THOUGHTS-->
  97.     <div class="col-lg-3 p-1">
  98.       <div class="card bg-faded p-1">
  99.         <h3 class="text-uppercase text-muted ml-2 mt-1"><i class="fas fa-comment mr-1"></i> A'S THOUGHTS ON B</h3>
  100.         <div class="card rounded-0 p-3 font-italic text-muted" style="height:200px; overflow:auto;">
  101.           <p>"Put Character A's thoughts on Character B here. This box will scroll."</p>
  102.         </div>
  103.       </div>
  104.     </div> <!--character a thoughts end-->
  105.    
  106.     <!--CHARACTER B THOUGHTS-->
  107.     <div class="col-lg-3 p-1">
  108.       <div class="card bg-faded p-1">
  109.         <h3 class="text-uppercase text-muted ml-2 mt-1"><i class="fas fa-comment mr-1"></i> B'S THOUGHTS ON A</h3>
  110.         <div class="card rounded-0 p-3 font-italic text-muted" style="height:200px; overflow:auto;">
  111.           <p>"Put Character B's thoughts on Character A here. This box will scroll."</p>
  112.         </div>
  113.       </div>
  114.     </div> <!--character b thoughts end-->
  115.    
  116.     <!--PLAYLIST-->
  117.     <div class="col-lg-3 p-1">
  118.       <div class="card bg-faded p-1">
  119.         <h3 class="text-uppercase text-muted ml-2 mt-1"><i class="fas fa-music mr-1"></i> PLAYLIST</h3>
  120.         <div class="card rounded-0" style="height:200px; overflow:auto;">
  121.           <ul class="list-group list-group-flush">
  122.             <li class="list-group-item px-3 py-2"><a href="#" target="_blank"><i class="fas fa-play"></i> Song Title - Artist</a></li>
  123.             <li class="list-group-item px-3 py-2"><a href="#" target="_blank"><i class="fas fa-play"></i> Song Title - Artist</a></li>
  124.             <li class="list-group-item px-3 py-2"><a href="#" target="_blank"><i class="fas fa-play"></i> Song Title - Artist</a></li>
  125.             <li class="list-group-item px-3 py-2"><a href="#" target="_blank"><i class="fas fa-play"></i> Song Title - Artist</a></li>
  126.             <li class="list-group-item px-3 py-2"><a href="#" target="_blank"><i class="fas fa-play"></i> Song Title - Artist</a></li>
  127.           </ul>
  128.         </div>
  129.       </div>
  130.     </div> <!--playlist end-->
  131.    
  132.     <!--RIGHT COLUMN (IMG)-->
  133.     <div class="col-lg-3 p-1">
  134.       <div class="card border-0" style="height:242px; background-image:url('https://cdn.discordapp.com/attachments/498852129893646337/694690724175806514/1038407_3WLupbKgARkFBvf.png'); background-size:cover; background-position:top center"></div>
  135.     </div> <!--right column (img) end-->
  136.    
  137.   </div> <!--row 2 end-->
  138.  
  139.   <!--ROW 3-->
  140.   <div class="row mt-1">
  141.    
  142.     <!--LEFT COLUMN (A'S GIFTS TO B)-->
  143.     <div class="col-lg-6 p-1">
  144.       <div class="card bg-faded p-1">
  145.         <h3 class="text-uppercase text-muted ml-2 mt-1"><i class="fas fa-gift mr-1"></i> A'S GIFTS TO B</h3>
  146.         <div class="card rounded-0 p-3" style="height:200px; overflow:auto;">
  147.          
  148.           <!--IMAGES-->
  149.           <p class="text-center">
  150.             <img class="d-inline-block m-1 rounded" style="width:80px; height:80px;" src="https://cdn.discordapp.com/attachments/498852129893646337/601246840557404160/unknown.png">
  151.             <img class="d-inline-block m-1 rounded" style="width:80px; height:80px;" src="https://cdn.discordapp.com/attachments/498852129893646337/601246131728678916/unknown.png">
  152.           </p> <!--images end-->
  153.          
  154.           <p><span class="text-uppercase font-weight-bold text-muted">ITEM:</span> Describe gift here. This box will scroll.</p>
  155.           <p><span class="text-uppercase font-weight-bold text-muted">ITEM:</span> Describe gift here. This box will scroll.</p>
  156.          
  157.         </div>
  158.       </div>
  159.     </div>
  160.    
  161.     <!--RIGHT COLUMN (B'S GIFTS TO A)-->
  162.     <div class="col-lg-6 p-1">
  163.       <div class="card bg-faded p-1">
  164.         <h3 class="text-uppercase text-muted ml-2 mt-1"><i class="fas fa-gift mr-1"></i> B'S GIFTS TO A</h3>
  165.         <div class="card rounded-0 p-3" style="height:200px; overflow:auto;">
  166.          
  167.           <!--IMAGES-->
  168.           <p class="text-center">
  169.             <img class="d-inline-block m-1 rounded" style="width:80px; height:80px;" src="https://cdn.discordapp.com/attachments/565605870705180703/652268746559324210/unknown.png">
  170.             <img class="d-inline-block m-1 rounded" style="width:80px; height:80px;" src="https://cdn.discordapp.com/attachments/498852129893646337/601246590681743377/unknown.png">
  171.           </p> <!--images end-->
  172.          
  173.           <p><span class="text-uppercase font-weight-bold text-muted">ITEM:</span> Describe gift here. This box will scroll.</p>
  174.           <p><span class="text-uppercase font-weight-bold text-muted">ITEM:</span> Describe gift here. This box will scroll.</p>
  175.          
  176.         </div>
  177.       </div>
  178.     </div>
  179.    
  180.   </div> <!--row 3 end-->
  181.  
  182. </div>
RAW Paste Data
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
Top