alicestrete.me/index.html
2016-04-14 21:37:23 +07:00

168 lines
6.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<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;
}
a{ color: gray; }
a:link { text-decoration: underline; }
a:hover{ color: black; }
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;
}
#written-text p{
padding: 0px;
margin: 5px;
}
.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>
</head>
<body>
<!-- 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 -->
<div id="wrapper">
<div id="header">
<h1>Hi there, I'm Alice. <span id="smaller-inner"> <span class="element"> </span> </span> </h1>
</div>
<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
some of <a target="_blank" href="https://www.behance.net/alicestrt">my work
here.</a>
</p>
<p>
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.
You can take a peek <a target="_blank" href="http://alicestreteblog.tumblr.com/">here</a>.
</p>
<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>
If you're interested, check out my <a target="_blank" href="./cv.html">résumé</a>.
</p>
</div>
<ul id="links">
<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>
</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({
strings: [
"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."
],
startDelay: 3000,
typeSpeed: 100,
backSpeed: 30,
loop: true,
shuffle:true,
contentType: 'html'
});
});
</script>
<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');
</script>
</body>
</html>