ok i will help

o i don't really understand for me it shows up codes

Ok

Now its page not found ;-;

Oh i put the wrong link,

<!-- Aesthetic Card Profile - Light Version -html code by zodia RULES: -Please let me know you're using this code on my forum post! (https://toyhou.se/~forums/16.htmlcss-graphics/108777.-zodia-s-html-codes?page=0) -Do not remove the design or code credit at the end -Do not claim, sell, or resdistribute this code as your own -You may combine and modify code as long as the credit is still present -Please avoid using WYSIWYG. None of these codes are tested in WYSIWYG and I can't guarantee they'll work as intended. INFO: -The background image can be changed to whatever you want!! -Remember to change the artist credit at the end of the code for the background!! -I did my best to comment out the code to make it easy to edit; let me know if you need help with anything!! --> <!-- BACKGROUND IMAGE; replace URL below --> <div style="max-width: 450px; background-image: url(https://images.unsp

917009-389c76a86b68?ixlib=rb-1.2.1&auto=format&fit=crop&w=1261&q=80); background-size: cover;background-position: bottom center;border-radius: 1rem;overflow: hidden;" class="card border-0 mx-auto"> <div class="card border-0 text-dark p-3" style="background: rgba(255,255,255,.65);"> <div class="mb-2 d-flex justify-content-between align-items-center"> <div> <!-- HEADER --> <h2 class="display-4 mb-0"> <!-- Name --> name </h2> <p class="lead"> <!-- Pronouns --> pronouns </p> </div> <!-- LINK SECTION --> <p style="font-size: 18px;"> <a href="#" class="text-dark"><i class="fab fa-twitter fa-fw tooltipster" title="twitter" data-original-title="twitter"></i></a> <a href="#" class="text-dark"><i class="fab fa-deviantart fa-fw tooltipster" title="deviantart" data-original-title="deviantart"></i></a> <br>

<a href="#" class="text-dark"><i class="fab fa-tumblr fa-fw tooltipster" title="tumblr" data-original-title="tumblr"></i></a> <a href="#" class="text-dark"><i class="fab fa-instagram fa-fw tooltipster" title="instagram" data-original-title="instagram"></i></a> </p> </div> <div class="container"> <div class="row"> <div class="col-sm-5 p-0 my-sm-0 my-3 d-flex align-items-center"> <!-- ICON; replace image below --> <img src="https://i.imgur.com/XyqzC5P.png" style="border-radius: 1rem; width: 150px; height: 150px;" class="d-block mx-auto mx-sm-0"> </div> <div class="col-sm-7 p-0 d-flex justify-content-center align-items-center" style=""> <div> <!-- PROFILE SECTION --> <p class="text-center lead p-2" style="font-size: 14px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sollicitudin

erat quis congue aliquet. Quisque eu maximus nisl. Suspendisse nec ornare mi. In turpis odio, finibus ac risus vel, malesuada. </p> </div> </div> </div> </div> </div> </div> <!-- CREDIT; DO NOT REMOVE! --> <p class="text-center w-100 mx-auto mt-1" style="max-width: 450px"><a href="https://toyhou.se/Zodia" class="text-muted"><i class="fal fa-code"></i></a></p>