<!--header bar thing (idk the name)-->
<section id="upper bar">
    <a href="home.html"><img src="logo.png" height="25.5em" width="50em"></a>
    <!--dropdown menu and options NEEDS WORK-->
    <button class="drowpdown">&#9776;</button>
</section>

<!--Page header and explanation-->
<section>
    <h1>Resources</h1>
    <p>
        Here are some resources for you to use, whether it be programming 
        language documentation or some other stuff, all of that
        is here.
    </p>
</section>

<!--Aricles/Links resource section-->
<article class="link_groupings">
    <section class="link_group">
        <h3>Technology 1</h3>
        <p>
            some description
        </p>
        <!--potentially add an explanation of the resource on hover-->
        <a href="link1.com">Link 1</a>
        <a href="link2.com">Link 3</a>
        <a href="link3.com">Link 2</a>
    </section>

    <section class="link_group">
        <h3>Technology 2</h3>
        <p>
            some description
        </p>
        <a href="link1.com">Link 1</a>
        <a href="link2.com">Link 3</a>
        <a href="link3.com">Link 2</a>
    </section>

    <section class="link_group">
        <h3>Technology 3</h3>
        <p>
            some description
        </p>
        <a href="link1.com">Link 1</a>
        <a href="link2.com">Link 3</a>
        <a href="link3.com">Link 2</a>
    </section>
</article>

<!--Footer bar section-->
<section>
    <h3>Footer thing</h3>
    <a href="link1.com">Link 1</a>
    <a href="link2.com">Link 3</a>
    <a href="link3.com">Link 2</a>
</section>

<!--Aricles/Links resource section-->
<article class="link_groupings">
    <section id="link_group1">
        <h3>Technology 1</h3>
        <p>
            Some description.
        </p>
        <!--potentially add an explanation of the resource on hover-->
        <a href="link1.com">Link 1</a>
        <a href="link2.com">Link 3</a>
        <a href="link3.com">Link 2</a>
    </section>

    <section id="link_group2">
        <h3>Technology 2</h3>
        <p>
            Some description.
        </p>
        <a href="link1.com">Link 1</a>
        <a href="link2.com">Link 3</a>
        <a href="link3.com">Link 2</a>
    </section>

    <section id="link_group3">
        <h3>Technology 3</h3>
        <p>
            Some description.
        </p>
        <a href="link1.com">Link 1</a>
        <a href="link2.com">Link 3</a>
        <a href="link3.com">Link 2</a>
    </section>
</article>