-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
106 lines (90 loc) · 6.29 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Mavis Lok | Creative">
<link rel="stylesheet" href="style/home.css">
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon_io/favicon-16x16.png">
<link rel="manifest" href="images/favicon_io/site.webmanifest">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" type="text/css" href="style/base.css" />
<link rel="stylesheet" type="text/css" href="style/home.css" />
<title>Mavis Lok | About</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-151911508-1"></script>
<script>
document.documentElement.className = "js";
var supportsCssVars = function() { var e, t = document.createElement("style"); return t.innerHTML = "root: { --tmp-var: bold; }", document.head.appendChild(t), e = !!(window.CSS && window.CSS.supports && window.CSS.supports("font-weight", "var(--tmp-var)")), t.parentNode.removeChild(t), e };
supportsCssVars() || alert("Please view this demo in a modern browser that supports CSS Variables.");
</script>
</head>
<body>
<div class="nav">
<nav>
<ul>
<li><a href="index.html">Works</a></li>
</ul>
</nav>
</div>
<section class="main">
<section class="intro">
<h2><a href="index.html">Mavis Lok</a></h2>
</section>
<section class="email">
<h3><a href="mailto:mayyvis@gmail.com?Subject=Aloha" target="_top">mayyvis@gmail.com</a></h3>
</section>
<div class="endpara">
<p> Design + Technology + Communications
</p>
</div>
</section>
<main>
<div class="maincontent2">
<h3>Hey there! 👽</h3>
<p>I work in the intersection of communications and experiences. Work = Design, Think, Create, Code, Learn, Live. <br><br>
If you like what you see and want to see more of my recent professional works, <a href="mailto:mayyvis@gmail.com?Subject=Show me more" target="_top">please reach out for an extended portfolio</a>.</p>
<br>
<a id="linkresume" href="images/resume_2020.pdf" download target="_blank">Download my resume</a>
</div>
<div data-scroll class="page page--layout-2">
<div class="content content--center">
<div class="content__item" style="--aspect-ratio: 7/4;">
<div class="content__item-imgwrap">
<div class="content__item-img" style="background-image: url(images/about/movie.jpg);"></div>
</div>
<h2 class="content__item-title">I miss falling asleep in cinemas.</h2>
</div>
<div class="content__item" style="--aspect-ratio: 600/767;">
<div class="content__item-imgwrap">
<div class="content__item-img" style="background-image: url(images/about/streetphotography.jpg);"></div>
</div>
<h2 class="content__item-title">I miss travelling and taking street photography.</h2>
</div>
<div class="content__item" style="--aspect-ratio: 600/767;">
<div class="content__item-imgwrap">
<div class="content__item-img" style="background-image: url(images/about/monalisa.gif);"></div>
</div>
<h2 class="content__item-title">I make art sometimes. Lately, I'm on <a style="color: white;"href="https://soundcloud.com/mayyvis" target="_blank">GarageBand</a>.</h2>
</div>
<div class="content__item" style="--aspect-ratio: 520/625;">
<div class="content__item-imgwrap">
<div class="content__item-img" style="background-image: url(images/about/archi.gif);"></div>
</div>
<h2 class="content__item-title">I like to imagine brutalism with colours.</h2>
</div>
<div class="content__item" style="--aspect-ratio: 210/261;">
<div class="content__item-imgwrap">
<div class="content__item-img" style="background-image: url(images/about/you.jpg);"></div>
</div>
<h2 class="content__item-title">Lastly, I'm from sunny Singapore, now based in London.</h2>
</div>
</div>
</div>
</main>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/demo4.js"></script>
</body>
</html>