-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (56 loc) · 2.17 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<title>Po-Ching Yang - Portfolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Average%7CDosis%7CJosefin+Sans%7CZilla+Slab" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header class="header-body">
<img class="profile-pic" src="img/me_profile.jpg" alt="my profile picture">
<img class="profile-logo" src="img/logo.jpg" alt="my profile picture">
<div class="profile-text">
<h1>Po-Ching Yang</h1>
<h3>Software developer</h3>
</div>
<hr class="profile-hr">
</header>
<main>
<figure>
<img class="img-main" src="img/wordcloud.jpg" alt="wordcloud">
<figcaption></figcaption>
</figure>
<section class="main-portfolio">
<h2 class="header-portfolio">Featured Work</h2>
<article class="article-portfolio">
<figure>
<img class="img-portfolio" src="img/movie_trailer.jpg" alt="movie trailer website">
<figcaption class="img-caption">Movie Trailer Website</figcaption>
</figure>
<h4><a href="https://github.com/alankashiwa/movie-trailer-project">Github</a></h4>
</article>
<article class="article-portfolio">
<figure>
<img class="img-portfolio" src="img/porfolio_site.jpg" alt="portfolio site">
<figcaption class="img-caption">Portfolio Site</figcaption>
</figure>
<h4><a href="https://github.com/alankashiwa/portfolio-site-project">Github</a></h4>
</article>
<article class="article-portfolio">
<figure>
<img class="img-portfolio" src="img/coming_soon.jpg" alt="coming soon">
<figcaption class="img-caption">Coming Soon!</figcaption>
</figure>
<h4><a>N/A</a></h4>
</article>
<!-- TODO : add other projects as articles-->
</section>
</main>
<hr>
<footer class="footer">
<p>Connect me on <a href="https://www.linkedin.com/in/po-ching-yang">LinkedIn</a></p>
</footer>
</body>
</html>