539withlayout/aboutme.html at master · choisteph/539withlayout · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="imgs/personal_logo.png" />
    <link rel="stylesheet" type="text/css" href="css/html5reset.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
    <title>About Me</title>
  </head>
  <body>
    <a href="#main" class="skip">Skip to Main Content</a>
    <header class="header">
      <nav>
          <ul>
            <li><a href = "index.html">Home</a></li>
            <li><a href = "aboutme.html" class="current">About Me</a></li>
            <li><a href = "projects.html">Projects</a></li>
            <li><a href = "resume.html">Resume</a></li>
          </ul>
      </nav>
    </header>
    <main id="main">
      <div class="profile">
      <h1>About Me</h1>
      <img src="imgs/my_face.jpg" alt="A picture of Stephanie Choi"/>
      <p>My name is Stephanie and I am a first year graduate student at the University of Michigan School of information. My passions are in UI/UX design, prototyping, and educational technology.
    I like drawing, writing poetry, and playing games in my free time.</p>
      <p>Please contact me at my email stchoi@umich.edu</p>
    </div>
  </main>
  <footer>
    <div class="footer">
      <div class="footunit">
        <a href="mailto:stchoi@umich.edu"><i class="far fa-envelope" aria-label="click here to me at stchoi@umich.edu"></i>stchoi@umich.edu</a>
      </div>
      <div class="footunit">
        <a href="tel:7343552677"><i class="fas fa-phone" aria-label="my phone number is 734-355-2677"></i>734-355-2677</a>
      </div>
      <div class="footunit">
        <a href="https://www.linkedin.com/in/stephanie-choi-06a855bb/"><i class="fab fa-linkedin-in" aria-label="click here to access my linkedin, https://www.linkedin.com/in/stephanie-choi-06a855bb/"></i> linkedin</a>
      </div>
    </div>
  </footer>
  </body>
</html>