alicestrete.me/index.html

168 lines
6.6 KiB
HTML
Raw Normal View History

2016-02-10 21:54:08 +01:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
2016-02-10 22:34:24 +01:00
<title>Alice Strete</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css" media="screen">
#wrapper{
margin-left: 10px;
width: 50%;
}
@media(max-width: 768px){
#wrapper {
width: 80%;
}
}
ul{
padding-top: 15px;
padding-left: 0px;
}
ul li{
display: inline;
margin-left: 5px;
}
2016-02-10 22:54:33 +01:00
a{ color: gray; }
a:link { text-decoration: underline; }
a:hover{ color: black; }
2016-02-10 22:34:24 +01:00
h1{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}
p{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
#smaller-inner{
font-size: 0.5em !important;
font-weight: 300 !important;
}
.fa{
font-size: 1.2em;
}
#links a{
color:black;
}
#links a:hover{
color:gray;
}
2016-02-10 22:54:33 +01:00
#written-text p{
padding: 0px;
margin: 5px;
}
2016-02-10 22:34:24 +01:00
.typed-cursor{
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
</style>
2016-02-10 21:54:08 +01:00
</head>
<body>
2016-03-06 15:13:49 +01:00
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TS467T"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TS467T');</script>
<!-- End Google Tag Manager -->
2016-02-10 22:34:24 +01:00
<div id="wrapper">
<div id="header">
2016-03-01 18:59:43 +01:00
<h1>Hi there, I'm Alice. <span id="smaller-inner"> <span class="element"> </span> </span> </h1>
2016-02-10 22:34:24 +01:00
</div>
2016-02-10 22:54:33 +01:00
<div id="written-text">
<p>
For the past couple of years, I've been a copywriter, social media
manager and online campaign analyst,in Cluj-Napoca, Yangon and
Berlin.
</p>
<p>
I also got a Bachelors degree in advertising. I've collaborated
with brands such as Sule Shangri-La, Belmond Governor's Residence,
FMI Air, Pun Hlaing Golf Estate, and Dulcefina. You can check out
2016-02-11 11:32:33 +01:00
some of <a target="_blank" href="https://www.behance.net/alicestrt">my work
2016-02-10 22:54:33 +01:00
here.</a>
</p>
<p>
2016-04-14 16:37:23 +02:00
I have been part of brilliant teams at Media.net, Kaus Group and, currently, at
Fairplanet. Ive also played around with illustration on the side.
2016-02-11 11:35:29 +01:00
You can take a peek <a target="_blank" href="http://alicestreteblog.tumblr.com/">here</a>.
2016-02-10 22:54:33 +01:00
</p>
2016-02-10 22:34:24 +01:00
2016-02-10 22:54:33 +01:00
<p>
I am currently based in Berlin, and looking for
opportunities on location or remote, in a productive environment,
with people that dont call themselves “creative ninjas”.
</p>
<p>
2016-02-11 11:32:33 +01:00
If you're interested, check out my <a target="_blank" href="./cv.html">résumé</a>.
2016-02-10 22:54:33 +01:00
</p>
</div>
2016-02-10 22:34:24 +01:00
<ul id="links">
2016-02-11 11:32:33 +01:00
<li> <a target="_blank" href="https://www.facebook.com/alice.strt"><i class="fa fa-facebook fa-1x"></i></a></li>
<li> <a target="_blank" href="http://alicestreteblog.tumblr.com/"><i class="fa fa-tumblr fa-1x"></i></a></li>
<li> <a target="_blank" href="https://www.linkedin.com/in/alicestrete"><i class="fa fa-linkedin fa-1x"></i></a></li>
<li> <a target="_blank" href="https://www.pinterest.com/alicestrete/"><i class="fa fa-pinterest fa-1x"></i></a></li>
<li> <a target="_blank" href="https://www.instagram.com/alicestrt/"><i class="fa fa-camera-retro fa-1x"></i></a></li>
<li> <a target="_blank" href="https://www.behance.net/alicestrt"><i class="fa fa-behance fa-1x"></i></a></li>
2016-02-10 22:34:24 +01:00
</ul>
</div>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="typed.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
$(".element").typed({
2016-02-10 22:54:33 +01:00
strings: [
2016-03-01 18:59:43 +01:00
"I like to read Vonnegut.",
"I like to paint with watercolours.",
"I like to cook things.",
"I like to buy notebooks.",
"I like to drink wine.",
"I like to eat often.",
"I like to live in Berlin.",
"I like to drink coffee.",
"I like to practice calligraphy.",
"I like to listen to The Smiths."
2016-02-10 22:54:33 +01:00
],
2016-03-01 18:59:43 +01:00
startDelay: 3000,
typeSpeed: 100,
backSpeed: 30,
2016-02-10 22:34:24 +01:00
loop: true,
2016-03-01 15:15:48 +01:00
shuffle:true,
2016-02-10 22:34:24 +01:00
contentType: 'html'
});
});
</script>
2016-03-04 19:12:39 +01:00
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-74692444-1', 'auto');
ga('send', 'pageview');
2016-03-04 19:05:38 +01:00
</script>
2016-02-10 21:54:08 +01:00
</body>
</html>