Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Two Trees Creative</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="styles.css">
    </head>

    <body id="wrapper">
        <header>
            <img id="logo" src="mockup-assets/ttc_logo.png" alt="Two Trees Creative logo">
            <nav>
                <ul>
                    <li><a id="active" href="index.html">Home</a></li>
                    <li><a href="">About</a></li>
                    <li><a href="">Portfolio</a></li>
                    <li><a href="">Contact</a></li>
                </ul>
            </nav>
        </header>

        <main>
            <section id="welcome">
                <h2>Designing Your World</h2>
                <img src="mockup-assets/twotrees.jpg" alt="Picture of vegetation" width="1280">
            </section>
            <section id="about">
                <h2>About Us</h2>
                <section id="abouttext">
                    <p>Two Trees Creative is a full&#45;service graphic design agency based in Ventura&#44; CA&#46; Our goal is to provide elegant work and unsurpassed customer service to our clients in every way&#46;</p>
                    <h3>Meet Our Team of Creatives</h3>
                    <p>Collectively we have over 15 years experience in the graphic design industry&#44; and our services include brand identity development&#44; business cards&#44; brochures&#44; flyers&#44; catalogs&#44; and more&#46; Thank you for considering us for your next project&#44; and we hope to hear from you soon&#46;</p>
                </section>
                <section id="rowone">
                    <img src="mockup-assets/alex_morrales.jpg" alt="Portrait of Alex Morrales">
                    <img src="mockup-assets/david_kim.jpg" alt="Portrait of David Kim">
                    <img src="mockup-assets/jenny_tabers.jpg" alt="Portrait of Jenny Tabers">
                </section>
                <section id="rowtwo">
                    <img src="mockup-assets/joey_barrett.jpg" alt="Portrait of Joey Barrett">
                    <img src="mockup-assets/melinda_lee.jpg" alt="Portrait of Melinda Lee">
                    <img src="mockup-assets/rachel_dotson.jpg" alt="Portrait of Rachel Dotson">
                </section>
            </section>
            <section id="portfolio">
                <h2>Portfolio</h2>
                <section id="rowthree">
                    <img class="arrowleft" src="mockup-assets/arrow.png" alt="Arrow left">
                    <img src="mockup-assets/_0000_akridge_bcard.jpg" alt="Akridge Engineering">
                    <img src="mockup-assets/_0001_balloon_races.jpg" alt="Balloon Races">
                    <img src="mockup-assets/_0002_seminar_flyer.jpg" alt="Seminar Flyer">
                    <img src="mockup-assets/_0003_eyedr_billboard.jpg" alt="Eye Dr Billboard">
                    <img class="arrowright" src="mockup-assets/arrow.png" alt="Arrow right">
                </section>
                <section id="rowfour">
                    <img class="arrowleft" src="mockup-assets/arrow.png" alt="Arrow left">
                    <img src="mockup-assets/_0004_nerdcamp_logo.jpg" alt="Nerd Camp">
                    <img src="mockup-assets/_0005_rockout_festival.jpg" alt="Rockout Festival">
                    <img src="mockup-assets/_0006_history_of_flight.jpg" alt="History of Flight">
                    <img src="mockup-assets/_0007_welder_poster.jpg" alt="Welder Poster">
                    <img class="arrowright" src="mockup-assets/arrow.png" alt="Arrow right">
                </section>
            </section>
            <section id="contact">
                <img id="map" src="mockup-assets/map.png" alt="Map">
                <div class="floatright">
                    <h2>Contact Us</h2>
                    <form method="get" id="contactform" action="http://randyconnolly.com/tests/process.php">
                        <input type="email" name="myEmail" id="myEmail" placeholder="Your Email Address">
                        <input type="text" name="mySubject" id="mySubject" required placeholder="Subject of Your Message">
                        <textarea name="myComments" id="myComments" required placeholder="Your message goes here..."></textarea>
                        <input type="submit" id="mySubmit" value="Send">
                </form>
                </div>
            </section>
        </main>

        <footer>
            <img id="socialicons" src="mockup-assets/socialicons.png" alt="Social Icons">
            <a id="backtotop" href="#logo"><img src="mockup-assets/backtotop.png" alt="Back to Top"></a>
        </footer>
    </body>
</html>