Add landing page

This commit is contained in:
Hakan Ensari 2012-11-20 19:17:56 +00:00
parent 97e34dbc14
commit 98fca8f66b

View File

@ -2,8 +2,9 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="Fixer is a free JSON API for foreign exchange rates."> <meta name="description" content="Fixer is a JSON and JSONP API for foreign exchange rates.">
<title>Fixer</title> <title>Fixer</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script type="text/javascript"> <script type="text/javascript">
var _gaq = _gaq || []; var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36475354-1']); _gaq.push(['_setAccount', 'UA-36475354-1']);
@ -15,10 +16,69 @@
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})(); })();
</script> </script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body, html {
height: 100%;
}
body {
background: -linear-gradient(left, #fff 0%, #eee 100%);
background: -ms-linear-gradient(left, #fff 0%, #eee 100%);
background: -moz-linear-gradient(left, #fff 0%, #eee 100%);
background: -webkit-linear-gradient(left, #fff 0%, #eee 100%);
}
#wrapper {
margin: 5% auto;
max-width: 680px;
padding: 20px;
}
header h1 {
font: bold 36px/1.25 'Open Sans', sans-serif;
}
section {
padding-top: 24px;
}
.doc {
color: #333;
font: 15px/1.5 'Open Sans', sans-serif;
padding-right: 50px;
}
code {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff;
border: 1px solid #ccc;
display: block;
font-size: 11px;
padding: 10px;
width: 360px;
}
code:before {
color: #006ce1;
content: '$ ';
}
</style>
</head> </head>
<body> <body>
<div id="wrapper">
<header> <header>
<h1>Fixer is a free JSON API for exchange rates.</h1> <h1>Fixer: A JSON and JSONP API for exchange rates</h1>
</header> </header>
<section class="doc">
<p>
Get the latest foreign exchange reference rates.
</p>
</section>
<section class="sample">
<code>
curl http://fixer.io/latest
</code>
</section>
</div>
</body> </body>
</html> </html>