My website
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

160 lines
6.0 KiB

<!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>
<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 Bachelor’s 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 and, currently, at
Kaus Group. I’ve 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 don’t 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>