-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (38 loc) · 3.22 KB
/
index.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Azmi Hayaza - Digital Marketing, Technology & Strategy</title>
<meta name="author" content="Azmi Hayaza"/>
<meta name="description" content="Part marketer, part strategist & part technology leader with passion in combining Technology, Marketing & Strategy to drive business growth"/>
<link rel="icon" href="azmihayaza.jpg">
<link href="http://fonts.googleapis.com/css?family=Oswald:700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,600" rel="stylesheet" type="text/css">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<style>#box{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;height:31em;width:25em;padding:2em;color:#333;text-align:center;overflow:visible;}img{width:12em;height:12em;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;}h1{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:4.4em;line-height:1.3em;letter-spacing:1px;margin:0.8rem 0 0 0;padding:0;}h2{font-family:'Open Sans',sans-serif;font-weight:600;font-size:1.7em;line-height:1.3em;margin:0;padding:0;}p{font-family:'Open Sans',sans-serif;font-weight:300;font-size:1em;line-height:1.65em;margin:0.6em auto 0.6em auto;padding:0;width:23em;}p.small{font-size:0.8em;}p.small i{margin-right:0.3em;}a,a:visited,a:hover{color:#333;font-weight:600;}a:hover{text-decoration:none;opacity:0.9;}ul#icons{list-style:none;margin:0;padding:0;font-size:2em;}ul#icons li{display:inline;}.fa-stack{width:1em;height:1em;line-height:1em;vertical-align:-0.15em;margin-left:-0.1em;margin-right:-0.1em;}.fa-stack-2x{font-size:1em;line-height:1em;}.fa-stack-1x{font-size:0.6em;line-height:1.9em;}</style>
</head>
<body id="background">
<div id="box">
<img src="azmihayaza.jpg"/>
<h2>Azmi Hayaza</h2>
<p>A data-driven marketing professional. Part marketer, part strategist & part technology leader with passion in combining <strong>Technology, Marketing & Strategy</strong> to drive business growth <br/><br/> Co-Founder & COO at <a href="http://forstok.com">Forstok.com</a>. </p>
<ul id="icons">
<li><a href="http://linkedin.com/in/azmihayaza"><i class="fa fa-linkedin-square"></i></a></li>
<li><a href="http://instagram.com/ahayaza"><i class="fa fa-instagram"></i></a></li>
<li><a href="http://github.com/hayaza"><i class="fa fa-github-square"></i></a></li>
<li><a href="https://medium.com/@ahayaza/"><span class="fa-stack"><i class="fa fa-square fa-stack-2x"></i><i class="fa fa-medium fa-stack-1x fa-inverse"></i>
</span></a></li>
<li><a href=""><i class="fa fa-envelope-square"></i></a></li>
</ul>
<p class="small"><i class="fa fa-map-marker"></i> Jakarta, ID</p>
</div>
<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', '', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>