theme 212 HTML

<!--     maziekeen's theme 212
       html part                           -->

<div class="layout-container">
<h1>Basics</h1>
<div class="profile">
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">full name</div>
<div class="profile-description">full name here</div>
</div> <!-- this closes the profile-info -->
<div class="profile-info">
<div class="profile-title">main aliases</div>
<div class="profile-description">aliases here</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">birth year</div>
<div class="profile-description">11 / 22 / 3333</div>
</div> <!-- this closes the profile-info -->
<div class="profile-info">
<div class="profile-title">age</div>
<div class="profile-description">age here</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">pronouns</div>
<div class="profile-description">pronouns here</div>
</div> <!-- this closes the profile-info -->
<div class="profile-info">
<div class="profile-title">sexual orientation</div>
<div class="profile-description">Sexual Orientation</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">species/gender</div>
<div class="profile-description">species and gender</div>
</div> <!-- this closes the profile-info -->
<div class="profile-info">
<div class="profile-title">zodiac sign</div>
<div class="profile-description">zodiac sign</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">connections</div>
<div class="profile-description">You can add a huge text, or add <a href="#">links</a> too, <em>anything</em> <strong>html</strong> <u>related</u>. Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero aliquid, dolores culpa beatae quibusdam explicabo? Perspiciatis molestiae deleniti ducimus ratione facilis! Praesentium, autem a.
<ul>
<li>or</li>
<li>you can</li>
<li>add lists too</li>
</ul>
</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
</div> <!-- this closes the profile -->
<h1>Physical</h1>
<div class="profile">
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">faceclaim</div>
<div class="profile-description">faceclaim here</div>
</div> <!-- this closes the profile-info -->
<div class="profile-info">
<div class="profile-title">eyes</div>
<div class="profile-description">eyes</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">hair</div>
<div class="profile-description">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
</div> <!-- this closes the profile-info -->
<div class="profile-info">
<div class="profile-title">height/weight/biuld</div>
<div class="profile-description">Lorem ipsum dolor sit.</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">identifying marks</div>
<div class="profile-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Officiis, accusamus.</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
</div> <!-- this closes the profile -->
<h1>Personality</h1>
<div class="profile">
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">positive</div>
<div class="profile-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum obcaecati ducimus ullam, rerum molestias itaque!</div>
</div> <!-- this closes the profile-info -->
<div class="profile-info">
<div class="profile-title">negative</div>
<div class="profile-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero aliquid, dolores culpa beatae quibusdam explicabo? Perspiciatis molestiae deleniti ducimus ratione facilis! Praesentium, autem a. Ullam.</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
<div class="profile-row">
<div class="profile-info">
<div class="profile-title">likes</div>
<div class="profile-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero aliquid, dolores culpa beatae quibusdam explicabo? Perspiciatis molestiae deleniti ducimus ratione facilis! Praesentium, autem a. Ullam.</div>
</div> <!-- this closes the profile-info -->
<div class="profile-info">
<div class="profile-title">deslikes</div>
<div class="profile-description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa mollitia et, beatae officiis impedit dicta?</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
</div> <!-- this closes the profile -->
<h1>Overview</h1>
<div class="profile">
<div class="profile-row">
<div class="profile-info">
<div class="profile-description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem molestiae perferendis nisi laboriosam maxime tempore assumenda distinctio. Quam pariatur doloremque qui voluptatem, perspiciatis, officiis iure autem minus, error repellat aut.</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est distinctio, perferendis eum totam odit eligendi. Nulla quidem pariatur quisquam quas nihil est temporibus, nobis amet.</p>
</div>
</div> <!-- this closes the profile-info -->
</div> <!-- this closes the profile-row -->
</div> <!-- this closes the profile -->
</div> <!-- don't touch, this closes the layout-container -->

<!--     maziekeen's theme 212
       html part                           -->