linkedin.png"
              alt="Linkedin icon"
              width="110"
              height="100"
              class="center social-media"
          /></a>
        </div>
        <div class="five-column">
          <a href="https://github.com/emilyvera" target="_blank"
            ><img
              src="/images/github.png"
              alt="GitHub icon"
              width="110"
              height="100"
              class="center social-media"
          /></a>
        </div>
        <div class="five-column">
          <a href="mailto:<EMAIL>" target="_blank"
            ><img
              src="/images/email.png"
              alt="Email icon"
              width="110"
              height="100"
              class="center social-media"
          /></a>
        </div>
        <div class="five-column">
          <a href="https://vsco.co/emilygvera/gallery" target="_blank"
            ><img
              src="/images/vsco.png"
              alt="Vsco icon"
              width="110"
              height="100"
              class="center social-media"
          /></a>
        </div>
        <div class="five-column">
          <a
            href="https://open.spotify.com/artist/0Nj6EN5mur7EJHl0aZuGP7"
            target="_blank"
            ><img
              src="/images/spotify.png"
              alt="Spotify icon"
              width="110"
              height="100"
              class="center social-media"
          /></a>
        </div>
      </div>
    </div>
    <div class="overview-container">
      <div class="three-column-left center">
        <a id="overview"></a>
        <img
          src="/images/school.png"
          alt="School image"
          width="90"
          height="100"
          class="center icon"
        />
        <h4 class="center">Student</h4>
        <p class="overview-text text-center">
          Above all, I am a student first. I am constantly hungry to learn more:
          technical and life-wise.
        </p>
        <p class="field-text center">Field:</p>
        <p class="overview-text text-center">
          Computer Science with a minor in Technology and Management
        </p>
        <p class="field-text center">Achievements:</p>
        <p class="overview-text center">3.92 GPA</p>
        <p class="overview-text center">4-time Dean's List</p>
        <p class="overview-text center">Hispanic Student Leadership Summit</p>
        <p class="overview-text center">Honors Scholar Distinction</p>
        <p class="overview-text center">President's Scholarship</p>
        <p class="overview-text center">Western Digital STEM Scholarship</p>
      </div>
      <div class="three-column-middle">
        <img
          src="/images/computer.png"
          alt="Computer image"
          width="110"
          height="100"
          class="center icon"
        />
        <h4 class="center">Tech Enthusiast</h4>
        <p class="overview-text text-center">
          I like to solve all kinds of tech problems and bring ideas to life in
          a creative manner.
        </p>
        <p class="field-text center">Languages:</p>
        <p class="overview-text text-center">
          Java, Python, C++, C, HTML, CSS, Javascript
        </p>
        <p class="field-text center">Tools:</p>
        <p class="overview-text center">Android</p>
        <p class="overview-text center">Databases</p>
        <p class="overview-text center">GitHub</p>
        <p class="overview-text center">IDEs</p>
        <p class="overview-text center">Terminal</p>
        <p class="overview-text center">Web Dev</p>
      </div>
      <div class="three-column-right">
        <img
          src="/images/dreamer.png"
          alt="Dreamer image"
          width="100"
          height="100"
          class="center icon"
        />
        <h4 class="center">Human</h4>
        <p class="overview-text text-center">
          If I could have one wish, it would be to add more hours in the day to
          just. be. human.
        </p>
        <p class="field-text center">Hobbies:</p>
        <p class="overview-text text-center">
          Activism, foodie, hiking, Netflix, social networking
        </p>
        <p class="field-text center">Activities:</p>
        <p class="overview-text center">2 Internships</p>
        <p class="overview-text center">3 Hackathons</p>
        <p class="overview-text center">Girls Who Code Facilitator</p>
        <p class="overview-text center">Phi Sigma Sigma Sorority</p>
        <p class="overview-text center">
          Society of Women Engineers: Team Tech
        </p>
        <p class="overview-text center">Teaching Assistant</p>
      </div>
    </div>
    <a id="projects"></a>
    <h4 class="center">Take a look at some of my projects!</h4>
    <div class="row">
      <div class="column">
        <div class="container">
          <img
            src="/images/qrcontact.png"
            alt="QRContact icon"
            class="image center projects"
          />
          <a href="https://github.com/emilyvera/QRContact" target="_blank">
            <div class="middle">
              <div class="text">Check it out!</div>
            </div>
          </a>
        </div>
      </div>
      <div class="column">
        <div class="container">
          <img
            src="/images/W-O-N.jpeg"
            alt="W-O-N icon"
            class="image center projects"
          />
          <a href="https://github.com/emilyvera/TeamBrew" target="_blank">
            <div class="middle">
              <div class="text">Check it out!</div>
            </div>
          </a>
        </div>
      </div>
      <div class="column">
        <div class="container">
          <img
            src="/images/flappy.jpg"
            alt="Flappy icon"
            class="image center projects"
          />
          <a href="https://github.com/emilyvera/FlappyBirdMock" target="_blank">
            <div class="middle">
              <div class="text">Check it out!</div>
            </div>
          </a>
        </div>
      </div>
    </div>
    <h1 class="center">Check out some of my favorite locations!</h1>
    <div class="row-responsive">
      <div class="column-responsive">
        <div id="map"></div>
      </div>
      <div class="column-responsive">
        <div id="pano"></div>
      </div>
    </div>
    <div class="pink-row">
      <div class="two-column-uniform">
        <img
          src="/images/contact.png"
          alt="Contact icon"
          width="360"
          height="350"
          class="vertical-center center"
        />
      </div>
      <div class="two-column-uniform">
        <h5>Contact Me</h5>
        <h3>Feel free to reach out with any questions!</h3>
        <form action="/contact-me" method="POST">
          <input
            type="text"
            name="name-input"
            placeholder="Your Name"
            required
          />
          <br /><br />

          <input
            type="text"
            name="email-input"
            placeholder="Your Email"
            required
          />
          <br /><br />

          <input
            type="text"
            name="subject-input"
            placeholder="