example/personal_page.html at master · eronrunner/example · 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
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Dat Nguyen Resource</title>
  <meta name="description" content="Personal Page">
  <meta name="author" content="Dat Nguyen">

  <link rel="stylesheet" type="text/css" href="css/styles.css">

  <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  <![endif]-->
</head>

<body>
  <div class="dat-header">
    <div><div>Logo</div></div>
    <div><div>Home</div></div>
    <div><div>Exit</div></div>
  </div>
    <div class="dat-nav-bar">
      <div><div>Info</div></div>
      <div><div>Skill</div></div>
      <div><div>Habit</div></div>
      <div><div>Contact</div></div>
    </div>
    <div class="dat-main">
      <div>
        <div>
          <img class="dat-wrap-img" src="http://www.vectordiary.com/isd_tutorials/088-tea-cup/tea-cup.jpg">
        </div>
        <div class="dat-label">Dat Nguyen</div>
      </div>
      <div class="seperator"></div>
      <div>Info</div>
      <div>Skill</div>
      <div>Habit</div>
      <div>Contact</div>
    </div>
    <div class="dat-footer">
      <div>Address</div>
      <div>Company</div>
      <div>Social</div>
    </div>
  <script src="js/scripts.js"></script>
</body>
</html>