Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Zora Properties</title>
    <link rel="stylesheet" href="zora-properties.css">
</head>
<body>

<aside>
    <h1>
        <strong>Zora</strong>
        <img src="images/profile-picture.jpg">
        <p>John Doe</p>
    </h1>

    <nav>
        <ul>
            <li>
                <i class="fa fa-cogs" aria-hidden="true"></i>
                properties
            </li>
            <li>
                <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                applicants
            </li>
            <li>
                <i class="fa fa-users" aria-hidden="true"></i>
                tennants
            </li>
            <li>
                <i class="fa fa-comments-o" aria-hidden="true"></i>
                messages
            </li>
        </ul>
    </nav>
</aside>

<main>
    <header>
        <h1 class="last-letter">Properties </h1>

        <button class="property">add property &#9661;</button>

        <h2>Spring Garden road complex</h2>

        <h3>1158 spring garden road, los angeles us</h3>
    </header>


    <section>

        <article class="first-image">
            <img src="images/apartment-1.jpg" alt="Apartment 1">
            <h2>super sweet apartment</h2>
            <p>unit 305</p>
        </article>

        <article class="second-image">
            <img src="images/apartment-2.jpg" alt="Apartment 1">
            <h2>super sweet apartment</h2>
            <p>unit 302</p>
        </article>

        <article class="third-image">
            <img src="images/apartment-3.jpg" alt="Apartment 1">
            <h2>super sweet apartment</h2>
            <p>unit 302</p>
        </article>


    </section>


</main>


</body>
</html>