[F2U] Huevember (9)

HTMLobster

Info

Created: 1 year, 5 months ago
Creator: HTMLobster
Favorites: 38

Profile

Welcome.

name

age - pronouns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae augue non eros rutrum maximus vitae sed nisi. Ut fermentum lectus lacus, nec suscipit erat congue nec. Nam sollicitudin, ante sed eleifend blandit, ligula tellus pellentesque nibh, sed sodales felis odio ut risus. In hac habitasse platea dictumst.

Proin tortor lacus, viverra nec euismod ut, elementum consectetur massa. Mauris sapien lectus, lacinia sit amet lobortis at, ultricies vitae magna. Maecenas posuere ipsum suscipit, tristique ipsum eget, lobortis sapien.

accent colors: #d62d3b
background image: https://i.imgur.com/WAsyT2t.png

<div class="container rounded p-5" style="background:{{c!accent!}} url({{u!background image!}}) center; background-size:cover; background-blend-mode:luminosity;">
    <div class="text-center my-5 mx-auto" style="max-width:700px; color:{{c!text!}};">
        <div>
            <i class="fa-light fa-star fa-3x fa-beat" style="animation-duration:1.5s;"></i>
        </div>
        <h1 class="display-2 font-weight-bold mt-5" style="text-shadow:0 0 10px {{c!shadows!}};">
            Welcome.
        </h1>
        <h2 class="display-4" style="text-shadow:0 0 7px {{c!shadows!}};">
            {{!name!}}
        </h2>
        <p class="font-italic" style="font-size.8em; text-shadow:0 0 7px {{c!shadows!}};">
           {{!age!}} - {{!pronouns!}}  
        </p>
        <div class="mt-5">
            {{%description%
            <p>
                {{l%paragraph%}}
            </p>
            %end%}}
        </div>
        <div class="mt-4">
            <a class="btn rounded-circle bg-white p-2 mt-4 mx-2" href="{{u!link 1 URL!}}" style="box-shadow:0 0 10px {{c!shadows!}};">
                <i class="fa-brands fa-instagram fa-fw" style="color:{{c!accent!}};"></i>
            </a>
            <a class="btn rounded-circle bg-white p-2 mt-4 mx-2" href="{{u!link 2 URL!}}" style="box-shadow:0 0 10px {{c!shadows!}};">
                <i class="fa-brands fa-deviantart fa-fw" style="color:{{c!accent!}};"></i>
            </a>
            <a class="btn rounded-circle bg-white p-2 mt-4 mx-2" href="{{u!link 3 URL!}}" style="box-shadow:0 0 10px {{c!shadows!}};">
                <i class="fa-brands fa-twitter fa-fw" style="color:{{c!accent!}};"></i>
            </a>
            <a class="btn rounded-circle bg-white p-2 mt-4 mx-2" href="{{u!link 4 URL!}}" style="box-shadow:0 0 10px {{c!shadows!}};">
                <i class="fa-solid fa-id-card fa-fw" style="color:{{c!accent!}};"></i>
            </a>
            <a class="btn rounded-circle bg-white p-2 mt-4 mx-2 tooltipster" href="#" title="{{!discord tag!}}" style="box-shadow:0 0 10px {{c!shadows!}};">
                <i class="fa-brands fa-discord fa-fw" style="color:{{c!accent!}};"></i>
            </a>
        </div>
    </div>
</div>
<div class="mt-3 text-center">
    <a href="https://toyhou.se/HTMLobster" title="html by noll" class="tooltipster">
        <i class="fa-solid fa-lobster"></i>
    </a>
</div>

Recent Images

No images.