Skip to content

Instantly share code, notes, and snippets.

@umurkontaci

umurkontaci/ammo.html

Created August 3, 2012 22:18
Show Gist options
  • Save umurkontaci/3252097 to your computer and use it in GitHub Desktop.
Save umurkontaci/3252097 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ammo.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,follow">
<meta name="keywords" content="ilk deneyim ">
<meta name="description" content="Bestest Site ">
<title>This is a TEST SITE</title>
<style type="text/css">
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.span3 {
float:left;
width:300px;
margin-left: 14px;
text-align: center;
}
#sliderbox {
height: auto !important;
}
</style>
<link type="text/css" href="style.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen">
<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script><!--[if IE]>
<link type="text/css" href="css/ie.css" rel="stylesheet" media="screen" /><![endif]--><!--[if IE 6]>
<script type="text/javascript" src="js/pngfix.js"></script>
<script type="text/javascript"> DD_belatedPNG.fix('img,#logo,.slide-menu');</script> <![endif]-->
</head>
<body>
<div class="ana_genislik">
<div id="ust_cubuk">
<div id="top-links">
<ul class="siralama">
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li></ul></div></div>
<div id="container-bg">
<div id="container-test">Lorem Ipsum Dolor Sit Amet</div>
<div id="sliderbox">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="nivo-slider/images/slide1.png" alt=""> <a href="http://dev7studios.com">
<img src="nivo-slider/images/slide2.png" alt="" title="#htmlcaption"></a>
<img src="nivo-slider/images/slide3.png" alt="" title="This is an example of a caption">
<img src="nivo-slider/images/slide4.png" alt=""></div></div>
<div id="htmlcaption" class="nivo-html-caption"><strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.</div>
</div>
<div class="clearfix"></div>
<div id="body-wrapper">
<div class="span3">
<p>Lorem Ipsum Dolor Sit Amet</p>
</div>
<div class="span3">
<p>Lorem Ipsum Dolor Sit Amet</p>
</div>
<div class="span3">
<p>Lorem Ipsum Dolor Sit Amet</p>
</div>
<div class="clearfix"></div>
</div>
<script type="text/javascript"> <!--Body'de çalışacak her türlü Javascriptin amacı sayfanın tamamen yüklenmesini beklemektir, -->
<!--o yüzden en alt satır haricinde bir yere koyulmaz çünkü sayfa tamamen yüklenmeden scripti çalıştırısın -->
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment