week-2/basic-site.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>My Boilerplate Website</title>
    <link href="css/basic-site.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <header>
        <div class="image">
            <img src="img/head.jpg" alt="header image"/>
            <div class="text">Mahnoor Afteb</div>
        </div>
    </header>
   <main>
       <nav>   
           <h2>About Me</h2>
        </nav>

        <section class="row-one">
            <div class="me">
                <img src="img/me.jpg" alt="picture of Mahnoor" /> 
                </div>
                <p>I’m currently an undergraduate enrolled in the Digital Media and Design program at the <em>University of Connecticut</em>. My intended path is a Bachelor of Arts in the Web Design concentration. I have always been an artistic child growing up and throughout high school, I was eager to take every possible art and digital technology course offered to me including digital imaging, web design, video production, ceramics and advanced photography.
                    I would describe my personal style as vibrant, bold and festive. My artistic statement for most of my work pays attention to detail as I am especially inspired by abstract art.
        </section> 
        <section class="row-two">
            <div class="column-one">
            <h3>My Interests</h3>
            <ul class="interests">
                <li>Photography</li>
                <li>Traveling</li>
                <li>Social Media</li>
                <li>Films</li>
                <li>Reading</li>
                <li>Calligraphy</li>
                <li>Music</li> 
            </ul> 
            </div>
            <ul class="websites">
                <h3>My Favorite Websites</h3>
                <li></li>


            </ul>

    
        </section>
    </main> 
   <!--- <footer>
        © Mahnoor Afteb 2020
    </footer>-->
</body>
</html>