Useless website!

<!------------------
HELLO! thanks for using Useless Website! still messy as always lol
remember to turn off the WYSIWYG thingy before using it
feel free to customize the colors.

SOMETHING BEFORE USING!!!

- Do not remove the credit at the end or claim as your own.
- you can combine the code with other codes as long the owner is okay with it.

ENJOY! :D

------------------->
<!--Background:
I recommend leaving it in white, but feel free to change the color or even put an image, just add ❝url (IMGURL) ❞ instead of the color-->
<div style="position:absolute;top:0;bottom:0;left:0;background:#fff;fixed center;width:100%;z-index:-1;"></div>
</a>
<!--search engine header--->
<div class="row border-0 rounded-0 no-gutters p-1 mt-2" style="background:#ccc;">
<div class="col-6 px-2 my-auto rounded font-italic" style="letter-spacing:3px;font-weight:200;background:#fff;">
<span style="opacity:.6;"> www.putwhateveruwant.net</span>
<p class="pull-right">
<i class="far fa-star tooltipster" title="add this page to favorites"></i>
</div>
<div class="col-6">
<div class="pull-right">
<div class="btn btn-secondary btn-sm">
<i class="fas fa-times"></i>
</div>
<div class="btn btn-secondary btn-sm">
<i class="fas fa-window-restore"></i>
</div>
<div class="btn btn-secondary btn-sm">
<i class="fas fa-minus"></i>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 p-1">
<!------------------ Background image of the block quote------------------->
<div class="card p-5 h-100" style="background:url(IMG-HERE);">
<!------------------ block quote: You can change the font if u want------------------->
<div class="card border-0 p-md-3 p-2 mx-auto mt-auto" style="border-radius:1em; filter:opacity(80%);">
                      <p class="text-center small" style="letter-spacing:1px;font-family:courier new;">

                        ❝put a quote in here❞</p>
                </div>

            </div>
        </div>

<div class="col-lg-4 p-1">
<!------------------ RIGHT CONTENT BLOCK ------------------->
<div class="card bg- text p-2 table-responsive" style="background:#ccc;height:500px;width:718px;font-family:courier new;color:#000;">
<div class="col-lg-12 p-2">
<td colspan="4" style="width:90.2108%;padding:10px 0px 0px;background-color:rgb();height:40px;">
<strong><em><span style="font-family:'times new roman', times;font-size:30px;line-height:100%;">CHARACTER NAME</span></em></strong></td>
<br><br></td><td style="width:19.5129%;"><p style="font-family:times;font-size:11px;line-height:13px;margin-left:0px;margin-bottom:-2px;width:100%;">
<span style="font-family:arial, helvetica, sans-serif;"><strong><span style="font-weight:bold;letter-spacing:1px;"></span></span></strong></span><span></span>
</span style="font-family:arial, helvetica, sans-serif;"><strong><span style="font-weight:bold;letter-spacing:1px;">


<!-- Info section-->

<i class="fas fa-croissant fa-3x" style="opacity:0.5"></i><em style="font-weight:bold;letter-spacing:1px;margin-bottom:-3px;">A LITTLE INFORMATION.</em></strong></span></p><p style="font-family:times;font-size:11px;line-height:13px;margin-left:0px;margin-bottom:-2px;width:70%;"><br></p><blockquote style="border-left: 1px doted; color #ccc;padding:0px 0px 0px 10px;margin:0;"></blockquote><p style="font-family:times;font-size:11px;line-height:13px;margin-bottom:3px;">𝐀𝐋𝐈𝐀𝐒 : info </p><p style="font-family:times;font-size:11px;line-height:13px;margin-bottom:3px;">𝐀𝐆𝐄: info </p><p style="font-family:times;font-size:11px;line-height:13px;margin-bottom:3px;">𝐁𝐈𝐑𝐓𝐇𝐃𝐀𝐓𝐄 : info </p>

<p style="font-family:times;font-size:14px;line-height:13px;margin-bottom:3px;"><p>ADD AS MUCH INFO U LIKE. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet posuere odio. Quisque et laoreet augue. Nullam congue pulvinar est, a accumsan nulla pellentesque sed. Morbi lobortis justo lacus, vestibulum luctus nisi gravida eget. Quisque in odio pulvinar, pulvinar dolor at, sagittis odio. Integer vehicula tincidunt augue, et laoreet augue fringilla a. Suspendisse fringilla viverra ligula. Morbi maximus feugiat lorem ultrices maximus. Sed at ante purus. Sed aliquet eros sed ipsum vestibulum lobortis. Etiam at nisi in felis maximus tempor. Vestibulum gravida interdum libero et vestibulum.</p>
<!-- STAMPS; replace URLs below -->
                <p class="text-center mt-4 p-0">
                    <img src="STAMP-HERE">
                    <img src="STAMP-HERE">
                    <img src="STAMP-HERE">
                </p>
                <!-- STAMP SECTION END -->

<p>Etiam nec nisl dui. In pretium urna felis, ac scelerisque velit imperdiet malesuada. Phasellus molestie ante nunc, sit amet faucibus nulla feugiat eget. Donec a accumsan ex. Etiam aliquam ullamcorper lorem, vel pellentesque augue rhoncus sed. Nunc rutrum dui mauris, mollis ultrices nibh bibendum quis. Cras venenatis sem ut convallis convallis. Phasellus consectetur et metus ut consequat. Phasellus pellentesque tempor diam in finibus. Vestibulum facilisis lacus in mi iaculis aliquet.
</p>

</div>
</div>
</div>
</div>
<!------------------ CREDIT ------------------->
<p class="text-right">code by @corsalus</p>