API tools faq
paste
Kawaii-Lau

Oh My God

Kawaii-Lau
May 16th, 2020
701
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.48 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. /*  
  3.  
  4. ❁ ≖≖✿❁  Hello!
  5.      Thank you for using my code!
  6.                                     ✿❁ ≖≖ ❁ *
  7. Rules to Follow:
  8.  
  9. ✶ Do not EVER delete or remove the credits of the coder or claim this code as your own.
  10. ✶ Do not redistribute this code, no matter how much you edited it!
  11. ✶ If you need any help in fixing codes, contact me on Discord (Kawaii-lau#6316). Major changes in code is not accepted.
  12. ✶ If you like to share this code, send to your friends the link of my blog, kawaii-lau.tumblr.com , and support me!
  13.  
  14. If you like a custom code, check out my blog to see if requests are open!
  15.  
  16. XOXO, Kawaii-Lau.
  17.  
  18. ❁ ≖≖✿❁
  19.         2020 © Coding by Kawaii-Lau
  20.                                     ✿❁ ≖≖ ❁  */
  21.  
  22.  
  23. .flexbox {display:flex;} .row {flex-direction:row} .col {flex-direction:column}
  24.  
  25. :root {
  26.  
  27.     /* ♛┈⛧┈┈•༶  IMAGES CSS ༶•┈┈⛧┈♛ */
  28.  
  29.         /* BACKGROUND */
  30.         --background: url(https://i.imgur.com/7IDKOf6.jpg);
  31.  
  32.         /* HEADER IMAGE 1 */
  33.         --h-image-1:url(https://78.media.tumblr.com/0e37f661e5c7891634627c8092fa6835/tumblr_p8gop8NXJo1xnrsgwo4_400.gif);
  34.         /* HEADER IMAGE 2 */
  35.         --h-image-2: url(https://i.imgur.com/ezTcYnN.gif);
  36.         /* HEADER IMAGE 3 */
  37.         --h-image-3: url(https://i.pinimg.com/originals/a5/be/38/a5be38c9d75e096764ecdbb6166ee22b.gif);
  38.         /* HEADER IMAGE 4 */
  39.         --h-image-4: url(https://i.pinimg.com/originals/d7/06/e3/d706e38ff768da75110fae8a4160aadf.gif);
  40.         /* HEADER IMAGE 5 */
  41.         --h-image-5: url(https://media1.tenor.com/images/6c321ff0da4a990690a726e91cc8c763/tenor.gif?itemid=14507565);
  42.  
  43.    
  44.     /* ♛┈⛧┈┈•༶  COLORS ༶•┈┈⛧┈♛ */
  45.  
  46.  
  47.     --border1:#747068; /* Box Borders Color */
  48.     --head-text:#747068; /* Head Text Color */
  49.     --head-text-2:#DABC24; /* Accent Text Color */
  50.     --chp-span:#B89D17; /*  Dialogue Color */
  51.  
  52.     --main-border:12px double white;
  53.     --main-text-font:'Playfair Display', serif;
  54. }
  55.  
  56.  
  57. /* ♛┈⛧┈┈•༶
  58.             SCROLLBAR CSS
  59.                                 ༶•┈┈⛧┈♛ */
  60.  
  61. ::-webkit-scrollbar {
  62.         width:6px; height:6px;
  63.         background:transparent;
  64. }
  65.  
  66. ::-webkit-scrollbar-thumb {
  67.         background-color:var(--head-text-2)
  68. }
  69.  
  70.  
  71. /* ♛┈⛧┈┈•༶
  72.             MAIN BOX CSS
  73.                                 ༶•┈┈⛧┈♛ */
  74.  
  75.     .main-box {
  76.         font-family: var(--main-text-font);
  77.         padding:0px 30px;
  78.         cursor:default;
  79.         width:800px;
  80.         background:#F3EEE5 var(--background);
  81.         background-size:30%;
  82.         margin-left:auto; margin-right:auto;
  83.         border:var(--main-border)
  84. }
  85.  
  86.        
  87.         /* MASK */
  88.     .mask {
  89.     -webkit-mask-image:url(https://i.imgur.com/FCSqmF9.png);
  90.     -webkit-mask-size:100% 100%;
  91.     }
  92.  
  93.         /* TEXT DIVIDER */
  94.     .mask-2 {
  95.     -webkit-mask-image:url(https://i.imgur.com/nE9WlBi.png);
  96.     -webkit-mask-size:100% 100%;
  97. }
  98.  
  99.  
  100. /* ♛┈⛧┈┈•༶
  101.             HEADER IMAGES CSS
  102.                                 ༶•┈┈⛧┈♛ */
  103.  
  104.     .hImgM2 {
  105.         position:absolute;
  106.         width:180px;
  107.         height:180px;
  108.         transform:rotate(-60deg);
  109. }
  110.  
  111.     .h-img-1 {
  112.         background:#F3EEE5 var(--h-image-1) center;
  113.         background-size:100% 100%;
  114. }
  115.  
  116. /* ♛┈⛧┈┈•༶
  117.             STORY HEADERS
  118.                                 ༶•┈┈⛧┈♛ */
  119.  
  120.     .storyH {width:100%;}
  121.  
  122.     .number {
  123.         font-size:60px; text-shadow:-2px 1px 5px #BFB793;
  124.         color:var(--head-text);
  125.         text-align:center; font-weight:bold;
  126.         width:200px;
  127.         padding:10px 10px; font-style:italic;
  128. }
  129.  
  130.     .chp-title {
  131.         padding:10px 30px;
  132.         font-size:48px;
  133.         color:var(--head-text);
  134.         font-style:italic; font-weight:900;
  135.         width:500px; text-transform:uppercase;
  136.         line-height:30px;
  137.         margin-left:100px;
  138.         text-indent:-120px; transition:1s ease
  139. }
  140.     .chp-title:first-line {
  141.         color:var(--head-text-2);
  142.     }
  143.  
  144.     .chp-title:hover {
  145.         letter-spacing:2px;
  146. }
  147.  
  148.  
  149. /* ♛┈⛧┈┈•༶
  150.             STORY CONTENT
  151.                                 ༶•┈┈⛧┈♛ */
  152.  
  153.  
  154.     .chp {align-items:center}
  155.  
  156.     .chp-picture {width:300px}
  157.     .chp-picture img {width:100%; margin:5px}
  158.  
  159.     .chp-content {
  160.         background-color:white;
  161.         padding:40px 20px;
  162.         width:500px; height:600px;
  163.         margin:0px 30px;
  164.         text-align:justify;
  165.         line-height:24px;
  166.         overflow:auto
  167. }
  168.  
  169.     .chp-content:first-letter {
  170.         font-weight:bold;
  171.         font-size:60px;
  172.         margin:0pc 6px;
  173.        
  174.         font-family:'Alex Brush', cursive;
  175. }
  176.  
  177.     .chp-content span {
  178.         color:var(--chp-span);
  179.         font-weight:bold;
  180. }
  181.  
  182.  
  183.  
  184. /* ♛┈⛧┈┈•༶
  185.             CREDITS
  186.                                 ༶•┈┈⛧┈♛ */
  187.  
  188.     .credits {
  189.     transform:rotate(270deg);
  190.     position:absolute;
  191.     margin-left:-200px; margin-top:300px;
  192.     font-weight:bold; width:300px
  193. }
  194.  
  195.     .credits a {
  196.         transition:1s ease;
  197.         color:#D36484; text-decoration:none      
  198. }
  199.  
  200.     .credits a:hover {
  201.         letter-spacing:2px;
  202. }
  203.    
  204. </style>
  205.  
  206.  
  207. <link href="https://fonts.googleapis.com/css2?family=Alex+Brush&family=Playfair+Display:ital,wght@0,500;1,500&display=swap" rel="stylesheet">
  208.  
  209.  
  210. <body>
  211.  
  212. <div class="main-box">
  213.    
  214.     <!-- ♛┈⛧┈┈•༶ DO NOT REMOVE CREDITS ༶•┈┈⛧┈♛ -->
  215.         <div class="credits">
  216.         2020 &copy; Coding by <a href="https://kawaii-lau.tumblr.com/" target="_blank">Kawaii-Lau</a>
  217.         </div>
  218.  
  219. <br>
  220.  
  221.     <div class="header" style="">
  222.             <div class="flexbox row" style="align-items:center; justify-content:center; width:100%;">
  223.            
  224.             <!-- ♛┈⛧┈┈•༶ ༶•┈┈⛧┈♛ -->
  225.            
  226.             <div  class="mask hImgM2" style="margin-left:-300px; margin-top:100px; z-index:5; transform:rotate(60deg)">        
  227.                 <div class="hImgM2" style=" background:#F3EEE5 var(--h-image-1) center; background-size:100% 100%;"></div>
  228.             </div>
  229.            
  230.             <div  class="mask hImgM2" style="margin-left:-200px; margin-top:0px; z-index:5; transform:rotate(60deg)">        
  231.                 <div class="hImgM2" style=" background:#F3EEE5 var(--h-image-2) center; background-size:100% 100%;"></div>
  232.             </div>
  233.            
  234.             <div  class="mask hImgM2" style="margin-left:0px; margin-top:0px; z-index:15; transform:rotate(0deg); position:relative; width:300px; height:300px">        
  235.                 <div class="hImgM2" style=" background:#F3EEE5 var(--h-image-3) center; background-size:100% 100%; width:300px; height:300px; transform:rotate(0deg)"></div>
  236.             </div>
  237.            
  238.             <div  class="mask hImgM2" style="margin-left:200px; margin-top:0px; z-index:8; transform:rotate(60deg)">        
  239.                 <div class="hImgM2" style=" background:#F3EEE5 var(--h-image-4) center; background-size:100% 100%;"></div>
  240.             </div>
  241.            
  242.             <div  class="mask hImgM2" style="margin-left:300px; margin-top:100px; z-index:5; transform:rotate(60deg)">        
  243.                 <div class="hImgM2" style=" background:#F3EEE5 var(--h-image-5) center; background-size:100% 100%;"></div>
  244.             </div>
  245.  
  246.            
  247.     <!-- ♛┈⛧┈┈•༶  END OF HEADER IMAGES ༶•┈┈⛧┈♛ -->
  248.             </div>
  249.      
  250.    
  251.             <div style="width:90%; margin-left:auto; margin-right:auto; margin-top:-10px; position:relative; z-index:10 "><center>
  252.            
  253.             <!-- HEADER TEXT -->
  254.                 <img src="https://fontmeme.com/permalink/200516/fdd16654b8c889449c50c817d13cb08e.png" style="width:70%"/>
  255.            
  256.             <!-- DIVIDER -->
  257.                 <div class="mask-2" style="background:var(--border1); width:100%;height:20px"></div>
  258.             </center>
  259.         </div>
  260.    
  261.     <!-- ♛┈⛧┈┈•༶  END OF HEADER ༶•┈┈⛧┈♛ -->
  262.    
  263.     <br><br><br>
  264.    
  265.    
  266.     <!-- ♛┈⛧┈┈•༶  
  267.  
  268.                 STORY CONTENT
  269.  
  270.                                     ༶•┈┈⛧┈♛ -->  
  271.    
  272.    
  273.         <div class="story">
  274.        
  275.        
  276. <!-- ♛┈⛧┈┈•༶ CHAPTER ONE ༶•┈┈⛧┈♛ -->
  277.        
  278.             <div class="storyH flexbox row">
  279.                 <div class="number" style="border-right:8px double var(--border1);">
  280.                     Chp. 1
  281.                 </div>
  282.                 <div class="chp-title">
  283.                     ❝ She took me <br>to the stars.❞
  284.                 </div>
  285.             </div>
  286.            
  287.    <!-- ♛┈┈┈•༶ ┈┈┈•༶  ༶•┈┈┈ ༶•┈┈┈♛ -->      
  288.            
  289.            
  290.             <div class="chp flexbox row" style="margin:20px 0px">
  291.                 <div class="chp-picture flexbox col">
  292.                     <img src="https://i.pinimg.com/564x/43/15/44/431544b208c61803141b747b77b5593c.jpg"/>
  293.                 </div>
  294.            
  295.                 <div class="chp-content">
  296.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nunc posuere augue non nunc hendrerit, id mollis nisi rhoncus. Mauris tincidunt tincidunt mollis. Fusce tempus dolor eu magna elementum, quis faucibus velit sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam in mattis massa. Nunc eget ornare orci. Nulla mattis purus a posuere sodales. Nullam sit amet leo felis. Duis sit amet consequat arcu, sed sollicitudin nunc. Phasellus id accumsan dui. <span>"This is for dialogues of your character speaking."</span> Mauris tristique metus vitae urna malesuada pellentesque. Aliquam pretium nec dolor vel hendrerit.<br><br>
  297.  
  298.                         Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,
  299.                 <br><br>
  300.  
  301.                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,
  302.                
  303.             </div>
  304.            
  305.             </div>
  306.            
  307.        
  308.        
  309.         </div> <!-- END OF CHAPTER ONE -->
  310.  
  311.    
  312. <!-- ♛┈⛧┈┈•༶ CHAPTER TWO ༶•┈┈⛧┈♛ -->    
  313.    
  314.             <div class="storyH flexbox row">
  315.                 <div class="chp-title" style="border-right:8px double var(--border1);text-align:right;">
  316.                     ❝ She showed me <br>all the stars.❞
  317.                 </div>
  318.                 <div class="number">
  319.                     Chp. 2
  320.                 </div>
  321.             </div>
  322.            
  323.    <!-- ♛┈┈┈•༶ ┈┈┈•༶  ༶•┈┈┈ ༶•┈┈┈♛ -->      
  324.            
  325.            
  326.             <div class="chp flexbox row" style="margin:20px 0px">
  327.                 <div class="chp-content">
  328.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nunc posuere augue non nunc hendrerit, id mollis nisi rhoncus. Mauris tincidunt tincidunt mollis. Fusce tempus dolor eu magna elementum, quis faucibus velit sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam in mattis massa. Nunc eget ornare orci. Nulla mattis purus a posuere sodales. Nullam sit amet leo felis. Duis sit amet consequat arcu, sed sollicitudin nunc. Phasellus id accumsan dui. <span>"This is for dialogues of your character speaking."</span> Mauris tristique metus vitae urna malesuada pellentesque. Aliquam pretium nec dolor vel hendrerit.<br><br>
  329.  
  330.                         Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,
  331.             </div>
  332.            
  333.                 <div class="chp-picture flexbox col">
  334.                     <img src="https://i.pinimg.com/564x/67/3c/b6/673cb65dc24954ef6d04b41558f97026.jpg"/>
  335.                 </div>
  336.            
  337.            
  338.             </div> <!-- END OF CHAPTER TWO -->
  339.  
  340.    
  341. <!-- ♛┈⛧┈┈•༶ CHAPTER THREE ༶•┈┈⛧┈♛ -->    
  342.    
  343.                 <div class="storyH flexbox row">
  344.                 <div class="number" style="border-right:8px double var(--border1);">
  345.                     Chp. 3
  346.                 </div>
  347.                 <div class="chp-title">
  348.                     ❝ I Don't Care<br> If I'm Addicted.❞
  349.                 </div>
  350.             </div>
  351.            
  352.    <!-- ♛┈┈┈•༶ ┈┈┈•༶  ༶•┈┈┈ ༶•┈┈┈♛ -->      
  353.            
  354.            
  355.             <div class="chp flexbox row" style="margin:20px 0px">
  356.                 <div class="chp-picture flexbox col">
  357.                     <img src="https://i.pinimg.com/564x/b7/d1/38/b7d138b0a5d839b48681fc2bed0ec21d.jpg"/>
  358.                     <img src="https://i.pinimg.com/564x/48/ea/bc/48eabc33195d72361692eb2691debf83.jpg"/>
  359.                     <img src="https://i.pinimg.com/564x/0c/28/7d/0c287d83aabf8bc1d8b749e090ccd30f.jpg"/>
  360.                 </div>
  361.            
  362.                 <div class="chp-content">
  363.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nunc posuere augue non nunc hendrerit, id mollis nisi rhoncus. Mauris tincidunt tincidunt mollis. Fusce tempus dolor eu magna elementum, quis faucibus velit sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam in mattis massa. Nunc eget ornare orci. Nulla mattis purus a posuere sodales. Nullam sit amet leo felis. Duis sit amet consequat arcu, sed sollicitudin nunc. Phasellus id accumsan dui. <span>"This is for dialogues of your character speaking."</span> Mauris tristique metus vitae urna malesuada pellentesque. Aliquam pretium nec dolor vel hendrerit.<br><br>
  364.  
  365.                         Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,
  366.                 <br><br>
  367.  
  368.                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,
  369.                
  370.             </div>
  371.            
  372.             </div> <!-- END OF CHAPTER THREE -->
  373.  
  374.    
  375. <!-- ♛┈⛧┈┈•༶ CHAPTER FOUR ༶•┈┈⛧┈♛ -->    
  376.    
  377.             <div class="storyH flexbox row">
  378.                 <div class="chp-title" style="border-right:8px double var(--border1);text-align:right;">
  379.                     ❝ You got me losing<br> my mind.❞
  380.                 </div>
  381.                 <div class="number">
  382.                     Chp. 4
  383.                 </div>
  384.             </div>
  385.            
  386.    <!-- ♛┈┈┈•༶ ┈┈┈•༶  ༶•┈┈┈ ༶•┈┈┈♛ -->      
  387.            
  388.            
  389.             <div class="chp flexbox row" style="margin:20px 0px">
  390.                 <div class="chp-content">
  391.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nunc posuere augue non nunc hendrerit, id mollis nisi rhoncus. Mauris tincidunt tincidunt mollis. Fusce tempus dolor eu magna elementum, quis faucibus velit sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam in mattis massa. Nunc eget ornare orci. Nulla mattis purus a posuere sodales. Nullam sit amet leo felis. Duis sit amet consequat arcu, sed sollicitudin nunc. Phasellus id accumsan dui. <span>"This is for dialogues of your character speaking."</span> Mauris tristique metus vitae urna malesuada pellentesque. Aliquam pretium nec dolor vel hendrerit.<br><br>
  392.  
  393.                         Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,
  394.             </div>
  395.            
  396.                 <div class="chp-picture flexbox col">
  397.                     <img src="https://i.pinimg.com/564x/85/e9/48/85e948f272a97e8f8e4f110432454296.jpg"/>
  398.                 </div>
  399.            
  400.            
  401.             </div> <!-- END OF CHAPTER FOUR -->
  402.  
  403.    
  404. <!-- ♛┈⛧┈┈•༶ CHAPTER FIVE ༶•┈┈⛧┈♛ -->    
  405.    
  406.     <div class="storyH flexbox row">
  407.                 <div class="number" style="border-right:8px double var(--border1);">
  408.                     Chp. 5
  409.                 </div>
  410.                 <div class="chp-title">
  411.                     ❝ Just Fight Me With<br> Your Loving.❞
  412.                 </div>
  413.             </div>
  414.            
  415.    <!-- ♛┈┈┈•༶ ┈┈┈•༶  ༶•┈┈┈ ༶•┈┈┈♛ -->      
  416.            
  417.            
  418.             <div class="chp flexbox row" style="margin:20px 0px">
  419.                 <div class="chp-picture flexbox col">
  420.                     <img src="https://i.pinimg.com/564x/b9/05/21/b905214cdf0e4811282335dfb42d9785.jpg"/>
  421.                 </div>
  422.            
  423.                 <div class="chp-content">
  424.                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nunc posuere augue non nunc hendrerit, id mollis nisi rhoncus. Mauris tincidunt tincidunt mollis. Fusce tempus dolor eu magna elementum, quis faucibus velit sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam in mattis massa. Nunc eget ornare orci. Nulla mattis purus a posuere sodales. Nullam sit amet leo felis. Duis sit amet consequat arcu, sed sollicitudin nunc. Phasellus id accumsan dui. <span>"This is for dialogues of your character speaking."</span> Mauris tristique metus vitae urna malesuada pellentesque. Aliquam pretium nec dolor vel hendrerit.<br><br>
  425.  
  426.                         Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,
  427.                 <br><br>
  428.  
  429.                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,
  430.                
  431.             </div>
  432.            
  433.             </div> <!-- END OF CHAPTER FIVE -->
  434.    
  435.    
  436.     </div>
  437. </div>
  438.  
  439. </body>
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!