Skip to content
Browse files

Social Media icons added.

  • Loading branch information...
1 parent 51f227e commit a6fb7723946537548fc99e566c594958925e5d8e @emrehan committed
Showing with 75 additions and 16 deletions.
  1. +75 −16 index.html
View
91 index.html
@@ -1,43 +1,102 @@
<!DOCTYPE html>
<meta charset="utf-8">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
+<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
<head>
<title>Emrehan Tüzün</title>
-
+
<style>
+ { border: 0; outline: 0;}
+
html {
background: url(img/london.jpg) no-repeat center center fixed #183060;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
background-size: cover;
+ -o-background-size: cover;
+ -moz-background-size: cover;
+ -webkit-background-size: cover;
}
body {
text-align: center;
color: white;
- font-family: proxima-nova-n9, proxima-nova, sans-serif;
+ font-family: ;
font-style: normal;
}
- input {
- border: 0;
- padding: 10px;
- font-size: 18px;
+ h1 {
+ font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
+ font-size: 52px;
+ background-color:
+ }
+
+ p {
+ font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
+ font-size: 21px;
+ font-weight: bold;
}
- input[type="submit"] {
- background: #183060;
- color: white;
+ img {
+ margin: 10px;
+ }
+
+ #text {
+ text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;
+ }
+
+ #links a{
+ outline: none;
+ }
+ #links img {
+ padding: 3px;
+ height: 58px;
+ width: 58px;
+
+ opacity:1 !important;
+ filter:alpha(opacity=100) !important;
+ }
+ #links img:hover {
+ background-image: url('ico/white64.png');
+
+ opacity:1 !important;
+ filter:alpha(opacity=100) !important;
+ }
+ #links img:active {
+ opacity:0.7 !important;
+ filter:alpha(opacity=70) !important;
}
</style>
</head>
<body>
<img src="img/emrehan.png">
- <h1>Hi! I'm Emrehan Tüzün,</h1>
- <h2>a computer science undergrad in Bilkent Univesity.</h2>
- <input type="email" placeholder="Your email">
- <input type="submit">
+
+ <dic id="text">
+ <h1>Hi! I'm Emrehan Tüzün,</h1>
+ <p>a computer science undergraduate in Bilkent University.</p>
+ </div>
+
+ <div id="links">
+ <a href="mailto:emrehan.tuzun@gmail.com" title="email">
+ <img user-drag: none; -moz-user-select: none; -webkit-user-drag: none; src="ico/email.png" ></a>
+
+ <a href="http://www.facebook.com/emrehan.tuzun" title="facebook">
+ <img src="ico/facebook.png" ></a>
+
+ <a href="http://plus.google.com/100691602943225266248/" title="google plus">
+ <img src="ico/google_plus.png" ></a>
+
+ <a href="http://www.github.com/emrehan" title="github">
+ <img src="ico/github.png" ></a>
+
+ <a href="http://www.grooveshark.com/#!/emrehan" title="grooveshark">
+ <img src="ico/grooveshark.png" ></a>
+
+ <a href="http://linkedin.com/pub/emrehan-tüzün/6b/367/a89" title="linkedin">
+ <img src="ico/linkedin.png" ></a>
+
+ <a href="http://www.flickr.com/photos/96541015@N07/" title="flickr">
+ <img src="ico/flickr.png" ></a>
+ </div>
</body>

0 comments on commit a6fb772

Please sign in to comment.
Something went wrong with that request. Please try again.