-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
123 lines (122 loc) · 11.3 KB
/
contact.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
116
117
118
119
120
121
122
123
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Vincent Lieu's Portfolio" />
<meta name="author" content="Vincent Lieu" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="img/browser_icon.png" type="image/png" />
<link rel="stylesheet" href="./css/styles.css"/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap"
integrity="sha512-y7GF7FXn+aNWKqYAPCNm9M81P47Ns+xTUOKQ4aX5x6uNrkM9SQ+AixEUiMqD1dWKUSH2eKletq7pW5dcahKozQ=="
/>
<script src="./scripts/script.js" integrity="sha512-K0BdeIIDDZoh52zUEmZ4MNfO2g5aY1meq2KWCnRDybyQ1pVuHjRc0a2OZT3ntTsys/yX77AcDdg2MYIKGjdGyg==" crossorigin="anonymous" defer></script>
<title>Vincent Lieu × Contact</title>
</head>
<body>
<nav class="navbar">
<a href="./index.html">
<svg
class="logo"
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 1000 1000"
style="enable-background:new 0 0 1000 1000;"
xml:space="preserve"
>
<g>
<g>
<rect
x="271.98"
y="303.49"
transform="matrix(0.7071 -0.7071 0.7071 0.7071 -323.9172 411.1008)"
width="124.61"
height="586.13"
/>
<polygon
points="365.92,151.86 365.58,326.89 171.56,520.91 83.45,432.79 "
/>
<g>
<rect
x="602.41"
y="302.1"
transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 713.8959 1486.0358)"
width="124.61"
height="586.13"
/>
<polygon
points="635.91,151.86 633.42,325.5 827.44,519.52 915.55,431.41 "
/>
</g>
</g>
<g>
<rect
x="396.67"
y="370.37"
transform="matrix(0.7071 -0.7071 0.7071 0.7071 -232.4158 448.5687)"
width="57.18"
height="268.94"
/>
<rect
x="546.41"
y="370.37"
transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 624.6127 1268.3934)"
width="57.18"
height="268.94"
/>
</g>
</g>
</svg>
</a>
<svg class="toggle-button" fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="100px" height="100px"><path d="M 0 7.5 L 0 12.5 L 50 12.5 L 50 7.5 Z M 0 22.5 L 0 27.5 L 50 27.5 L 50 22.5 Z M 0 37.5 L 0 42.5 L 50 42.5 L 50 37.5 Z"/></svg>
<div class="navbar-links">
<ul>
<li><a href=./index.html class="hover-highlight">HOME</a></li>
<li><a href="about.html" class="hover-highlight">ABOUT</a></li>
<li><a href="projects.html" class="hover-highlight">PROJECTS</a></li>
<!-- <li><a href="blog.html" class="hover-highlight">BLOG</a></li> -->
<li><a href="contact.html" class="active hover-highlight">CONTACT</a></li>
</ul>
</div>
</nav>
<h1 class="contact-find-me">Find me here</h1>
<div class="chevron-container">
<svg
class="chevron-dd chevron-bounce"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
>
<path
d="M 4.4648438 4.0507812 L 3.0351562 5.4492188 L 11.998047 14.597656 L 20.962891 5.4980469 L 19.537109 4.0957031 L 12.001953 11.744141 L 4.4648438 4.0507812 z M 19.544922 9.9160156 L 11.994141 17.423828 L 4.4492188 10.035156 L 3.0507812 11.464844 L 12.005859 20.234375 L 20.955078 11.333984 L 19.544922 9.9160156 z"
/>
</svg>
</div>
</div>
<div class="contact-container">
<a id="contact-linkedin-icon" class="contact-social scale" href="https://www.linkedin.com/in/vincent-lieu" target="_blank">
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="85px" height="85px"><path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"/></svg>
</a>
<a id="contact-github-icon" class="contact-social" href="https://github.com/vincentlieu/" target="_blank">
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="85px" height="85px"><path fill-rule="evenodd" d="M 16 4 C 9.371094 4 4 9.371094 4 16 C 4 21.300781 7.4375 25.800781 12.207031 27.386719 C 12.808594 27.496094 13.027344 27.128906 13.027344 26.808594 C 13.027344 26.523438 13.015625 25.769531 13.011719 24.769531 C 9.671875 25.492188 8.96875 23.160156 8.96875 23.160156 C 8.421875 21.773438 7.636719 21.402344 7.636719 21.402344 C 6.546875 20.660156 7.71875 20.675781 7.71875 20.675781 C 8.921875 20.761719 9.554688 21.910156 9.554688 21.910156 C 10.625 23.746094 12.363281 23.214844 13.046875 22.910156 C 13.15625 22.132813 13.46875 21.605469 13.808594 21.304688 C 11.144531 21.003906 8.34375 19.972656 8.34375 15.375 C 8.34375 14.0625 8.8125 12.992188 9.578125 12.152344 C 9.457031 11.851563 9.042969 10.628906 9.695313 8.976563 C 9.695313 8.976563 10.703125 8.65625 12.996094 10.207031 C 13.953125 9.941406 14.980469 9.808594 16 9.804688 C 17.019531 9.808594 18.046875 9.941406 19.003906 10.207031 C 21.296875 8.65625 22.300781 8.976563 22.300781 8.976563 C 22.957031 10.628906 22.546875 11.851563 22.421875 12.152344 C 23.191406 12.992188 23.652344 14.0625 23.652344 15.375 C 23.652344 19.984375 20.847656 20.996094 18.175781 21.296875 C 18.605469 21.664063 18.988281 22.398438 18.988281 23.515625 C 18.988281 25.121094 18.976563 26.414063 18.976563 26.808594 C 18.976563 27.128906 19.191406 27.503906 19.800781 27.386719 C 24.566406 25.796875 28 21.300781 28 16 C 28 9.371094 22.628906 4 16 4 Z"/>
</svg>
</a>
<a id="contact-twitter-icon" class="contact-social" href="https://twitter.com/_vincentlieu" target="_blank">
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="100px" height="100px"><path d="M 50.0625 10.4375 C 48.214844 11.257813 46.234375 11.808594 44.152344 12.058594 C 46.277344 10.785156 47.910156 8.769531 48.675781 6.371094 C 46.691406 7.546875 44.484375 8.402344 42.144531 8.863281 C 40.269531 6.863281 37.597656 5.617188 34.640625 5.617188 C 28.960938 5.617188 24.355469 10.21875 24.355469 15.898438 C 24.355469 16.703125 24.449219 17.488281 24.625 18.242188 C 16.078125 17.8125 8.503906 13.71875 3.429688 7.496094 C 2.542969 9.019531 2.039063 10.785156 2.039063 12.667969 C 2.039063 16.234375 3.851563 19.382813 6.613281 21.230469 C 4.925781 21.175781 3.339844 20.710938 1.953125 19.941406 C 1.953125 19.984375 1.953125 20.027344 1.953125 20.070313 C 1.953125 25.054688 5.5 29.207031 10.199219 30.15625 C 9.339844 30.390625 8.429688 30.515625 7.492188 30.515625 C 6.828125 30.515625 6.183594 30.453125 5.554688 30.328125 C 6.867188 34.410156 10.664063 37.390625 15.160156 37.472656 C 11.644531 40.230469 7.210938 41.871094 2.390625 41.871094 C 1.558594 41.871094 0.742188 41.824219 -0.0585938 41.726563 C 4.488281 44.648438 9.894531 46.347656 15.703125 46.347656 C 34.617188 46.347656 44.960938 30.679688 44.960938 17.09375 C 44.960938 16.648438 44.949219 16.199219 44.933594 15.761719 C 46.941406 14.3125 48.683594 12.5 50.0625 10.4375 Z"/></svg>
</a>
<!-- <a id="contact-medium-icon" class="contact-social" href="https://medium.com/@v.lieu93" target="_blank">
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="100px" height="100px"> <path d="M45,4H5C4.448,4,4,4.448,4,5v40c0,0.552,0.448,1,1,1h40c0.552,0,1-0.448,1-1V5C46,4.448,45.552,4,45,4z M40,13.5 l-1.821,2.197C38.064,15.811,38,15.965,38,16.125V32.75c0,0.16,0.064,0.314,0.179,0.428L40,35.546V36H30v-0.454l2.821-2.368 C32.936,33.064,33,32.91,33,32.75V17.879L24.848,36h-0.001h-1.543l0,0L15,18.375v13.108c0,0.22,0.076,0.433,0.215,0.605L18,35.546 V36h-8v-0.454l2.783-3.438C12.923,31.936,13,31.721,13,31.5V16.388c0-0.142-0.05-0.279-0.142-0.388L11,13.5V13h7.097l7.624,16.183 L33.002,13H40V13.5z"/></svg>
</a> -->
<!-- <a id="contact-email-icon" class="contact-social" href="mailto:test@test.com">
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="85px" height="85px"><path d="M 3.75 4 C 2.784 4 2 4.784 2 5.75 L 12 12 L 22 5.75 C 22 4.784 21.216 4 20.25 4 L 3.75 4 z M 2 7.7519531 L 2 18 C 2 19.105 2.895 20 4 20 L 20 20 C 21.105 20 22 19.105 22 18 L 22 7.7519531 L 12 14 L 2 7.7519531 z"/></svg>
</a>
<a id="social-resume-icon" class="contact-social" href="./img//Vincent Lieu CV.pdf" target="_blank">
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="100px" height="100px"><path d="M 7 2 L 7 48 L 43 48 L 43 2 Z M 16.445313 14.929688 C 16.480469 14.53125 16.445313 14.257813 16.445313 13.894531 C 16.265625 13.796875 15.761719 13.289063 15.683594 12.71875 C 15.683594 12.71875 15.277344 12.523438 15.253906 11.914063 C 15.242188 11.589844 15.46875 11.359375 15.46875 11.359375 C 15.046875 9.730469 15.230469 8.039063 17.410156 8 C 17.953125 8 18.363281 8.261719 18.527344 8.550781 C 20.042969 8.550781 19.648438 10.664063 19.421875 11.359375 C 19.503906 11.445313 19.609375 11.679688 19.609375 11.992188 C 19.609375 12.445313 19.179688 12.71875 19.179688 12.71875 C 19.097656 13.296875 18.691406 13.773438 18.445313 13.890625 C 18.445313 14.253906 18.40625 14.53125 18.445313 14.929688 C 18.875 16.089844 21.753906 15.761719 21.890625 18 L 13 18 C 13.132813 15.761719 16.011719 16.089844 16.445313 14.929688 Z M 28 39 L 14 39 C 13.449219 39 13 38.554688 13 38 C 13 37.445313 13.449219 37 14 37 L 28 37 C 28.554688 37 29 37.445313 29 38 C 29 38.554688 28.554688 39 28 39 Z M 13 32 C 13 31.445313 13.449219 31 14 31 L 25 31 C 25.550781 31 26 31.445313 26 32 C 26 32.554688 25.550781 33 25 33 L 14 33 C 13.449219 33 13 32.554688 13 32 Z M 28 27 L 14 27 C 13.449219 27 13 26.554688 13 26 C 13 25.449219 13.449219 25 14 25 L 28 25 C 28.554688 25 29 25.449219 29 26 C 29 26.554688 28.554688 27 28 27 Z M 36 39 L 33 39 C 32.445313 39 32 38.554688 32 38 C 32 37.445313 32.445313 37 33 37 L 36 37 C 36.554688 37 37 37.445313 37 38 C 37 38.554688 36.554688 39 36 39 Z M 36 33 L 33 33 C 32.445313 33 32 32.554688 32 32 C 32 31.445313 32.445313 31 33 31 L 36 31 C 36.554688 31 37 31.445313 37 32 C 37 32.554688 36.554688 33 36 33 Z M 36 27 L 33 27 C 32.445313 27 32 26.554688 32 26 C 32 25.449219 32.445313 25 33 25 L 36 25 C 36.554688 25 37 25.449219 37 26 C 37 26.554688 36.554688 27 36 27 Z M 36 17 L 28 17 C 27.445313 17 27 16.550781 27 16 C 27 15.449219 27.445313 15 28 15 L 36 15 C 36.554688 15 37 15.449219 37 16 C 37 16.550781 36.554688 17 36 17 Z M 36 12 L 28 12 C 27.445313 12 27 11.550781 27 11 C 27 10.449219 27.445313 10 28 10 L 36 10 C 36.554688 10 37 10.449219 37 11 C 37 11.550781 36.554688 12 36 12 Z"/></svg>
</a> -->
</div>
</div>
</body>