<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <!-- above allows the viewport to change as you change the size of the window  -->
   
    <link href="/public/css/style.css" rel="stylesheet"/>
    <title>Meet Me!</title>
</head>
<body>
    <div class="row">
        <div class="side">
            <h2 class="description" id="descriptionTitle">About Me</h2>
            <p class="description" id="descriptionText">Hi! I am a senior studying computer science and business at Brandeis University.
                I like going out to Boston to try new foods with my friends and I also enjoy spending time with my family!
            </p>
        </div>
        <div class="main">
            <img id="me" alt="Picture of Shaithea" src="/images/me.jpeg">
        </div>
    </div>     
            
        <!-- <div class="col">
            <section id="secondCol">
                <aside class="mainSection">
                    <h2>Section 2</h2>
                    <ul>
                    <li>Computer Science:
                        <ul>
                        <li>Web Application Development</li>
                        </ul>
                    </li>
                    <li>Business:
                        <ul>
                            <li>Business Communication</li>
                            <li>Human Psychology and Financial Decision Making</li>
                            <li>Entrepreneurship and Innovation</li>
                        </ul>
                    </li>
                    </ul>
                </aside>
            </section>
        </div>
        <h2>Section 3</h2>
    </div> -->
    
</body>

</html>