lab-simple-website/about2.html at master · isaackps/lab-simple-website · 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
<!DOCTYPE html>
<html>
<!--Head-->
  <head>
    <meta charset="utf-8" />
    <title>My Website</title>
    <link type="text/css" rel="stylesheet" href="./css/style2.css"/>
  </head>
  <!--main body part!
Layout the structure of the website, break them down to easier access and create the website
Everything inside body i.e. header, main, footer -->
<body>
    <div class="wrapper">
<!--Header part of the webpage -->
  <header>
    <nav>
      <ul>
        <li class="active">About me</li><li><a href="/portfolio2.html">Portfolio</a></li>
      </ul>
    </nav>
    <h1>Isaac Koh</h1>
  </header>
<!--main part of the webpage -->
  <main>
    <div class="about"><h2>I ENJOY LIFE AS A DEVELOPER</h2><p>I'm Joe Johnson, a Developer based in NYC. I Have ten years of experience in the graphic design world, specializing in the creation of responsive websites.</p></div><div class="profile"><img src="./images/avatar.png"/></div>
<!--clear float right below the float-->
    <div class="clearfloat"></div>
  </main>

<!--Footer part of the webpage-->
  <footer>

  </footer>

  </div>
  </body>
</html>