-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
101 lines (101 loc) · 5.21 KB
/
portfolio.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
<!DOCTYPE html>
<html>
<head>
<title>Portfolio</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" type="text/css" href="./style.css" />
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cedarville+Cursive&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cedarville+Cursive&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav id="header-links">
<a class="nav-links" href="./home.html">Home</a>
<a class="nav-links" href="./about.html">About</a>
<a class="nav-links" href="./portfolio.html">Portfolio</a>
<a class="nav-links" href="./contact.html">Contact</a>
</nav>
</header>
<main>
<h1 class="portfolio">Here are some projects that I have worked on.</h1>
<section class="project">
<h2>Secure The Vault</h2>
<h3>
<a
class="repo-link"
href="https://github.com/meganchiu/secure-the-vault"
target="_blank"
>Repo</a
>
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, iusto
explicabo! Consequatur rerum vitae aperiam est quasi? A, porro, ullam
illo vitae nulla dolorum quis sapiente magnam facere accusantium
ipsum. Quos expedita eos officiis quae reiciendis quasi maxime a id
fugit obcaecati accusamus doloremque, esse aut rem at nostrum fuga qui
repellendus vel nesciunt culpa cupiditate! Est quibusdam magnam quasi.
Illo explicabo nesciunt, ratione, labore quaerat, quis amet reiciendis
commodi dignissimos sapiente illum minima voluptates porro officiis
nostrum dolorem! Cum quae quam ipsam expedita cupiditate voluptates
placeat. Modi, tempore et. Eveniet illum illo explicabo ea amet
expedita fugiat omnis excepturi dignissimos unde nam beatae
consequuntur praesentium quas voluptas, doloremque nemo reiciendis
consequatur sed ut officia soluta repellendus! Corporis, ex quo!
</p>
</section>
<section class="project">
<h2>The Zoo Problem</h2>
<h3>
<a
class="repo-link"
href="https://github.com/meganchiu/the-zoo-problem"
target="_blank"
>Repo</a
>
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, iusto
explicabo! Consequatur rerum vitae aperiam est quasi? A, porro, ullam
illo vitae nulla dolorum quis sapiente magnam facere accusantium
ipsum. Quos expedita eos officiis quae reiciendis quasi maxime a id
fugit obcaecati accusamus doloremque, esse aut rem at nostrum fuga qui
repellendus vel nesciunt culpa cupiditate! Est quibusdam magnam quasi.
Illo explicabo nesciunt, ratione, labore quaerat, quis amet reiciendis
commodi dignissimos sapiente illum minima voluptates porro officiis
nostrum dolorem! Cum quae quam ipsam expedita cupiditate voluptates
placeat. Modi, tempore et. Eveniet illum illo explicabo ea amet
expedita fugiat omnis excepturi dignissimos unde nam beatae
consequuntur praesentium quas voluptas, doloremque nemo reiciendis
consequatur sed ut officia soluta repellendus! Corporis, ex quo!
</p>
</section>
<section class="project">
<h2>Grocery List</h2>
<h3>
<a
class="repo-link"
href="https://github.com/meganchiu/grocery-list"
target="_blank"
>Repo</a
>
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, iusto
explicabo! Consequatur rerum vitae aperiam est quasi? A, porro, ullam
illo vitae nulla dolorum quis sapiente magnam facere accusantium
ipsum. Quos expedita eos officiis quae reiciendis quasi maxime a id
fugit obcaecati accusamus doloremque, esse aut rem at nostrum fuga qui
repellendus vel nesciunt culpa cupiditate! Est quibusdam magnam quasi.
Illo explicabo nesciunt, ratione, labore quaerat, quis amet reiciendis
commodi dignissimos sapiente illum minima voluptates porro officiis
nostrum dolorem! Cum quae quam ipsam expedita cupiditate voluptates
placeat. Modi, tempore et. Eveniet illum illo explicabo ea amet
expedita fugiat omnis excepturi dignissimos unde nam beatae
consequuntur praesentium quas voluptas, doloremque nemo reiciendis
consequatur sed ut officia soluta repellendus! Corporis, ex quo!
</p>
</section>
</main>
</body>
</html>