- Created
- 5 years, 1 month ago
- Creator
- moved-peachymxlk
- Favorites
- 13
Profile
<!------------------------
Template by PeachMxlk
Please leave credit somewhere on profile
~COLORS~
Text:#ff84c1
Main:#ff84c1
Background:#efefef
~How to Change Colors~
press ctrl+f while in the code editor, select the + infront of the "0 of 0", place the colour you want to replace in the "search for" bar and insert the colour you want to replace it with in the "replace with" bar, then select the "all" button next to "replace"
--------------------------->
<div class="background" style="height:1000px; width:800px; margin-left:250px;" align="center">
<div class="container">
<!--HEADER -->
<div class="card card-block rounded-1 text-white display-3" style="background-color:#ff84c1; color:#efefef; width:783px;height:200px; margin-bottom:10px;" align="right">
<em>
<div class="card card-block rounded 1 text-white display-3" style="background-color:#efefef;">
<!-- DA LINK -->
<a href="#DA LINK"><img src="https://i.imgur.com/na6nz5f.png"></a>
<!--INSTAGRAM LINK -->
<a href="#INSTA LINK"><img src="https://i.imgur.com/5M90kiW.png"></a>
<!--TWITTER LINK -->
<a href="#TWITTER LINK"><img src="https://i.imgur.com/nxiXwH9.png"></a>
<!--TUMBLR LINK -->
<a href="#TUMBLR LINK"><img src="https://i.imgur.com/YxLnwcL.png"></a>
<!--FURAFFINITY LINK -->
<a href="#FURAFFINITY LINK"><img src="https://i.imgur.com/oZ0wPGz.png"></a>
<!--DISCORD LINK-->
<a href="#DISCORD LINK"><img src="https://i.imgur.com/pO1cowN.png"></a>
</div>
<!-- AVATAR -->
<div class="container">
<img class="fr-rounded p-2 bg-faded" src="https://data.whicdn.com/images/224966340/original.gif" style="width:200px; background-color:#ff84c1; margin-top:-150px;" align="left">
</div>
NAME</em>
</div>
<!--NAVIGATION-->
<div class="container" style="width:250px;float:left;margin-right:10px;" align="center">
<div class="row justify-content-between">
<div class="card card-block card-inverse rounded-1 display-3" style="background-color:#ff84c1; color:#efefef;">
<em>Navigation</em>
</div>
<div class="card card-block bg-faded mb-3" style="border:transparent; background-color:#efefef;">
<ul class="nav nav-tabs card-header-tabs row">
<li class="nav-item col-12 mb-2"><a class="btn btn-block active show" data-toggle="tab" style="width:200px; background-color:#ff84c1; color: #efefef;" href="#ONE">Basic Info</a></li>
<li class="nav-item col-12 mb-2"><a class="btn btn-block" data-toggle="tab" style="width:200px; background-color:#ff84c1; color: #efefef;" href="#TWO">About</a></li>
<li class="nav-item col-12 mb-2"><a class="btn btn-block" data-toggle="tab" style="width:200px; background-color:#ff84c1; color: #efefef;" href="#THREE">Mood Board</a></li>
<li class="nav-item col-12 mb-2"><a class="btn btn-block" data-toggle="tab" style="width:200px; background-color:#ff84c1; color: #efefef;" href="#FOUR">Characters</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- BASIC INFO -->
<div class="tab-content">
<div class="tab-pane fade in active show" id="ONE">
<div class="card card-block card-inverse rounded-1 text-white display-3" align="center" style="background-color:#ff84c1; color:#efefef;">
<em>Basic Info</em>
</div>
<div class="ui-accordion card bg-faded mb-3" style="border:transparent; background-color:#efefef;">
<div class="ui-accordion-content card-block" style="height:204px;">
<!-- WRITE BASIC INFO HERE -->
<div class="container" style="float:left">
<p style="color:#ff84c1"><b>NAME:</b> NAME HERE</p>
<p style="color:#ff84c1"><b>AGE:</b> AGE HERE</p>
<p style="color:#ff84c1"><b>PRONOUNS:</b> PRONOUNS HERE</p>
<p style="color:#ff84c1"><b>STAR SIGN:</b> STAR SIGN HERE</p>
<p style="color:#ff84c1"><b>THEME:</b><a href="#SONG LINK HERE" style="color:#ff84c1;"> SONG HERE</a></p>
</div>
</ul>
</div>
</div>
</div>
<!-- ABOUT-->
<div class="tab-pane fade in" id="TWO">
<div class="card card-block card-inverse rounded-1 text-white display-3" align="center" style="background-color:#ff84c1; color:#efefef;">
<em>About</em>
</div>
<div class="ui-accordion card bg-faded mb-3" style="border:transparent; background-color:#efefef;">
<div class="ui-accordion-content card-block" style="height:204px;">
<!-- WRITE ABOUT HERE -->
<p style="color:#ff84c1;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris neque neque, blandit non gravida eu, efficitur at massa. Integer commodo, velit eu scelerisque ullamcorper, eros felis iaculis sapien, vel eleifend odio odio ac nisi. Ut et pharetra tortor. Pellentesque ac mauris ante. Curabitur molestie finibus tempus. In id erat sed sapien fermentum volutpat. Nam est tellus, cursus pulvinar enim vel, maximus vulputate felis. Fusce eget nisl euismod, faucibus nunc quis, eleifend sem. Fusce convallis elit magna, nec euismod tellus fringilla et.
</p>
</div>
</div>
</div>
<div class="tab-pane fade in" id="THREE">
<div class="card card-block card-inverse rounded-1 text-white display-3" align="center" style="background-color:#ff84c1; color:#efefef;">
<em>Mood Board</em>
</div>
<div class="ui-accordion card bg-faded mb-3" style="border:transparent; background-color:#efefef;">
<div class="ui-accordion-content card-block" style="height:204px;">
<div class="container" align="center">
<!-- IMAGES -->
<div class="container">
<img src="https://i.pinimg.com/originals/4d/ea/72/4dea720dbbb1746e20c8ddd229b6c1ca.jpg" style="width:150px;height:150px;">
<img src="https://t4.rbxcdn.com/b0e4a3d4918b0f88bf7f0d393e337026" style="width:150px;height:150px;">
</div>
<div class="container">
<img src="https://images.fineartamerica.com/images/artworkimages/mediumlarge/1/halcyon-aesthetic-vaporwave.jpg" style="width:150px;height:150px;">
<img src="https://i.pinimg.com/236x/48/13/95/481395b37b6e091e1b076b62762e1457.jpg?b=t" style="width:150px;height:150px;">
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in" id="FOUR">
<div class="card card-block card-inverse rounded-1 text-white display-3"align="center" style="background-color:#ff84c1; color:#efefef;">
<!-- CHARACTERS -->
<em>Characters</em>
</div>
<div class="ui-accordion card bg-faded mb-3" style="border:transparent;background-color:#efefef;">
<div class="ui-accordion-content card-block" style="height:204px;">
<div class="row justify-content-between">
<!--CHARACTER LINKS/PHOTOS-->
<div class="col-md-6 mb-3">
<h3 class="text-primary"><a href="CHARACTER 1 LINK" style="color:#ff84c1;">Name</a></h3>
<img src="https://file.toyhou.se/characters/3731609?" style="width:150px;Height:150px;">
</div>
<div class="col-md-6 mb-3">
<h3 class="text-primary"><a href="CHARACTER 2 LINK" style="color:#ff84c1;">Name</a></h3>
<img src="https://file.toyhou.se/characters/3731609?" style="width:150px;Height:150px;">
</div>
<div class="col-md-6 mb-3">
<h3 class="text-primary"><a href="CHARACTER 3 LINK" style="color:#ff84c1;">Name</a></h3>
<img src="https://file.toyhou.se/characters/3731609?" style="width:150px;Height:150px;">
</div>
<div class="col-md-6 mb-3">
<h3 class="text-primary"><a href="CHARACTER 4 LINK" style="color:#ff84c1;">Name</a></h3>
<img src="https://file.toyhou.se/characters/3731609?" style="width:150px;Height:150px;">
</div>
<div class="col-md-6 mb-3">
<h3 class="text-primary"><a href="CHARACTER 5 LINK" style="color:#ff84c1;">Name</a></h3>
<img src="https://file.toyhou.se/characters/3731609?" style="width:150px;Height:150px;">
</div>
<div class="col-md-6 mb-3">
<h3 class="text-primary"><a href="CHARACTER 6 LINK" style="color:#ff84c1;">Name</a></h3>
<img src="https://file.toyhou.se/characters/3731609?" style="width:150px;Height:150px;">
</div>
</div>
</div>
</div>
</div>
<!--DO NOT REMOVE CREDIT-->
<p class="small" style="color:#ff84c1;">HTML by PeachMxlk</p>
</div>
</div>
</div>
</div>
</div>
</div>
Recent Images
No images.