In A Nutshell

<!-- In A Nutshell theme created by Circlejourney for Historia.  Editing is allowed. Just remember to credit me! -->
<div class="container">
    <div class="card-group mb-2">
        <div class="card col-12 col-lg-3 p-0">
            <img class="w-100" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/6155463?1582763618">
        </div>
        <div class="card">
            <div class="card-header">
                <div class="display-4 text-center">Name <i class="fal fa-star"></i> Age  <i class="fal fa-star"></i>  Pronouns</div>
            </div>
            <div class="card-block">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed elit quam. Nunc semper purus sit amet malesuada euismod. Donec vel nibh quis ligula fringilla laoreet. Quisque feugiat lorem eu faucibus auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla porta tincidunt nulla eget pellentesque.
            </div>
        </div>
    </div>

    <div class="card mb-2">
        <img src="https://via.placeholder.com/1000x250">
    </div>

    <div class="card-group">
        <div class="card">
            <div class="card-header">
                <h2 class="text-uppercase text-center">Projects</h2>
            </div>

            <div class="card p-3 rounded-0 border-top-0 border-left-0 border-right-0">
                <h3><a href="LINK">Project 1</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed elit quam. Nunc semper purus sit amet malesuada euismod. Donec vel nibh quis ligula fringilla laoreet. Quisque feugiat lorem eu faucibus auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla porta tincidunt nulla eget pellentesque.</p>
            </div>

            <!-- Copy this part to make new projects! -->
            <div class="card p-3 rounded-0 border-top-0 border-left-0 border-right-0">
                <h3><a href="LINK">Project 2</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed elit quam. Nunc semper purus sit amet malesuada euismod. Donec vel nibh quis ligula fringilla laoreet. Quisque feugiat lorem eu faucibus auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla porta tincidunt nulla eget pellentesque.</p>
            </div>
            <!-- End of part to copy -->

            <div class="card p-3 rounded-0 border-top-0 border-left-0 border-right-0 border-bottom-0">
                <h3><a href="LINK">Project 3</a></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed elit quam. Nunc semper purus sit amet malesuada euismod. Donec vel nibh quis ligula fringilla laoreet. Quisque feugiat lorem eu faucibus auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla porta tincidunt nulla eget pellentesque.</p>
            </div>
        </div>
        <div class="card col-12 col-lg-5 p-0">
            <div class="card-header">
                <h2 class="text-uppercase text-center">Notes & social</h2>
            </div>

            <div>
                <div class="card p-4 rounded-0 border-top-0 border-right-0 border-left-0">
                    <ul class="py-0 px-3 m-0">
                        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
                        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
                        <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
                    </ul>
                </div>
                <div class="p-4">
                    <h3>
                        <a href="LINK"><i class="fab fa-twitter"></i> Twitter</a>
                    </h3>
                    <h3>
                        <a href="LINK"><i class="fab fa-instagram"></i> Instagram</a>
                    </h3>
                    <h3>
                        <a href="LINK"><i class="fab fa-tumblr"></i> Tumblr</a>
                    </h3>
                    <h3>
                        <i class="fab fa-discord"></i> Discord: Blabla#1234
                    </h3>
                </div>
            </div>
        </div>
    </div>
    <p class="text-right" style="font-size: 9pt;"><a href="https://toyhou.se/~forums/16.htmlcss-graphics/75580.circlejourney-s-code-creations-free-">Theme by Circlejourney</a>
    </p>
</div>