creating some testing docs and refined buttons and tabs
This commit is contained in:
92
test-one.html
Normal file
92
test-one.html
Normal file
@ -0,0 +1,92 @@
|
||||
<!doctype html>
|
||||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
|
||||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
|
||||
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
|
||||
<!-- Basic Page Needs
|
||||
================================================== -->
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Force Latest IE rendering engine -->
|
||||
<title>Skeleton: Test One</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Mobile Specific Metas
|
||||
================================================== -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
|
||||
<!-- CSS
|
||||
================================================== -->
|
||||
<link rel="stylesheet" href="src/stylesheets/base.css">
|
||||
<link rel="stylesheet" href="src/stylesheets/skeleton.css">
|
||||
<link rel="stylesheet" href="test/test-one/main.css">
|
||||
<link rel="stylesheet" href="test/test-one/nivo-slider.css">
|
||||
<!--[if lt IE9]><link rel="stylesheet" href="css/ie.css"><![endif]-->
|
||||
|
||||
<!-- Favicon
|
||||
================================================== -->
|
||||
<link rel="shortcut icon" href="src/images/favicon.ico">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="container">
|
||||
<nav class="sixteen columns">
|
||||
<div class="three columns alpha logo">
|
||||
<h4>Logo Stuff</h4>
|
||||
</div>
|
||||
<div class="thirteen omega columns">
|
||||
<ul>
|
||||
<li><a href="">Home</a></li>
|
||||
<li><a href="">Plans</a></li>
|
||||
<li><a href="">Tour</a></li>
|
||||
<li><a href="">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="sixteen columns">
|
||||
<div id="slider">
|
||||
<img src="test/test-one/slider.jpg" alt="slider" />
|
||||
<img src="test/test-one/slider-2.jpg" alt="slider" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="one-third column">
|
||||
<img src="" alt="" />
|
||||
<h5>Title</h5>
|
||||
<p>Skeleton has a familiar, lightweight 960 grid as it's base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!</p>
|
||||
</div>
|
||||
<div class="one-third column">
|
||||
<img src="" alt="" />
|
||||
<h5>Title</h5>
|
||||
<p>Skeleton has a familiar, lightweight 960 grid as it's base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!</p>
|
||||
</div>
|
||||
<div class="one-third column">
|
||||
<img src="" alt="" />
|
||||
<h5>Title</h5>
|
||||
<p>Skeleton has a familiar, lightweight 960 grid as it's base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- JS
|
||||
================================================== -->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
|
||||
<script>window.jQuery || document.write("<script src='src/javascripts/jquery-1.5.1.min.js'>\x3C/script>")</script>
|
||||
<script src="test/test-one/jquery.nivo.slider.pack.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
$(window).load(function() {
|
||||
$('#slider').nivoSlider();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user