-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
115 lines (112 loc) · 5.14 KB
/
about.html
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<link rel="stylesheet" href="./dist/css/main.css">
<title>About Me</title>
</head>
<body id="content-bg">
<div class="cover"></div>
<header>
<div class="nav-header">
<div class="menu-btn">
<div class="btn-line"></div>
<div class="btn-line"></div>
<div class="btn-line"></div>
</div>
</div>
<nav class="menu">
<div class="menu-branding">
<div class="portrait">Y</div>
</div>
<ul class="menu-nav">
<li class="nav-item">
<a href="./index.html" class="nav-link">Home</a>
</li>
<li class="nav-item current">
<a href="./about.html" class="nav-link">About Me</a>
</li>
<li class="nav-item">
<a href="./resume.html" class="nav-link">Resume</a>
</li>
<li class="nav-item">
<a href="./service.html" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="./contact.html" class="nav-link">Contact</a>
</li>
</ul>
</nav>
</header>
<main id="about">
<div class="pg-container">
<div class="pg-inner">
<div class="pg-inner__header">
<div class="row">
<div class="col-sm-4 col-md-4 col-lg-4">
<div class="photo">
<img src="./images/portrait.jpg" alt="portrait">
</div>
</div>
<div class="col-sm-8 col-md-8 col-lg-8">
<div class="title">
<h1>Yueer Chen</h1>
</div>
<div class="carousel">
<div class="carousel-stage">Full-stack developer / Web designer</div>
</div>
</div>
</div>
</div>
<div class="pg-inner__body">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="about-me">
<div class="block-title">
<h3>About <span>Me</span></h3>
</div>
<p>Hello! I'm Yueer Chen. Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto error soluta distinctio nobis laboriosam veniam sapiente explicabo laudantium quasi, magnam, perferendis quam iusto possimus cumque.
Ratione esse sequi veniam ut.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<ul class="info-list">
<li>
<span class="title">Age</span>
<span class="value">25</span>
</li>
<li>
<span class="title">Residence</span>
<span class="value">Australia</span>
</li>
<li>
<span class="title">Address</span>
<span class="value">Toowong, Brisbane</span>
</li>
<li>
<span class="title">E-mail</span>
<span class="value">
<a href="mailto:[email protected]">[email protected]</a>
</span>
</li>
<li>
<span class="title">Phone</span>
<span class="value">+61 041 097 7878</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="copyrights">© 2019 All rights reserved. Designed by Yueer Chen</div>
</footer>
</main>
<script src="./js/main.js"></script>
</body>
</html>