F2U || X3 (cw: eyestrain) (code)

<!-- hey everyone!! welcom 2 da scene code!!! -->

<!-- replace "imgurl' with ur images! -->

<!-- replace "graphicurl" with ur blinkies or stampz! -->

<!-- custom colours: find and replace:

magenta: #ff00f7

blue: #00ffe5

black: just the word black

find and replace w/ ur colours to make it ur own!!!

-->

<div class="my-auto mx-auto" style="max-width: 900px">

<!-- BACKGROUND -->

<div class="card card-block" style="border:1px dashed #5cb85c;background-image: url(IMGURL); border-radius: 0px; padding: 20px 1px;">

<!-- END BACKGROUND -->

<div class="container-fluid">

<div class="row">

<div class="col-4">

<!-- NAME -->

<h1 align="center" style="text-shadow: -2px 0 black, 0 2px #ff00f7, 2px 0 #ff00f7, 0 -2px black; color: #00ffe5; font-size: 27px">OC NAME!!!!</h1>

<!-- END NAME -->

<!-- IMAGE -->

<div style="background-image: url(IMGURL); border: 1px solid #ff00f7; border-radius: 50px; height: 200px; background-size: cover"></div>

<!-- END IMAGE -->

<!-- DIVIDER -->

<img src="https://images-ext-2.discordapp.net/external/PHSIv9vqLLd0ay6LuSnYfPwhNSrqcXFOkMVwBwkwA-E/%3Fv%3D54311769/https/eridan.crd.co/assets/images/image135.gif">

<!-- END DIVIDER -->

<!-- PERSONALITY -->

<div class="card card-outline-info" style="background-color: black; border: 1px solid #00ffe5; color: white; height: 150px; border-radius: 40px">

<h2 class="card-inverse card-info card-header" style="background-image: linear-gradient(#ff85f1, #ff00f7); border: 1px solid #00ffe5; color: #00ffe5; border-radius: 100px">

PURRZONALITY X3

</h2>

<div class="card-block" style="padding: 5px 20px; overflow: auto;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

</div>

</div>

<!-- END PERSONALITY -->

</div>

<!-- BACKGROUND -->

<div class="col-5">

<div class="card card-outline-info" style="background-color: black; border: 1px solid #00ffe5; color: white; height: 150px; border-radius: 40px">

<h2 class="card-inverse card-info card-header" style="background-image: linear-gradient(#ff85f1, #ff00f7); border: 1px solid #00ffe5; color: #00ffe5; border-radius: 100px">

BACKSTORY.. o.O

</h2>

<div class="card-block" style="padding: 5px 20px; overflow: auto;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

</div>

</div>

<!-- END BACKGROUND -->

<!-- DIVIDER -->

<img src="https://eridan.crd.co/assets/images/image233.png?v=54311769">

<!-- END DIVIDER -->

<!-- RELATIONSHIPS -->

<div class="card card-outline-info" style="background-color: black; border: 1px solid #00ffe5; color: white; height: 250px; border-radius: 40px">

<h2 class="card-inverse card-info card-header" style="background-image: linear-gradient(#ff85f1, #ff00f7); border: 1px solid #00ffe5; color: #00ffe5; border-radius: 100px">

FWIENDZ >w<

</h2>

<div class="card-block" style="padding: 10px 10px; overflow: auto;">

<div class="container-fluid">

<div class="row" style="border: 1px dashed white; padding: 5px; border-radius: 30px">

<div class="col-5">

<!-- RELATIONSHIP #1 -->

<h1 align="center" style="text-shadow: -2px 0 black, 0 2px #ff00f7, 2px 0 #ff00f7, 0 -2px black; color: #00ffe5; font-size: 15px">OC NAME!!</h1>

<img src="IMGURL" width="200px"></div>

<div class="col-7">

<i style="color: #a6a6a6"> relationship type</i>

<div style="overflow: auto; height: 100px; font-size: 13px">

thiz box will scroll Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

</div>

</div>

</div>

<br>

<div class="row" style="border: 1px dashed white; padding: 5px; border-radius: 30px">

<div class="col-5">

<!-- RELATIONSHIP #2 -->

<h1 align="center" style="text-shadow: -2px 0 black, 0 2px #ff00f7, 2px 0 #ff00f7, 0 -2px black; color: #00ffe5; font-size: 15px">OC NAME!!</h1>

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRH1I9yuNZ9TZwsjoi2PLF-8lLsQMXjyNrhwA&usqp=CAU" width="200px"></div>

<div class="col-7">

<i style="color: #a6a6a6"> relationship type</i>

<div style="overflow: auto; height: 100px; font-size: 13px">

thiz box will scroll Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

</div>

</div>

</div>

<br>

<div class="row" style="border: 1px dashed white; padding: 5px; border-radius: 30px">

<div class="col-5">

<!-- RELATIONSHIP #3 -->

<h1 align="center" style="text-shadow: -2px 0 black, 0 2px #ff00f7, 2px 0 #ff00f7, 0 -2px black; color: #00ffe5; font-size: 15px">OC NAME!!</h1>

<img src="IMGURL" width="200px"></div>

<div class="col-7">

<i style="color: #a6a6a6"> relationship type</i>

<div style="overflow: auto; height: 100px; font-size: 13px">

thiz box will scroll Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

</div>

<!-- END RELATIONSHIP SECTION -->

</div>

</div>

</div>

</div>

</div>

</div>

<div class="col-3">

<!-- BLINKIES -->

<div class="card card-outline-info" style="background-color: black; border: 1px solid #00ffe5; color: white; height: 250px; border-radius: 40px; padding: 10px; width: 170px; overflow: auto; margin-bottom: 10px;">

<h1 align="center" style="text-shadow: -2px 0 black, 0 2px #ff00f7, 2px 0 #ff00f7, 0 -2px black; color: #00ffe5; font-size: 27px"> BLINKIEZ!! </h1>

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL" width="150px"; height="auto">

<img src="GRAPHICURL"; height="auto">

<!-- END BLINKIES -->

</div>

<!-- STAMPS -->

<div class="card card-outline-info" style="background-color: black; border: 1px solid #00ffe5; color: white; height: 180px; border-radius: 40px; padding: 10px; width: 170px; overflow: auto;">

<h1 align="center" style="text-shadow: -2px 0 black, 0 2px #ff00f7, 2px 0 #ff00f7, 0 -2px black; color: #00ffe5; font-size: 27px"> STAMPZ!! </h1>

<div align="center">

<img src="GRAPHICURL">

<img src="GRAPHICURL" width="100px"; height="auto"> <img src="GRAPHICURL" width="100px"; height="auto"> <img src="GRAPHICURL" width="100px"; height="auto"> <img src="GRAPHICURL" width="100px"; height="auto"> <img src="GRAPHICURL" width="100px"; height="auto"> <img src="GRAPHICURL" width="100px"; height="auto"> <img src="GRAPHICURL" width="100px"; height="auto">

</div>

</div>

</div>

</div>

</div>