* dynamite !

<!DOCTYPE html>


 <!-- DYNAMITE PAGE THEME BY UNVGI
  - DON'T USE AS A BASE CODE.
  - PLEASE DON'T REMOVE THE CREDIT!
  - INBOX ME IF YOU HAVE ANY PROBLEM OR QUESTION<3

 I HOPE U ENJOY IT!

-->

<head>

<title>{Title}</title>
<link rel= "shortcut icon" href="{Favicon}">
<link rel= "alternate" type="application/rss+xml" href="{RSS}">
 <!--icons-->
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">

    <!---fonts--->
    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">


</head>

<style>
@media only screen and (max-width: 1100px);

   body {
        font-family: 'Roboto', sans-serif;
        background-image: url('https://64.media.tumblr.com/c94679a9ecf981f9fd57d18f24efc2b2/3854b3ae1730fc16-7d/s500x750/bdf858a704d30ede1895bbf2352a6d9b7d8539f6.gifv');
        font-size: 10px;
        overflow-x: hidden;
        overflow-y:hidden;
         color: #6d6875;
    }

::-webkit-scrollbar {
    display: none;

}

::-moz-selection { background:#9bc1bc;
color:#e7d8c9; }

::selection { background:#9bc1bc;
color:#e7d8c9; }

/* TEXT */

b {
    color: #9bc1bc; /*here u can change the color of bold */
}

a {
    text-decoration: none;
    color: #d8e2dc;
    transition: background-size .4s ease;
    cursor: pointer;

}

a:hover {
    background: transparent;
}

/* CONNECTIONS BOX */

   .conex {
       position: relative;
       width: 250px;
       bottom: 565px;
       height: 340px;
       margin-left: 70px;
       background-color: white;
       box-shadow: 2px 4px #e7d8c9;
       border-radius: 10px;
       overflow: scroll;
}

/* TITLE: CONNECTIONS */

.subt1 {
    color: #d8e2dc; /*here u can change the color of *connections. */
    text-shadow: 2px 2px 10px #ecf8f8;
    font-size: 20px;
    position: absolute;
    bottom:440px;
    left: 140px;

}

/* CONTAINER */

.container {
    position: absolute;
    width: 750px;
    height: 540px;
    background-color: white;
    left: 320px;
    top:  30px;
    border-radius: 10px;
    z-index: 9;
}

/* BIO BOX */

   .bio  {
       width: 250px;
       position: relative;
       bottom: 220px;
       height: 340px;
       left: 420px;
       background-color: white;
       box-shadow: 2px 4px #e7d8c9;
       border-radius: 10px;
       overflow: scroll;
       z-index: 999;

}
/* WAVE */
.wave {
     position: relative;
     top: 382px;
}

.wave path {
    fill:  #d8e2dc; /* here u can change the color of the wave */
}

/* TITLE: *BIOGRAPHY */

.subt2 {
    position: relative;
    color: #d8e2dc; /* here u can change the color of *biography */
    font-size: 20px;
    bottom: 180px;
    left: 510px;
    text-shadow: 2px 2px 10px #ecf8f8;
    z-index: 9999999999999999999999999999999999999999999999999;

}

.biographyhere {
    position: relative;
    text-align: justify;
    top: 20px;
    padding: 5px;

}

/* MUSE INFO! */

.d {
    position: absolute;
    width: 560px;
    height: 80px;
    background-color: white;
    bottom: 40px;
    left: 20px;
    border-radius:30px;
    box-shadow: 2px 4px #ecf8f8;
    z-index: 99;
}

/* ICON */

.icon {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    bottom: 40px;
    z-index: 9999999999999;
}

.icon img {
    max-width: 80px;
    max-height: 80px;
    border-radius: 50px;
    border: 5px outset #fefae0; /* here u can change the color of the icon */
}


.museinfo {
    position: relative;
    left: 80px;
    padding-top: 30px;
    font-size: 20px;

}

/* AESTHETIC BOX */

.aesthetic {
    position: relative;
    width: 245px;
    height: 239px;
    background-color: white;
    bottom:600px;
    z-index:99999999999;
    right: 240px;


}

.aesthetic img {
    position: relative;
    bottom: 36px;
     box-shadow:2px 4px #e7d8c9;


}

/* TITLE: AESTHETIC */

.subt3 {

    position: relative;
    color: #d8e2dc; /*here u can change the color of *aesthetic */
    font-size: 17px;
    bottom: 345px;
    left: 60px;
    text-shadow: 2px 2px 10px #ecf8f8;

}

/* INSTA POST */

.instapost {
    position: relative;
    width: 250px;
    height: 250px;
    background-color: white;
    left: 670px;
    bottom: 270px;
    box-shadow:2px 4px #e7d8c9;
}

.instapost img {
    position: relative;
    bottom: 20px;
    z-index: 9;
}

.th-heart-1-o:before {
    position: relative;
    top: 110px;
    font-size: 30px;
    left: 105px;
    color: white;
    z-index: 99999999;
}

/* TITLE: NEW POST */
.subt4 {
    position: relative;
    color: #d8e2dc; /* here u can change the color of *new post ! */
    font-size: 17px;
    text-shadow: 2px 2px 10px #ecf8f8;
    bottom: 315px;
    left: 62px;
    z-index: 999999999;
}

.descrip {
    position: relative;
    bottom: 150px;
    width: 252px;
    height: 40px;
    background-color: white;
    z-index: 9999999999999999;
}


.instaicon img {
    max-width: 40px;
    max-height:40px;
    position: relative;
    top: 2px;
    filter: grayscale(95%) brightness(113%);
    -webkit-filter: grayscale(95%) brightness(113%);
    -moz-filter: grayscale(95%) brightness(113%);
}

.instaicon p {
    position: relative;
    bottom: 40px;
    text-align: center;
}


.th-bubble-heart-o:before {
    position: relative;
    top: 70px;
    font-size: 36px;
    left: 97px;
    color: #ecf8f8;
    z-index: 99999999;

}

/* LINKS */
.links {
    position: relative;
    z-index: 9999999999999999999;
    bottom: 312px;
    left: 220px;
    font-size: 25px;

}


.links:hover {
    text-shadow: 0px 0px 10px #084c61;

}

.th-bubble-circle-o:before {

    position: relative;
    z-index: 99999999999999999999999999999;

}

/* please don't remove the credit!!*/

.credit {
    position: relative;
    top: 20px;
    right: 60px;
    text-shadow: 2px 2px 10px #ecf8f8;
    color: white;
    z-index: 99999999999999999999999999999999999999999999999;

}


</style>


<body>


<div class="container">


<div class="wave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0099ff" fill-opacity="1" d="M0,160L48,181.3C96,203,192,245,288,229.3C384,213,480,139,576,106.7C672,75,768,85,864,106.7C960,128,1056,160,1152,192C1248,224,1344,256,1392,272L1440,288L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg></div>


<div class="subt2"><h1>* biography.  </h1>
</div>
<div class="bio">

<!-----COPY AND PASTE THE BIOGRAPHY OF YOUR CHARACTER RIGHT HERE----->

<div class="biographyhere">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p></div>
</div>


<div class="conex">

<!-----RIGHT HERE THE CONNECTIONS----->

<p>
——  ❜
<li><b>best friends:</b> example, example, example.</li>
<li><b>confidants:</b> example, example, example.</li>
<li><b>role model:</b> example, example, example. </li>
<li><b>ride or die:</b> example, example, example.</li>
<li><b>childhood friends:</b> example, example, example.</li>
<li><b>drunk friends, aka two people who do not spend time together sober but get along only when drunk:</b> example, example, example. </li>
<li><b>online friends.</b></li>
<li><b>secret friends, aka friends who do not hang around in the public eye as their family or friends may not get along:</b> example, example, example. </li>
<li><b>enemies to friends:</b> example, example, example. </li>
<li><b>squad:</b> example, example, example.
<li><b>partners in crime</b>: example, example, example. </li>
<li><b>positive influence:</b> example, example, example. </li>
<li><b>seem like a married couple:</b> example, example, example. </li>
<li><b>new friends, aka friends who just met:</b> example, example, example.</li>
<br>
<b>—— ROMANTIC CONNECTIONS. ❜</b>
<li><b>flirtationship:</b> example, example, example. </li>
<li><b>one night stand:</b> example, example, example. </li>
<li><b>friends with benefits:</b> example, example, example.</li>
<li><b>blind date:</b> example, example, example. </li>
<li><b>possible match, aka someone who friends think is perfect for your character and they’re being set up together:</b> example, example, example.</li>
<li><b>forbidden romance:</b> example, example, example. </li>
<li><b>exes on good terms:</b> example, example, example.</li>
<li><b>exes on bad terms:</b> example, example, example. </li>
<li><b>tinder match:</b> example, example, example. </li>
<li><b>first love:</b> example, example, example. </li>
<li><b>love / hate:</b> example, example, example. </li>
<li><b>unrequited crush:</b> example, example, example. </li>
<li><b>celebrity crush:</b> example, example, example. </li>
<li><b>previously friendzoned:</b> example, example, example. </li>
<li><b>summer romance:</b> example, example, example. </li>
<li><b>friends with benefits:</b> example, example, example. </li>
<li><b>enemies with benefits:</b> example, example, example. </li>
<li><b>childhood crush / lover:</b> example, example, example. </li>
<li><b>experimented with their sexuality together:</b> example, example, example. </li>
<li><b>one leads the other on:</b> example, example, example. </li>
<li><b>publicity partner:</b> example, example, example. </li>
<li><b>one night stand or fling that was regretted later:</b> example, example, example. </li>
<br>
<b>—— NEGATIVE CONNECTIONS. ❜</b>
<li><b>enemies:</b> example, example, example. </li>
<li><b>former (best) friends:</b> example, example, example. </li>
<li><b>fell for the same person & fought over them:</b> example, example, example. </li>
<li><b>life long enemies, aka two people who have been enemies ever since they remember but have forgotten the reason for their dislike:</b> example, example, example. </li>
<li><b>frenemies:</b> example, example, example. </li>
<li><b>share a secret, aka two people who have a giant secret together but are constantly afraid the other will rat them out:</b> example, example, example. </li>
<li><b>rivals, direct opposition:</b> example, example, example. </li>
<li><b>negative influence:</b> example, example, example. </li>
<li><b>mutual jealousy:</b> example, example, example. </li>
<li><b>competition:</b> example, example, example. </li>
<li><b>current lover’s ex, former lover’s current partner:</b> example, example, example. </li>
<br>
<br><b>—— MISCELLANEOUS. ❜</br></b>
<li><b>study buddies:</b> example, example, example. </li>
<li><b>tutor:</b> example, example, example. </li>
<li><b>neighbours on bad terms:</b> example, example, example. </li>
<li><b>have mutual friends:</b> example, example, example. </li>
<li><b>an artist’s muse:</b> example, example, example. </li>
<li><b>roommates:</b> example, example, example. </li>
<li><b>project partners:</b> example, example, example. </li>
<li><b>have mutual friends but don’t get along:</b> example, example, example. </li>
<li><b>co-workers:</b> example, example, example. </li>
<li><b>band members:</b> example, example, example. </li>
<li><b>participate in after school activities together:</b> example, example, example. </li>
<li><b>team mates:</b> example, example, example. </li>
<li><b>fitness buddies:</b> example, example, example. </li>
<li><b>game together online:</b> example, example, example. </li>
<li><b>drug dealer:</b> example, example, example. </li>
<li><b>best friend’s family:</b> example, example, example. </li>
<li><b>friends of a sibling:</b> example, example, example. </li>


    </p>


</div>

<div class="subt1"><h1>* connections. </p> </h1>

</div>


<!------EDIT THE ICON HERE------>
<div class="icon"><img src="https://64.media.tumblr.com/756347ff71b298887dd33cfbfdfb2ecf/tumblr_inline_q9o80mDAxO1swgyyf_500.gif"></div>

<!-----EDIT THE INFO OF YOUR MUSE HERE----->

<div class="d">
<div class="museinfo"> name: sage leblanc / age: 22 / she-her / libra / witch.</div>

<!-----EDIT THE PIC OF THE POST HERE------>
<div class="instapost"><span class="th th-heart-1-o"></span><img src="https://64.media.tumblr.com/6f4859c262d13268d782ae52ed85fb10/f0e3dc989dee3aed-b0/s250x400/d1b5b0d45774b2a4d27722bcd97e7469695de127.png"> <div class="subt4"><h1>* new post ! </p> </h1></div><div class="descrip">

<!-----EDIT THE ICON OF INSTAGRAM RIGHT HERE----->
<div class="instaicon"><img src="https://64.media.tumblr.com/cc26575816c652224db240c01d3f89fe/b2cda60fe82723c9-0c/s250x400/35f1ad82055fffc03fb97fa5ed5837ae6917c8aa.png"><!---EDIT THE DESCRIPTION OF THE POST HERE----><p> <b>@svge:</b> what a night ! @fleur @chantel </p></div></div></div>

<div class="links">
<a href="pinterestlink" title="pinterest">
 <span class="th th-circle-o"></span> </a>&nbsp;
<a href="pinterestlink" title="playlist"> <span class="th th-circle-o"></span></a>&nbsp;&nbsp;
<a href="pinterestlink" title="interactions"> <span class="th th-circle-o"></span></a>&nbsp;&nbsp;
<a href="pinterestlink" title="another link"> <span class="th th-circle-o"></span></a>&nbsp;
</div>

<!-----EDIT THE AESTHETIC HERE------>
<div class="aesthetic"><span class="th th-bubble-heart-o"></span><img src="https://64.media.tumblr.com/f0a896b67351c9790a4791edbb8d634f/6407c9de02331bca-22/s250x400/fe0a34b328041c2dd5eb7fe2b2e1a741564b8c6a.png">
<div class="subt3"><h1>* aesthetic. </p> </h1></div>

<!-----CREDIT!! PLEASE DON'T TOUCH THIS---->
<div class="credit">
  <a href="unvgi.tumblr.com" title="unvgi">  <span class="th th-plus-1"></span></a>
</div>

</div>


</div>


</body>

</html>