Yapper's template
user_1649912
html
7 months ago
7.0 kB
37
No Index
<div class="container mt-3">
<div class="row">
<!-- Profile Picture & Bio text -->
<div class="col-md-8 col-12 d-flex flex-column align-items-center" style="padding: 0.5;">
<!-- Profile Picture -->
<img src="https://i.imgur.com/3vGENUD.jpeg" style="border-radius: 20px; max-height: 500px;">
<h5 class="faded mt-3">Art by @username</h5>
<!-- Bio text, delete if not needed! -->
<p><div class="text-muted" Style="max-width:90%">
Bawk bawk bawk b-bawk bawk bawk! bawk bawk cluck, click? Peep! bawk bawk baaaawk 2000's bawk bawk bawk cluck. Peep? Peep! bawk bawk baaaawk cluck bawk bawk bawk cluck.
</div></p>
</div>
<!-- For Sale/InterNests status -->
<div class="col-md-4 col-12" style="padding: 0;">
<div class="card-bg p-3">
<h5 class="text-center">
<span class="badge col-grey" style="font-size: 1.1rem;">For Sale/Trade</span>
</h5>
<p class="text-center">Yes/No</p>
<h5 class="text-center">
<span class="badge col-grey" style="font-size: 1.1rem;">InterNests</span>
</h5>
<p class="text-center">Yes/No</p>
<!-- Partner -->
<h5 class="text-center">
<span class="badge col-grey" style="font-size: 1.1rem;">Partner</span>
</h5>
<p class="text-center">[chicken=2749]</p>
</div>
</div>
</div>
<hr>
<!-- Relationships Section -->
<h5 class="text-center mb-3">Relationships</h5>
<div class="row mb-3">
<!-- First relationship -->
<div class="col-md-4 col-12 d-flex align-items-center justify-content-center">
<p class="mb-0">[chicken=2749]</p>
</div>
<div class="col-md-8 col-12 d-flex align-items-center justify-content-center">
<p class="mb-0">
Bawk bawk bawk! bawk? bawk... Bawk bawk?! Bawk bawk bawk!! Bawk? Ba-bawk? .... bawk.... bawk.... Bawk bawk cluck bawk. Cluck!
</p>
</div>
</div>
<div class="row mb-3">
<!-- Second relationship -->
<div class="col-md-4 col-12 d-flex align-items-center justify-content-center">
<p class="mb-0">[chicken=2749]</p>
</div>
<div class="col-md-8 col-12 d-flex align-items-center justify-content-center">
<p class="mb-0">
Bawk bawk bawk! bawk? bawk... Bawk bawk?! Bawk bawk bawk!! Bawk? Ba-bawk? .... bawk.... bawk.... Bawk bawk cluck bawk. Cluck!
</p>
</div>
</div>
</div>
<hr>
<!-- Personality, Likes, Dislikes, etc. Section.
You can copy & paste these sections as many times as you want to add more sections! -->
<div class="card-bg p-3">
<!-- Personality -->
<div class="row mb-3">
<div class="col-md-4 col-12">
<span class="badge col-grey w-100" style="font-size: 1.1rem;">Personality</span>
</div>
<div class="col-md-8 col-12">
<p>Trait 1, Trait 2, Trait 3</p>
</div>
</div>
<!-- Likes -->
<div class="row mb-3">
<div class="col-md-4 col-12">
<span class="badge col-grey w-100" style="font-size: 1.1rem;">Likes</span>
</div>
<div class="col-md-8 col-12">
<p>Like 1, Like 2, Like 3</p>
</div>
</div>
<!-- Dislikes -->
<div class="row mb-3">
<div class="col-md-4 col-12">
<span class="badge col-grey w-100" style="font-size: 1.1rem;">Dislikes</span>
</div>
<div class="col-md-8 col-12">
<p>Dislike 1, Dislike 2, Dislike 3</p>
</div>
</div>
<!-- Hobbies -->
<div class="row mb-3">
<div class="col-md-4 col-12">
<span class="badge col-grey w-100" style="font-size: 1.1rem;">Hobbies</span>
</div>
<div class="col-md-8 col-12">
<p>Hobby 1, Hobby 2</p>
</div>
</div>
<!-- Occupation -->
<div class="row mb-3">
<div class="col-md-4 col-12">
<span class="badge col-grey w-100" style="font-size: 1.1rem;">Occupation</span>
</div>
<div class="col-md-8 col-12">
<p>Occupation here</p>
</div>
</div>
<!-- Food -->
<div class="row mb-3">
<div class="col-md-4 col-12">
<span class="badge col-grey w-100" style="font-size: 1.1rem;">Favorite Food</span>
</div>
<div class="col-md-8 col-12">
<p>Food here</p>
</div>
</div>
<!-- Color -->
<div class="row mb-3">
<div class="col-md-4 col-12">
<span class="badge col-grey w-100" style="font-size: 1.1rem;">Favorite Color</span>
</div>
<div class="col-md-8 col-12">
<p>Color name here</p>
</div>
</div>
<!-- Theme Song -->
<div class="row mb-3">
<div class="col-md-4 col-12">
<span class="badge col-grey w-100" style="font-size: 1.1rem;">Theme Song</span>
</div>
<div class="col-md-8 col-12">
<p><a href="#SONGLINK">Song name</a></p>
</div>
</div>
</div>
<hr>
<!-- Art Section
You can copy & paste these sections as many times as you want to add more art! -->
<div class="row justify-content-center my-4" style="gap: 20px;">
<!-- Art Card 1 -->
<div class="card" style="width: 15rem;">
<img src="https://i.imgur.com/3vGENUD.jpeg" class="card-img-top mt-3">
<div class="card-body text-center">
<h5 class="card-title">Art by @username</h5>
<p class="card-text">You can put text here!</p>
</div>
</div>
<!-- Art Card 2 -->
<div class="card" style="width: 15rem;">
<img src="https://i.imgur.com/3vGENUD.jpeg" class="card-img-top mt-3">
<div class="card-body text-center">
<h5 class="card-title">Art by @username</h5>
<p class="card-text">You can put text here!</p>
</div>
</div>
<!-- If you're adding more art, add it in the space under here -->
<!-- [end of extra art section, copy & paste more as needed] -->
</div>
</div>
Editor is loading...
Leave a Comment