you're my heaven and hell || backstory

♡ hello hello! so, first of all...i am very happy y'all liked the codes i did for my KODE LAUNCH!! so, this code is not another code launch but it does correspond to it. my lovely friendo wanted a matching backstory to the profile text and i was more than happily willing to make one! so keeping this short because i am sick...keep the credits! and have fun <3 ♡

best dreams,
kay <3


--CODE STARTS BELOW THIS TEXT--
<html>
<center>
<style>
@font-face {
    font-family: 'Tiffany Script';
    font-style: normal;
    font-weight: 400;
    src: local('Tiffany Script'), url('https://fonts.cdnfonts.com/s/39494/TiffanyScript-4pOD.woff') format('woff');

}

/*Scrollbar*/
::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-thumb {background: #fff;}
::-webkit-scrollbar-thumb:hover {background: #fff;}
  .box{
    position: relative;
  text-align: center;

  }

  .tab button {
    width:150px;
    height:90px;
    margin-top:0px;
    overflow: hidden;
    border: 1px solid #fff;
    font-family: 'Tiffany Script';
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 0 0 40px #fff, 0 0 50px #bbb, 0 0 60px #fff, 0 0 70px #bbb, 0 0 80px #fff, 0 0 90px #bbb, 0 0 100px #fff;
  }

  .pttitle{
    font-family:'Tiffany Script';
    font-size:30px;
    color:#fff;
    text-align:center;
    text-shadow: 0 0 40px #fff, 0 0 50px #bbb, 0 0 60px #fff, 0 0 70px #bbb, 0 0 80px #fff, 0 0 90px #bbb, 0 0 100px #fff;
background:url(https://i.pinimg.com/474x/88/f5/8c/88f58c589ed40d4e847d7e04b2e04daf.jpg);
background-attachment: fixed;
background-position: absolute;
background-size: cover;
width:720px;
margin-bottom: 10px;
padding:15px;
box-sizing:box-border;
border-bottom: 2px solid #fff;


  }
  .ptsubtitle{
    font-family:'Tiffany Script';
    font-size:12px;
    color:#fff;
    position:relative;
    text-align: center;

    font-weight: bold
  }
  .page{
    text-decoration: none;
    color:black;
    overflow: auto;
    padding: 10px
  }
  .columnone{
  border-color: #fff;
  border: 10px;
  width: 200px;
  height: 700px;
  float: left;

  }
  .columntwo{
   width: 500px;
   height: 800px;
   overflow: auto;
   color: #fff;
   text-align: justify
  }
.trait{
background:#bebebe;
padding:3px;
font-family: 'Times New Roman';
font-size:15px;
text-align:center;
}
.pandn{
  font-family: 'Times New Roman';
  font-size: 15px;
}

</style>
<a name="one">
<div style="background:#000;border:10px solid #fff;width:750px;height:850px;overflow: auto">
<div class="box">
<center><div class="pttitle">
<b>Name Here</b>
<br><div class="ptsubtitle">
can be your angel or your demon. your choice
</center></div>
<div class="columnone">
<div style="background: #000;padding:5%;border:#83a49c 0px double;width:175px;height:370px;float:left;margin-right:10px;margin-left:4px">

<center>
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'one')" id="defaultOpen" style="background: url(https://i.pinimg.com/474x/45/98/88/459888db2edc67b75754d19578cb792c.jpg)center;background-size:cover;box-shadow: 1px 1px 6px 2px #fff">parents</button><br><br>
<button class="tablinks" onclick="openCity(event, 'two')"id="defaultOpen" style="background: url(https://i.pinimg.com/474x/72/5e/a4/725ea4b12c3f9e2ae9990fc77e2e8629.jpg)center;background-size:cover;box-shadow: 1px 1px 6px 2px #fff">siblings</button><br><br>
<button class="tablinks" onclick="openCity(event, 'three')"id="defaultOpen" style="background: url(https://i.pinimg.com/474x/e7/f8/18/e7f818133ee9a1e20bb950b6d58d3ca3.jpg)center;background-size:cover;box-shadow: 1px 1px 6px 2px #fff">childhood</button><br><br>
<button class="tablinks" onclick="openCity(event, 'four')"id="defaultOpen" style="background: url(https://i.pinimg.com/474x/f0/87/c1/f087c17489be2a4fca1d4e78a8ccbaf6.jpg)center;background-size:cover;box-shadow: 1px 1px 6px 2px #fff">school life</button><br><br>
<button class="tablinks" onclick="openCity(event, 'five')"id="defaultOpen" style="background: url(https://i.pinimg.com/474x/3a/2c/b7/3a2cb7541c18a8070f1ac7195c5e8ffb.jpg)center;background-size:cover;box-shadow: 1px 1px 6px 2px #fff">present</button>
<br><br><br>
<img src="https://i.pinimg.com/474x/23/aa/c4/23aac4911fc28ab89ffd781ea68737f7.jpg" style="width:170px;height:200px;border: 2px solid #fff;box-shadow: 1px 1px 6px 4px #fff">
</div>
</div>
</div>

<div class="columntwo">
<div id="one" class="tabcontent">
<div style="margin-left: 10px ">
<br><center><div class="ptsubtitle" style="font-size:15px;text-align:right">
Insert Quote Here
</center>
<hr style="border:solid #fff;border-width:thin;">
<img src="https://i.pinimg.com/474x/f0/dc/73/f0dc73231e2852b3579681d280d67eed.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:left;margin-right:10px;margin-bottom:5px;margin-top:3px;box-shadow: 1px 1px 6px 2px #fff">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh mauris cursus mattis molestie a iaculis at erat. Et malesuada fames ac turpis egestas sed tempus urna et. At auctor urna nunc id. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Id nibh tortor id aliquet lectus proin nibh nisl. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas. At auctor urna nunc id cursus metus. Sit amet consectetur adipiscing elit duis tristique. Eu augue ut lectus arcu bibendum at varius vel pharetra. Volutpat diam ut venenatis tellus in metus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Vel turpis nunc eget lorem dolor.</p>
<p>Massa sapien faucibus et molestie ac feugiat. Id donec ultrices tincidunt arcu non sodales. Risus quis varius quam quisque id diam. At erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nibh tellus molestie nunc non blandit massa enim nec dui. Id consectetur purus ut faucibus. Nulla pharetra diam sit amet nisl suscipit. Arcu non sodales neque sodales. Massa tempor nec feugiat nisl. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Fringilla ut morbi tincidunt augue interdum velit. Elit sed vulputate mi sit amet mauris commodo quis. Iaculis eu non diam phasellus. Lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci. Nulla posuere sollicitudin aliquam ultrices. Pharetra sit amet aliquam id diam maecenas. Libero enim sed faucibus turpis in eu mi. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Sed tempus urna et pharetra pharetra massa.</p>
<img src="https://i.pinimg.com/474x/a8/b3/b5/a8b3b5a7e143bcea8fb90b26d1fa1fed.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:right;margin-right:8px;margin-bottom:5px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
<p>Et ultrices neque ornare aenean euismod. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Maecenas volutpat blandit aliquam etiam erat velit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Vel orci porta non pulvinar neque laoreet. Tortor id aliquet lectus proin nibh nisl condimentum id. Interdum velit euismod in pellentesque massa. Aliquam faucibus purus in massa tempor nec feugiat nisl. Donec ac odio tempor orci dapibus ultrices in. Lacus sed viverra tellus in. Vel pharetra vel turpis nunc. Eget dolor morbi non arcu. Magna fermentum iaculis eu non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada. Adipiscing bibendum est ultricies integer quis. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Facilisis volutpat est velit egestas dui id ornare arcu. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam. Varius vel pharetra vel turpis nunc eget.
<div>
          </div>
<br></div></div>
<div id="two" class="tabcontent">
<div style="margin-left: 10px">
<br><center><div class="ptsubtitle" style="font-size:15px;text-align:right">
Insert Quote Here
</center>
<hr style="border:solid #fff;border-width:thin;">
<img src="https://i.pinimg.com/474x/90/90/24/909024731cb44da7dacae005ee78dbff.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:left;margin-right:10px;margin-bottom:5px;margin-top:3px;box-shadow: 1px 1px 6px 2px #fff">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh mauris cursus mattis molestie a iaculis at erat. Et malesuada fames ac turpis egestas sed tempus urna et. At auctor urna nunc id. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Id nibh tortor id aliquet lectus proin nibh nisl. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas. At auctor urna nunc id cursus metus. Sit amet consectetur adipiscing elit duis tristique. Eu augue ut lectus arcu bibendum at varius vel pharetra. Volutpat diam ut venenatis tellus in metus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Vel turpis nunc eget lorem dolor.</p>
<p>Massa sapien faucibus et molestie ac feugiat. Id donec ultrices tincidunt arcu non sodales. Risus quis varius quam quisque id diam. At erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nibh tellus molestie nunc non blandit massa enim nec dui. Id consectetur purus ut faucibus. Nulla pharetra diam sit amet nisl suscipit. Arcu non sodales neque sodales. Massa tempor nec feugiat nisl. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Fringilla ut morbi tincidunt augue interdum velit. Elit sed vulputate mi sit amet mauris commodo quis. Iaculis eu non diam phasellus. Lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci. Nulla posuere sollicitudin aliquam ultrices. Pharetra sit amet aliquam id diam maecenas. Libero enim sed faucibus turpis in eu mi. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Sed tempus urna et pharetra pharetra massa.</p>
<img src="https://i.pinimg.com/474x/aa/22/d6/aa22d6befdf551918b5536b34bb6b9bb.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:right;margin-right:8px;margin-bottom:5px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
<p>Et ultrices neque ornare aenean euismod. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Maecenas volutpat blandit aliquam etiam erat velit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Vel orci porta non pulvinar neque laoreet. Tortor id aliquet lectus proin nibh nisl condimentum id. Interdum velit euismod in pellentesque massa. Aliquam faucibus purus in massa tempor nec feugiat nisl. Donec ac odio tempor orci dapibus ultrices in. Lacus sed viverra tellus in. Vel pharetra vel turpis nunc. Eget dolor morbi non arcu. Magna fermentum iaculis eu non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada. Adipiscing bibendum est ultricies integer quis. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Facilisis volutpat est velit egestas dui id ornare arcu. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam. Varius vel pharetra vel turpis nunc eget.
<div>
          </div>
<br></div></div>


<div id="three" class="tabcontent">
<div style="margin-left: 10px">
<br><center><div class="ptsubtitle" style="font-size:15px;text-align:right">
Insert Quote Here
</center>
<hr style="border:solid #fff;border-width:thin;">
<img src="https://i.pinimg.com/474x/dd/4a/54/dd4a54cfc6c9a476f6c32f44e2fda3f5.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:left;margin-right:10px;margin-bottom:5px;margin-top:3px;box-shadow: 1px 1px 6px 2px #fff">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh mauris cursus mattis molestie a iaculis at erat. Et malesuada fames ac turpis egestas sed tempus urna et. At auctor urna nunc id. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Id nibh tortor id aliquet lectus proin nibh nisl. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas. At auctor urna nunc id cursus metus. Sit amet consectetur adipiscing elit duis tristique. Eu augue ut lectus arcu bibendum at varius vel pharetra. Volutpat diam ut venenatis tellus in metus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Vel turpis nunc eget lorem dolor.</p>
<p>Massa sapien faucibus et molestie ac feugiat. Id donec ultrices tincidunt arcu non sodales. Risus quis varius quam quisque id diam. At erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nibh tellus molestie nunc non blandit massa enim nec dui. Id consectetur purus ut faucibus. Nulla pharetra diam sit amet nisl suscipit. Arcu non sodales neque sodales. Massa tempor nec feugiat nisl. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Fringilla ut morbi tincidunt augue interdum velit. Elit sed vulputate mi sit amet mauris commodo quis. Iaculis eu non diam phasellus. Lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci. Nulla posuere sollicitudin aliquam ultrices. Pharetra sit amet aliquam id diam maecenas. Libero enim sed faucibus turpis in eu mi. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Sed tempus urna et pharetra pharetra massa.</p>
<img src="https://i.pinimg.com/474x/0b/f0/5d/0bf05db3cb4563e3420988917772cbf1.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:right;margin-right:8px;margin-bottom:5px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
<p>Et ultrices neque ornare aenean euismod. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Maecenas volutpat blandit aliquam etiam erat velit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Vel orci porta non pulvinar neque laoreet. Tortor id aliquet lectus proin nibh nisl condimentum id. Interdum velit euismod in pellentesque massa. Aliquam faucibus purus in massa tempor nec feugiat nisl. Donec ac odio tempor orci dapibus ultrices in. Lacus sed viverra tellus in. Vel pharetra vel turpis nunc. Eget dolor morbi non arcu. Magna fermentum iaculis eu non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada. Adipiscing bibendum est ultricies integer quis. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Facilisis volutpat est velit egestas dui id ornare arcu. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam. Varius vel pharetra vel turpis nunc eget.
<div>
          </div>
<br></div></div>
<div id="four" class="tabcontent">
<div style="margin-left: 10px">
<br><center><div class="ptsubtitle" style="font-size:15px;text-align:right">
Insert Quote Here
</center>
<hr style="border:solid #fff;border-width:thin;">
<img src="https://i.pinimg.com/474x/96/c1/a7/96c1a773aa6a4d297817281c038f81ca.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:left;margin-right:10px;margin-bottom:5px;margin-top:3px;box-shadow: 1px 1px 6px 2px #fff">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh mauris cursus mattis molestie a iaculis at erat. Et malesuada fames ac turpis egestas sed tempus urna et. At auctor urna nunc id. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Id nibh tortor id aliquet lectus proin nibh nisl. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas. At auctor urna nunc id cursus metus. Sit amet consectetur adipiscing elit duis tristique. Eu augue ut lectus arcu bibendum at varius vel pharetra. Volutpat diam ut venenatis tellus in metus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Vel turpis nunc eget lorem dolor.</p>
<p>Massa sapien faucibus et molestie ac feugiat. Id donec ultrices tincidunt arcu non sodales. Risus quis varius quam quisque id diam. At erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nibh tellus molestie nunc non blandit massa enim nec dui. Id consectetur purus ut faucibus. Nulla pharetra diam sit amet nisl suscipit. Arcu non sodales neque sodales. Massa tempor nec feugiat nisl. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Fringilla ut morbi tincidunt augue interdum velit. Elit sed vulputate mi sit amet mauris commodo quis. Iaculis eu non diam phasellus. Lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci. Nulla posuere sollicitudin aliquam ultrices. Pharetra sit amet aliquam id diam maecenas. Libero enim sed faucibus turpis in eu mi. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Sed tempus urna et pharetra pharetra massa.</p>
<img src="https://i.pinimg.com/474x/2b/0f/d5/2b0fd5820d2414af84835abb9842d767.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:right;margin-right:8px;margin-bottom:5px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
<p>Et ultrices neque ornare aenean euismod. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Maecenas volutpat blandit aliquam etiam erat velit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Vel orci porta non pulvinar neque laoreet. Tortor id aliquet lectus proin nibh nisl condimentum id. Interdum velit euismod in pellentesque massa. Aliquam faucibus purus in massa tempor nec feugiat nisl. Donec ac odio tempor orci dapibus ultrices in. Lacus sed viverra tellus in. Vel pharetra vel turpis nunc. Eget dolor morbi non arcu. Magna fermentum iaculis eu non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada. Adipiscing bibendum est ultricies integer quis. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Facilisis volutpat est velit egestas dui id ornare arcu. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam. Varius vel pharetra vel turpis nunc eget.
<div>
          </div>
<br></div></div>
 <div id="five"class="tabcontent">
<div style="margin-left: 10px">
<br><center><div class="ptsubtitle" style="font-size:15px;text-align:right">
Insert Quote Here
</center>
<hr style="border:solid #fff;border-width:thin;">
<img src="https://i.pinimg.com/474x/01/58/41/0158415768a2d4d9729b69a65b3fafaf.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:left;margin-right:10px;margin-bottom:5px;margin-top:3px;box-shadow: 1px 1px 6px 2px #fff">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh mauris cursus mattis molestie a iaculis at erat. Et malesuada fames ac turpis egestas sed tempus urna et. At auctor urna nunc id. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Id nibh tortor id aliquet lectus proin nibh nisl. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas. At auctor urna nunc id cursus metus. Sit amet consectetur adipiscing elit duis tristique. Eu augue ut lectus arcu bibendum at varius vel pharetra. Volutpat diam ut venenatis tellus in metus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Vel turpis nunc eget lorem dolor.</p>
<p>Massa sapien faucibus et molestie ac feugiat. Id donec ultrices tincidunt arcu non sodales. Risus quis varius quam quisque id diam. At erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nibh tellus molestie nunc non blandit massa enim nec dui. Id consectetur purus ut faucibus. Nulla pharetra diam sit amet nisl suscipit. Arcu non sodales neque sodales. Massa tempor nec feugiat nisl. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Fringilla ut morbi tincidunt augue interdum velit. Elit sed vulputate mi sit amet mauris commodo quis. Iaculis eu non diam phasellus. Lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci. Nulla posuere sollicitudin aliquam ultrices. Pharetra sit amet aliquam id diam maecenas. Libero enim sed faucibus turpis in eu mi. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Sed tempus urna et pharetra pharetra massa.</p>
<img src="https://i.pinimg.com/474x/84/b3/b9/84b3b934d7dad0d3a74085150d55637f.jpg" style="width:170px;height:170px;border-radius:100%;border: 2px solid #fff;float:right;margin-right:8px;margin-bottom:5px;margin-left:10px;box-shadow: 1px 1px 6px 2px #fff">
<p>Et ultrices neque ornare aenean euismod. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Maecenas volutpat blandit aliquam etiam erat velit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Vel orci porta non pulvinar neque laoreet. Tortor id aliquet lectus proin nibh nisl condimentum id. Interdum velit euismod in pellentesque massa. Aliquam faucibus purus in massa tempor nec feugiat nisl. Donec ac odio tempor orci dapibus ultrices in. Lacus sed viverra tellus in. Vel pharetra vel turpis nunc. Eget dolor morbi non arcu. Magna fermentum iaculis eu non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada. Adipiscing bibendum est ultricies integer quis. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Facilisis volutpat est velit egestas dui id ornare arcu. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam. Varius vel pharetra vel turpis nunc eget.
<div>
          </div>
<br></div></div>

</div></div></div></div>  </div> </div>

<div><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px;"><b><u>kay kodes</u></b></a></center>

    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">

          <script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
 document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<div style="display:none">
<iframe src="https://www.youtube.com/embed/Tdq5ErR0imQ?autoplay=1&amp;loop=1&amp;playlist=Tdq5ErR0imQ" frameborder="0" allow="autoplay; clipboard-write; "></iframe>
</div>