-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
245 lines (203 loc) · 8.97 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<meta content="amsterdam, visual designer, modern, portfolio, agency, design, personal, about, resume, studio, blog" name="keywords">
<meta content="Mischa van der Goes" name="author">
<title>Mischa | About Me</title><!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet"><!-- Font Animate -->
<link href="css/animate.css" rel="stylesheet"><!-- Font Dropdownhover -->
<link href="css/bootstrap-dropdownhover.min.css" rel="stylesheet"><!-- Font Awesome -->
<link href="css/fontawesome.min.css" rel="stylesheet"><!-- Font Bicon -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
<!-- Slick -->
<link href="css/slick.css" rel="stylesheet">
<!-- Fade Animate -->
<link rel="stylesheet" href="css/keyframes.css">
<link rel="stylesheet" href="css/transitions.css">
<!-- Styles -->
<link href="css/styles.css" rel="stylesheet"><!-- favicon -->
<link href="img/favicons/favicon.png" rel="apple-touch-icon" sizes="180x180">
<link href="img/favicons/favicon.png" rel="icon" sizes="32x32" type="image/png">
<link href="img/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<meta content="MischaDesign" name="apple-mobile-web-app-title">
<meta content="MischaDesign" name="application-name">
<meta content="#121212" name="msapplication-TileColor">
<meta content="img/favicons/favicon.png" name="msapplication-TileImage">
<meta content="img/favicons/browserconfig.xml" name="msapplication-config">
<meta content="#16181a" name="theme-color">
<!--metadata test-->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="UX Designer based in Amsterdam" />
<meta name="twitter:title" content="About - Mischa" />
<meta name="twitter:site" content="@MischaProjects" />
<meta name="twitter:image" content="https://www.mischadesign.com/img/about/profile mischa2.jpg"/>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript" src="includes/menu_snippet.js"></script>
<!-- Start Navbar
End Navbar
<section class="about-studio">
<div class="container">
<div class="col-lg-6 col-md-6 col-sm-12 ">
<img class ="img_full"src="img/about/test.jpg" alt="">
</div>
<div class="col-lg-6 col-md-6 col-sm-12 ">
<h2>function-first interfaces</h2>
<p>UI designer, Aspiring developer, Film Enthusiast, Game Designer, Coffee Aficionado, and Casual Gamer. <br> <br> I’ve worked on multiple projects from startup brand identities and websites to product interfaces and motion design ads. Over the past decade my projects have been incorporated by a range of businesses in various countries. If you’d like a clearer overview of my work, please download my CV below or </p><div class ="inline-link"send me a message!">send me a message!</div>
</div>
</div>
</section>
-->
<!--SECTION 1-->
<div class="container section-padding-top">
<section class="about-page animated fadeInLeft">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 center-image">
<img alt="" class="img_full animated zoomIn" src="img/about/Mischa van der goes UI Designer.jpg">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 special-center animated fadeIn">
<div>
<h2>I'm Mischa van der Goes</h2>
<p>A UX designer from Haarlem. I'm also a hobbyist game designer and like to cook. I'm looking for work in the business services front. I love working with startups and bigger companies such as Mendix and Siemens.<br> <br>I’ve worked on multiple projects from startup brand identities and websites to product interfaces and motion design ads. Over the past decade my projects have been incorporated by a range of businesses in various countries. For questions or inquiries, feel free to <a href="#contact-section" class="inline-link">send me a message!</a>
</p>
</div>
</div>
</section>
<!--SECTION 2-->
<section class="about-page animated fadeInRight">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 float-left special-center">
<h2 class="blockquote">"I love designing captivating products that improve people’s lives"</h2>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 center-image">
<img alt="" class="img_full" src="img/about/grant-cai-OxIJOVTLtIc-unsplash.jpg">
</div>
</section>
<!--WORK EXPERIENCE-->
<section class="about-page " style="margin-bottom: 50px; margin-top: 50px;">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 float-left">
<span>
<h2>Work Experience</h2>
<div class="wrapper">
<div class="box a">
<h4>Mendix</h4>
<p>UX Design</p>
</div>
<div class="box b">
<h4><br></h4>
<p>Mar 2021 - Present</p>
</div>
<div class="box c">
<h4>Crowd Media</h4>
<p>UI & Visual Design</p>
</div>
<div class="box d">
<h4><br></h4>
<p>Jun 2018 - Dec 2020</p>
</div>
<div class="box e">
<h4>Freelance Work</h4>
<p>Web / Brand Designer</p>
</div>
<div class="box f">
<h4><br></h4>
<p>2016 - 2017</p>
</div>
<div class="box g">
<h4>Mattmo (Creative Agency)</h4>
<p>Graphic Design Internship</p>
</div>
<div class="box h">
<h4><br></h4>
<p>Sep 2016 - Feb 2017</p>
</div>
<div class="box i">
<h4></h4>
<a style="text-align: center;" href="https://drive.google.com/file/d/1njxyHXqIAxWHjZGdxO-3VdW4sRU0v7w-/view?usp=sharing" class="btn-main secondary">Download CV</a>
</div>
</div>
</span>
</div>
<!--part 2-->
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 float-left" >
<span>
<h2>Education</h2>
<div class="wrapper">
<div class="box c">
<h4>Freecodecamp.org (Online Course)</h4>
<p>Intro to HTML, CSS, JS</p><br><br>
</div>
<div class="box d">
<h4><br></h4>
<p>2019 - 2020</p>
</div>
<div class="box a">
<h4>Avans Hogeschool, Den Bosch</h4>
<p>Bachelor in Communication & Multimedia Design</p>
</div>
<div class="box b">
<h4><br></h4>
<p>2014 - 2018</p>
</div>
</div>
</span>
</div>
</div> <!--fix broken boxing-->
</section>
<!-- Music Section -->
<div class="contact-section">
<!-- <div class="container">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 special-center">
<span>
<h3>Albums I Love</h3>
<h3 class="subtitle-header">And Have Listened To Over And Over</h3>
<p></p>
</span>
</div>-->
</div>
</div>
</div>
<div col-lg-12 col-md-12 col-sm-12 col-xs-12>
<div class="contact-section">
<div class="container">
<!-- Slider -->
</div>
<div class="container">
<section class="about-page">
<div class="col-lg-12 special-center">
<span id="contact-section">
<div class="col-lg-12 col-md-12 col-sm-12 animated fadeIn">
<img style="width: 38px; margin-bottom: 10px; margin-top: 100px;" src="img/about/rocketicon.png" alt=""">
</div>
<h2 class="special-font">Contact Me</h2>
<p>For questions, inquiries, or just a chat, feel free to reach out to me!</p>
<a style="font-size: 1.2em" href="mailto:[email protected]">[email protected]</a>
<br>
<strong>Social</strong>
<a href="https://www.linkedin.com/in/mischavandergoes/">LinkedIn</a>
<a href="https://www.behance.net/mfgoes">Behance</a>
<a href="https://www.instagram.com/misho_design/">Instagram</a>
</span>
</div>
</section>
<div class="section-padding-top"></div>
</div>
</div>
<script src="includes/footer_snippet.js" type="text/javascript"> </script>
</div>
<!-- Start Scroll Top -->
<div class="scroll-top ">
<span class="animated fadeIn"><i class="fas fa-chevron-left"></i>back to top </span>
</div>
<!-- End Scroll Top -->
<!-- script -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-dropdownhover.min.js"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</script>
</body>
</html>