Overview

This template consists of four colors and an image you can change on the #mare id.

• crow1: Color of the top-left and bottom-right corners.
• crow2: Color of the bottom-left and top-right corners.
• cbquote: Color of the quote's background.
• ctext: Text color.
• mimg: URL of the gif.

If you use more than once on the same page: change the id #mare in style and the first div of the HTML.

Preview

Preview mode not available on mobile

History has its
eyes on you.

Be humble. Be hungry. And always be the hardest worker in the room.

You must go in adventures to find out where you truly belong.

Your mind is a weapon, keep it loaded.

Code

<link rel="stylesheet" type="text/css"
    href="https://dl.dropbox.com/scl/fi/evrckvujce1cnlvszxu92/mare.css?rlkey=a3vyaawtznul3s9d66c87go7m&st=4k7zciem&dl=0" />

<style>
    #mare {
        --crow1: #516f9e;
        --crow2: #3d5377;
        --cbquote: #d4dbe7;
        --ctext: #545454;

        --mimg: url(https://64.media.tumblr.com/a50d83bd17e78196484ecf8c9fb9624b/637b1e4544eb2ac0-d5/s540x810/c8aff12c6c1e1b7d1a2dc6ac48c80c4981051ae4.gifv);
    }
</style>

<div id="mare">
    <div class="quotes">
        <rows> </rows>
        <rows style="
margin-right: 7.5px;
margin-left: 7.5px;
background-color: var(--cbquote);
">
            <h3>
                History has its <br />
                eyes on you.
            </h3>
        </rows>
        <rows style="background-color: var(--crow2)"> </rows>

        <rowc>
            <h1>
                Be humble. Be hungry. And always be the hardest worker in the room.
            </h1>
        </rowc>
        <rowc style="
background-image: var(--mimg);
margin-right: 7.5px;
margin-left: 7.5px;
">
        </rowc>
        <rowc>
            <h2 style="top: 50px">
                You must go in adventures to find out where you truly belong.
            </h2>
        </rowc>

        <rows style="background-color: var(--crow2)"> </rows>
        <rows style="
margin-right: 7.5px;
margin-left: 7.5px;
background-color: var(--cbquote);
">
            <h3>Your mind is a weapon, keep it loaded.</h3>
        </rows>
        <rows> </rows>

        <a href="https://www.mytinyiglu.com/forum/Ice%20Bear" title="template by: Ice Bear">
            <div class="credito-r"></div>
        </a>
    </div>
</div>

Similar Templates