Alexz1008.github.io/about.html at master · Alexz1008/Alexz1008.github.io · 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
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="A website showcasing my capabilities">
    <meta name="author" content="Alexander Zhou">
    <title>Alex's Website | About</title>
    <link rel="stylesheet" href="./css/style.css">
  </head>
  <body>
    <header>
      <div class="container">
        <div id="branding">
          <h1><span class="highlight">Alex Zhou</span>'s Website</h1>
        </div>
        <nav>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li class="current"><a href="about.html">About</a></li>
            <li><a href="skills.html">Skills</a></li>
            <li><a href="side projects.html">Side Projects</a></li>
          </ul>
        </nav>
      </div>
    </header>

    <section id="newsletter">
      <div class="container">
        <h1>Subscribe to our Newsletter</h1>
        <form>
          <input type="email" placeholder="Enter Email..." />
          <button type="submit" class="button_1">Subscribe</button>
        </form>
      </div>
    </section>

    <section id="main">
      <div class="container">
        <article id="main-col">
          <h1 class="page-title">About Me</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis gravida diam et purus rhoncus hendrerit. Donec laoreet ultricies magna, sed porttitor sapien tristique ullamcorper. Quisque sit amet tempor sapien. Nam fringilla, magna quis suscipit cursus, purus nunc facilisis metus, a pellentesque elit nibh et ligula. Ut sit amet interdum nunc, sit amet faucibus ante. Etiam erat augue, malesuada ultricies arcu et, sagittis suscipit libero. Vestibulum a est felis.</p>
          <p>Integer ut mi diam. Pellentesque est ex, rhoncus non vehicula id, scelerisque nec est. Curabitur vitae tristique orci. Mauris malesuada augue non ipsum sollicitudin, eu pellentesque leo ultricies. Morbi placerat erat et fermentum aliquam. Nulla vitae sem justo. Maecenas iaculis dui nisl, eget blandit metus ornare eu. Sed cursus ligula a metus bibendum pretium.</p>
        </article>

        <aside id="sidebar">
          <div class="dark">
            <h3>Why hire me?</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis gravida diam et purus rhoncus hendrerit. </p>
          </div>
      </div>
    </section>

    <footer>
      <p>Alexander Zhou's Website, Copyright &copy 2017</p>
  </body>
</html>