119 lines
2.7 KiB
HTML
119 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta charset="utf-8" />
|
||
|
<title>typega.me - contact</title>
|
||
|
<link rel="icon" href="../images/icon16.png" type="image/png" />
|
||
|
<style>
|
||
|
@import url(http://fonts.googleapis.com/css?family=Lato:100);
|
||
|
* {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
body {
|
||
|
padding: 100px 0;
|
||
|
font-family:'Lato', 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
|
||
|
background-color: #fff;
|
||
|
font-size: 25px;
|
||
|
color: #fff;
|
||
|
}
|
||
|
h1, h2, h3, h4, h5, h6 {
|
||
|
font-weight: 100;
|
||
|
line-height: 1.5em;
|
||
|
text-align: left;
|
||
|
text-transform: lowercase;
|
||
|
}
|
||
|
h1 {
|
||
|
font-size: 2em;
|
||
|
margin: 0.67em 0;
|
||
|
}
|
||
|
header h1 {
|
||
|
line-height: 1em;
|
||
|
text-align: right;
|
||
|
}
|
||
|
header h1 span {
|
||
|
color: #fff;
|
||
|
padding: 20px;
|
||
|
display: inline-block;
|
||
|
padding-left: 150px;
|
||
|
background-color: rgba(235, 0, 255, 0.5);
|
||
|
}
|
||
|
header {
|
||
|
padding: 50px 0;
|
||
|
}
|
||
|
article {
|
||
|
margin: 0 0;
|
||
|
}
|
||
|
nav {
|
||
|
padding: 50px;
|
||
|
background-color: rgba(105, 0, 255, 0.5);
|
||
|
margin: 10px 40% 10px 0;
|
||
|
}
|
||
|
ul, ol {
|
||
|
padding: 5px 30px;
|
||
|
}
|
||
|
li {
|
||
|
padding: 5px;
|
||
|
}
|
||
|
ol {
|
||
|
list-style-type: decimal;
|
||
|
}
|
||
|
ol ol {
|
||
|
list-style-type: lower-alpha;
|
||
|
}
|
||
|
section {
|
||
|
padding: 50px;
|
||
|
margin: 100px 0 20px 0;
|
||
|
background-color: rgba(105, 0, 255, 0.5);
|
||
|
}
|
||
|
.profile {
|
||
|
padding: 20px;
|
||
|
}
|
||
|
.profile > p {
|
||
|
padding: 20px;
|
||
|
}
|
||
|
</style>
|
||
|
</head>
|
||
|
<body>
|
||
|
<header>
|
||
|
<h1><span>typega.me contact</span></h1>
|
||
|
</header>
|
||
|
|
||
|
<article>
|
||
|
|
||
|
<section>
|
||
|
|
||
|
<h1>Contact our creators</h1>
|
||
|
|
||
|
<h2>a2y inc. </h2>
|
||
|
<ul>
|
||
|
<li><label>GitHub</label> <span><a href="http://github.com/a2yinc">a2yinc</a></span></li>
|
||
|
<li><label>Twitter</label> <span><a href="http://twitter.com/a2yinc">@a2yinc</a></span></li>
|
||
|
|
||
|
<li class="profile">
|
||
|
<h3>Ambrose Chua <span>(ambc)</span></h3>
|
||
|
<p>Web developer, UX/UI designer. Likes awesome designs, and Google! </p>
|
||
|
<ul>
|
||
|
<li><label>Email</label> <span><a href="mailto:amb.ccm@gmail.com">amb.ccm@gmail.com</a></span></li>
|
||
|
<li><label>Gogole+</label> <span><a href="http://plus.google.com/116953171551478622938">+Ambrose Chua</a></span></li>
|
||
|
<li><label>Twitter</label> <span><a href="http://twitter.com/AmbC_Tec_CO">@AmbC_Tec_CO</a></span></li>
|
||
|
<li><label>Facebook</label> <span><a href="http://facebook.com/ambrose.chua.cm">ambrose.chua.cm</a></span></li>
|
||
|
<li><label>StackOverflow</label> <span><a href="http://stackoverflow.com/users/1716172/ambc">ambc</a></span></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li class="profile">
|
||
|
<h3>Yang Yeshuai <span>(goat)</span></h3>
|
||
|
<p>Goat goes...</p>
|
||
|
<ul>
|
||
|
<li><label>Twitter</label> <span><a href="http://twitter.com/AmbC_Tec_CO">@AmbC_Tec_CO</a></span></li>
|
||
|
<li><label>Facebook</label> <span><a href="http://facebook.com/ambrose.chua.cm">ambrose.chua.cm</a></span></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
</ul>
|
||
|
|
||
|
</section>
|
||
|
|
||
|
</article>
|
||
|
</body>
|
||
|
</html>
|