<?php get_header(); ?>

<main class="main" role="main">
    <div class="container">

        <h1 class="text-2xl">Welcome to Barebones</h1>

        <div class="row">
            <div class="col col--lg-12 col--md-12 col--sm-12 col--xs-12">
                <h2>Base Font / <span class="font-alt">Alternate Font</span></h2>
                <p class="text-xl">Text XL</p>
                <p class="text-lg">Text LG</p>
                <p class="text-md">Text MD</p>
                <p class="text-sm">Text SM</p>
                <p class="text-xs">Text XS</p>
            </div>          
        </div>

    </div>
</main>

<?php get_footer(); ?>