7 CODE - f2u (toyhouse)

<!---------- C O D E F2U ------------->
<!-- R U L E S -->
<!-- you can use and edit at will. -->
<!-- do not sell or use the code as offer. -->
<!-- talk to me (in inbox) if you want to sell your edition of the code. -->
<!-- if you have questions about how to use the code, can tell me. -->
<!-- you can call me on this account or my personal account (fofuracat00). -->
<!-- ALSO: I'm more active at fofuracat00. -->
<!---------- C O D E F2U ------------->



<!-- background -->
<div class="bg-warning" style="position:absolute;top:0;bottom:0;left:0;background: linear-gradient(180deg, rgba(255,255,255,0.3), rgba(255,255,255,0.8));width:100%;z-index:-1;"></div>


<!-- container -->
<div class="col-md-7 mt-3 container">

<!-- row -->
<div class="row no-gutters">

<!-- first row -->
<div class="col-md-6 p-1">

<!-- background -->
<!-- place a direct link to the image in the url(HERE) -->
<div class="card bg-success" style="background: url(HERE);background-position:center;
background-size:cover;background-repeat: no-repeat;border: 1px solid #464D55;">

<div class="card border-0" style="background-color: rgba(42,67,85, 0.8);height:450px;">
<div class="card border-0" style="background-color: rgba(0,0,0, 0.5);height:100px;">



<!-- title or name -->
<!-- you can make combination of letters you want -->
<!-- letter I -->
<h1 class="text-center pt-2 faded text-uppercase text-warning" style="letter-spacing:2px;">
n
</h1>

<h1 class="text-center text-white" style="letter-spacing:2px;margin-top:-10px;">
name
</h1>

<!-- letter I -->
<h1 class="text-center pt-2 faded text-uppercase text-warning" style="letter-spacing:2px;margin-top:-10px;">
m

</h1></div>



<!-- decoration (ignore) -->
<div class="card p-4 bg-transparent border-0 rounded-0">
<div class="row no-guitters">
<div class="col-1 faded mr-2 bg-warning" style="min-height:200px;"></div>
<div class="col-9" style="min-height:200px;">



<!-- basic info I -->
<!-- content -->
<h1 class="text-left pt-2 text-white" style="letter-spacing:2px;font-size:16px;">
content
</h1>

<!-- info -->
<h1 class="text-left text-warning" style="letter-spacing:2px;margin-top:-7px;font-size:13px;">
info
</h1>


<!-- basic info II -->
<!-- content -->
<h1 class="text-right pt-2 text-white" style="letter-spacing:2px;font-size:16px;">
content
</h1>

<!-- info -->
<h1 class="text-right text-warning" style="letter-spacing:2px;margin-top:-7px;font-size:13px;">
info
</h1>


<!-- basic info III -->
<!-- content -->
<h1 class="text-left pt-2 text-white" style="letter-spacing:2px;font-size:16px;">
content
</h1>

<!-- info -->
<h1 class="text-left text-warning" style="letter-spacing:2px;margin-top:-7px;font-size:13px;">
    info

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



<div class="card my-2 border-0 p-1 text-center" style="border-radius:1rem;background-color: rgba(0,0,0, 0.5);">


<!-- SOCIAL MIDIA I -->
<!-- <!-- fill in the href="HERE" with your social midia link -->
<!-- put the name of the social media in the title="HERE" and fa-HERE -->
<!-- ALSO: remove the (social media...) -->
<p>
<a href="HERE" class="text-warning text-center" data-placement="bottom" data-toggle="tooltip" title="HERE(social midia I)">
<i class="fab fa-HERE text-center"/></a>

<!-- SOCIAL MIDIA II -->
<a href="HERE" class="text-warning text-center" data-placement="bottom" data-toggle="tooltip" title="HERE(social midia II)">
<i class="fab fa-HERE text-center"/></a>

<!-- SOCIAL MIDIA III -->
<a href="HERE" class="text-warning text-center" data-placement="bottom" data-toggle="tooltip" title="HERE(social midia III)">
<i class="fab fa-HERE text-center"/></a>

<!-- SOCIAL MIDIA IV -->
<a href="HERE" class="text-warning text-center" data-placement="bottom" data-toggle="tooltip" title="HERE(social midia IV)">
<i class="fab fa-HERE text-center"/></a>

<!-- SOCIAL MIDIA V -->
<a href="HERE" class="text-warning text-center" data-placement="bottom" data-toggle="tooltip" title="HERE(social midia V)">
<i class="fab fa-HERE text-center"/></a>



<!-- if you want to put one more, just copy it and paste it:
       <a href="HERE" class="text-warning text-center" data-placement="bottom" data-toggle="tooltip" title="HERE">
       <i class="fab fa-HERE text-center"/></a>
don't forget to make the necessary changes. -->



</p></div>

<!-- credits -->
<!-- fill in the same way you filled social media -->

<!-- ICON (second row image) -->
<a href="HERE" class="text-white text-center"  data-placement="bottom" data-toggle="tooltip" title="icon by NAME">
<i class="fal fa-circle text-center"/></a>

<!-- BACKGROUND (first row image) -->
<a href="HERE" class="text-white text-center"  data-placement="bottom" data-toggle="tooltip" title="background by NAME">
<i class="fal fa-circle"/></a>


<!-- CODE -->
<a href="https://toyhou.se/11409168.7-code-f2u" class="text-white text-center"  data-placement="bottom" data-toggle="tooltip" title="code by codecat00">
<i class="fal fa-diamond text-center"/>

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



<!-- second row -->
<div class="col-md-6 p-1">
<!-- icon -->
<div class="card bg-warning" style="background: url(HERE);background-position:center center;
background-repeat: no-repeat;height:450px;border: 1px solid #464D55;">

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