index-one.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>Mahnoor's Simple 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>
        
        <div class="me">
            <img src="img/me.jpg" alt="picture of author"/>
        </div>
      <section class="one">

        <p>I’m currently an undergraduate enrolled in the Digital Media and Design program at the <em>University of Connecticut</em>. I was born and raised in Meriden, Connecticut. 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.</p>
      
    </section>
    <hr>
    <section class="titles">
    <h3>My Interests</h3>
    </section>
      <section class="two">
        <ul>
                <li>Photography</li>
                <li>Traveling</li>
                <li>Volunteering</li>
                <li>Baking</li>
                <li>Reading</li>
                <li>Music</li> 
            </ul>
      </section>
      <h3>My Favorite Websites:</h3>
      <section class="three">
      <ul>
      <li><a href="https://www.netflix.com " target="_blank">Netflix</a></li>
      <li><a href="https://www.twitter.com" target="_blank">Twitter</a></li>
      <li><a href="https://www.youtube.com" target="_blank">YouTube</a></li>
      <li><a href="https://www.theverge.com" target="_blank">The Verge</a></li>
  </ul> 
</section>


    </main> 
 <footer>
        <h4>© Mahnoor Afteb 2020</h4>
    </footer> 
</body>
</html>