Biomod/2013/Sendai/sandbox3
<html> <head> <title>Arcana by HTML5 UP</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700" rel="stylesheet" /> <script src="http://hagi.is.s.u-tokyo.ac.jp/~ibuki/biomod/js/jquery.min.js"></script> <script src="http://hagi.is.s.u-tokyo.ac.jp/~ibuki/biomod/js/config.js"></script> <script src="http://hagi.is.s.u-tokyo.ac.jp/~ibuki/biomod/js/skel.min.js"></script> <script src="http://hagi.is.s.u-tokyo.ac.jp/~ibuki/biomod/js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="http://hagi.is.s.u-tokyo.ac.jp/~ibuki/biomod/css/skel-noscript.css" />
<link rel="stylesheet" href="http://hagi.is.s.u-tokyo.ac.jp/~ibuki/biomod/css/style.css" />
<link rel="stylesheet" href="http://hagi.is.s.u-tokyo.ac.jp/~ibuki/biomod/css/style-desktop.css" />
</noscript>
</head> <body>
<header class="container" id="site-header">
Arcana
<nav id="nav">
- <a href="index.html">Homepage</a>
- <a href="threecolumn1.html">Three Column #1</a>
- <a href="threecolumn2.html">Three Column #2</a>
- <a href="twocolumn1.html">Two Column #1</a>
- <a href="twocolumn2.html">Two Column #2</a>
- <a href="onecolumn.html">One Column</a>
</nav>
</header>
Welcome to Arcana
This is Arcana, a fully responsive HTML5 site template designed by <a href="http://n33.co">n33</a> and released for free by <a href="http://html5up.net">HTML5 UP</a> It features a simple yet elegant design, solid HTML5 and CSS3 code, and full responsive support for desktop, tablet, and mobile displays.
Responsive? Really?
Yup. This site template is fully responsive, meaning it'll look great on desktop (widescreen and standard), tablet and mobile device displays. Try it for yourself: simply resize your browser window to see how stuff shifts around and changes.
The CCA 3.0 License
Arcana is released for free under the <a href="http://html5up.net/license">Creative Commons Attribution 3.0 license</a>, which means you can use it for pretty much any personal or commercial use. The catch? Just give us credit wherever you use it (oh, and tell your friends about us, though that's not in the license :)
About HTML5 UP
HTML5 UP is a small side project by AJ (aka n33) to practice working with HTML5 and responsive design techniques. You can find more cool designs at <a href="http://html5up.net">html5up.net</a> or follow us on Twitter (<a href="http://twitter.com/n33co">@n33co</a>) for new release announcements and other cool stuff.
Amet lorem varius tempus consequat lorem?
(tempus aliquam lorem blandit etiam suspendisse dapibus)
Amet lorem varius tempus consequat lorem? <a href="#" class="button">Ipsum Consequat</a>
</body> </html>
