[F2U] Galaxy Redux (Code)

CanadianLyynx

Info


Created
4 years, 1 month ago
Creator
CanadianLyynx
Favorites
51

Profile


<!--------------------------
Hello and thank you for using Galaxy Redux!

Some quick things you should know:
- This code is mostly themed, but some of the text is #61BAB9
- Find more of my backgrounds here! https://toyhou.se/6259293.-f2u-transparent-patterns
- PLEASE DO NOT REMOVE CREDIT
- Bing thanks to dokidokirensan for being a great teacher!
----------------->

<div class="container p-0" style="width:750px">
<div class="row no-gutters justify-content-center">
  

  
  <div class="col-12 p-1">

    <div class="card border-0 p-0" style="height:40px;background: #61BAB9 url(https://f2.toyhou.se/file/f2-toyhou-se/images/21089376_yY4meU5AMAoWefM.png) center fixed;">
      <div class="col-12 pl-3 p-1 text-left text-lowercase" style="font-size:20px;letter-spacing:10px;color:#fff;">

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

<!-------------Info------------------------------->
<div class="flex-column col-4 p-1">
  <div class=" card border-0 text-muted bg-faded text-center">
    
  <div class="card border-0 bg-faded p-1">
    <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Nickame</span>
<span class="text-right text-muted text-lowercase">
info</span>
    </div>
    
  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Age</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
  
  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Gender</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>

  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Pronouns</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>

  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Birthday</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>

 <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Voice</span>
<span class="text-right text-muted text-lowercase">
info <a class="melody-embed" style="background:transparent;" href="#"><iframe style="opacity:.00;position:absolute;" src="
https://www.youtube.com/embed/XXX
" frameborder="0"></iframe><i class="fas fa-play" style="color:#61BAB9"></i></a>
</div>

 <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Theme</span>
<span class="text-right text-muted text-lowercase">
info <a class="melody-embed" style="background:transparent;" href="#"><iframe style="opacity:.00;position:absolute;" src="
https://www.youtube.com/embed/XXX
" frameborder="0"></iframe><i class="fas fa-play" style="color:#61BAB9"></i></a>
</div>

  </div>
  
  </div>
</div>
<!-------------icon------------------------------->
<br><br><br>
<div class="col-4 p-1 mt-1 justify-content-center">

  <div class="rounded-circle card border-0 p-3" style="background:#61BAB9 url(https://f2.toyhou.se/file/f2-toyhou-se/images/21089376_yY4meU5AMAoWefM.png) center fixed;height:200px;width:200px;">

<!------------------------image------------------------------->
    <div class="rounded-circle flex-grow-1 card border-0" style="background: url(https://f2.toyhou.se/file/f2-toyhou-se/characters/6457998?1585771866) top no-repeat;background-size:cover">
    </div>
<!------------------------image------------------------------->
  </div>

</div>
<!-------------Info------------------------------->
<div class="flex-column col-4 p-1">
  <div class=" card border-0 text-muted bg-faded text-center">
<div class="card border-0 bg-faded p-1">
 
  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Species</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>

  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Height</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>

    <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Orientation</span>
<span class="text-right text-muted text-lowercase">
info</span>
    </div>
    
  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Occupation</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
  
  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Home</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>

  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
R.status</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>

  <div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
L.status</span>
<span class="text-right text-muted text-lowercase">
living/dead</span>
</div>

    </div>
  </div>
</div>
<!-------------Likes------------------------------->
<div class="flex-column col-3 p-1">
<span class="bg-faded text-center card bg-faded border-0 text-uppercase p-2"style="color:#61BAB9">
Likes</span>
  <div class=" flex-grow-1 flex-colomn table-responsive card border-0 bg-faded text-muted"style="height:150px;">
<ul>
<li>like</li>
<li>like</li>
<li>like</li>
</ul>
  </div>
</div>

<!-------------Description------------------------------->
<div class="flex-column col-6 p-1">
<span class="bg-faded text-left card border-0 text-uppercase p-2"style="color:#61BAB9">
Description</span>
  <div class="flex-grow-1 flex-colomn card border-0 bg-faded text-muted">
    <div class="flex-grow-1 table-responsive text-muted card border-0 p-2 bg-faded"style="height:150px;color:#fff">
<p>     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </div>
  
  </div>
</div>
<!-------------dislikes------------------------------->
<div class="flex-column col-3 p-1">
<span class="bg-faded text-center card border-0 text-uppercase p-2"style="color:#61BAB9">
Dislikes</span>
  <div class=" flex-grow-1 flex-colomn table-responsive card border-0 bg-faded text-muted"style="height:150px;">
<ul>
<li>dislike</li>
<li>dislike</li>
<li>dislike</li>
</ul>
  </div>
</div>
<!------------------------CREDITS DO NOT REMOVE------------------------------->
<div class="col-12 text-primary text-right " style="font-size:10px;">
<a href="/canadianlyynx">
<i class="far fa-paw" style="color:#61BAB9">
</i>
</a>
</div>

</div>