index.html
À propos du fichier
- Type de fichier
- Fichier HTML de 22 Ko (text/html)
- Confidentialité
- Fichier public, envoyé le 30 janvier 2012 à 18:17, depuis l'adresse IP 86.77.x.x (France)
- Sécurité
- Ne contient aucun Virus ou Malware connus - Dernière vérification: hier
- Statistiques
- La présente page de téléchargement a été vue 1224 fois depuis l'envoi du fichier
- Page de téléchargement
-
Aperçu du fichier
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Stereoline - The ultimate Magazine Template Ready to use</title>
<!-- METAS -->
<meta name="description" content="Description..." />
<meta name="keywords" content="Keywords..." />
<!-- /METAS -->
<!-- CSS -->
<link href="css/styles.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/deepy.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/nivo-slider.css" rel="stylesheet" type="text/css" media="all" />
<!-- /CSS -->
<!--[if IE 7]>
<link href="css/IE7.css" rel="stylesheet" type="text/css" media="all" />
<![endif]-->
<!-- JQUERY & PLUGINS -->
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/twitter.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- /JQUERY & PLUGINS -->
<!-- Cufon -->
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/bebas_400.font.js" type="text/javascript"></script>
<!-- /Cufon -->
<!-- Nivo Slider -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'fade',
slices:15,
animSpeed:600,
pauseTime:4000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next and Prev
directionNavHide:false, //Only show on hover
controlNav:false, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left and right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
</script>
<!-- /Nivo Slider -->
<!--[if IE 6]>
<script type="text/javascript" src="http://www.littlekillian.com/js/DD_belatedPNG.js"></script>
<script src="http://www.littlekillian.com/js/DD_belatedPNG.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('*');
</script>
<![endif]-->
</head>
<body>
<!-- WRAP -->
<div class="wrap">
<!-- HEADER -->
<div id="header">
<!-- content of header -->
<div class="content">
<!-- Top Nav -->
<div id="top_nav">
<ul>
<li class="home"><a href="/" class="current">Home</a></li>
<li class="about"><a href="/About.html" >About</a></li>
<li class="mail"><a href="/Contact.html" >Contact</a></li>
</ul>
</div>
<!-- /Top Nav -->
<!-- Logo block -->
<div id="logo">
<!-- Logo of the website -->
<h1><a href="http://www.littlekillian.com" title="Stereoline Magazine based on the music"><span>Stereoline</span></a></h1>
<!-- /Logo of the website -->
</div>
<!-- /Logo block -->
<!-- Sign up button -->
<div class="signup"><a href="/signup.html"><span class="inv">Sign up</span></a></div>
<!-- /Sign up button -->
<!-- Navigation -->
<div id="navigation">
<ul>
<li><a href="/Interviews.html" >Interview<span>Meet your artists</span></a></li>
<li><a href="/Videos.html" >Videos<span>Watch Stereolite TV</span></a>
<ul class="sub_menu">
<li><a href="/Videos_cat.htmlconcerts.html"><span>Concerts (2)</span></a></li>
<li><a href="/Videos_cat.htmlclips.html"><span>Clips (1)</span></a></li>
<li><a href="/Videos_cat.htmlmaking-of.html"><span>Making-of (1)</span></a></li>
<li><a href="/Videos_cat.htmlinterviews.html"><span>Interviews (0)</span></a></li>
</ul>
</li>
<li><a href="/Albums.html" >Gallery<span>Browse the albums</span></a></li>
<li><a href="/News.html" >Actualities<span>All the fresh news...</span></a>
<ul class="sub_menu">
<li><a href="/News.htmlreviews.html"><span>Reviews (1)</span></a></li>
<li><a href="/News.htmlconcerts.html"><span>Concerts (1)</span></a></li>
<li><a href="/News.htmlnews.html"><span>News (3)</span></a></li>
<li><a href="/News.htmlphotographies.html"><span>Photographies (2)</span></a></li>
</ul>
</li>
<li><a href="#" id="signin_show">Sign in<span>Members zone</span></a></li>
</ul>
</div>
<!-- /Navigation -->
<!-- Search form -->
<div id="search_engine">
<form action="/Search.html" method="post">
<div class="field"><input type="text" name="keyword" id="keyword" title="Search..." value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" /></div>
<div><input type="submit" class="button" value=" " /></div>
<div class="clear"></div>
</form>
</div>
<!-- /Search form -->
<!-- Sign in Panel -->
<div id="signin_panel">
<form action="" method="post">
<div class="field">
<label for="sign_login">Login</label>
<input type="text" name="" id="sign_login" />
</div>
<div class="field">
<label for="sign_pass">Password</label>
<input type="password" name="" id="sign_pass" />
</div>
<div class="submitter">
<input type="submit" name="signin_go" id="sign_go" value="" />
</div>
<div class="clear"></div>
</form>
<div class="instructions">
<p>Fill the signin form and go to your private zone.</p>
<p><a href="#">Forgotten password?</a></p>
</div>
<br class="clear" />
</div>
<!-- /Sign in Panel -->
</div>
<!-- /content of header -->
</div>
<!-- /HEADER -->
<!-- MAIN -->
<div id="main">
<!-- content of main -->
<div class="content">
<!-- Home Slider -->
<div id="home_slider">
<div class="featured_banner"><span class="inv">Featured</span></div>
<!-- The slider -->
<div id="slider">
<a href="/Interviews.htmlthe-best-interview-of-the-world"><img src="http://www.littlekillian.com/resources/interviews/6/prev900x3004.jpg" alt="Monday 13 September 2010 : The best interview is here" title="Monday 13 September 2010 : The best interview is here" width="900" height="300" /></a>
<a href="/Interviews.htmlpomidop-interview"><img src="http://www.littlekillian.com/resources/interviews/5/prev900x300.jpg" alt="Monday 13 September 2010 : Don't you know Pompidop?" title="Monday 13 September 2010 : Don't you know Pompidop?" width="900" height="300" /></a>
<a href="/Interviews.htmlwho-is-behind-the-best-template"><img src="http://www.littlekillian.com/resources/interviews/3/prev900x3003.jpg" alt="Monday 13 September 2010 : Whos is behind the best template?" title="Monday 13 September 2010 : Whos is behind the best template?" width="900" height="300" /></a>
</div>
<!-- /The slider -->
</div>
<!-- /Home Slider -->
<!-- Left part 600px -->
<div id="left_part">
<!-- Blog entry -->
<div class="blog_entry">
<!-- inside -->
<div class="inside">
<!-- Thumbnail -->
<div class="thumbnail">
<img src="http://www.littlekillian.com/resources/News/7/thumbpost-3.jpg" width="180" height="180" alt="" />
</div>
<!-- /Thumbnail -->
<!-- Resume -->
<div class="resume">
<h3 class="cufon">Stereoline - a new template php</h3>
<p class="bigline">Stereoline bring you an awesome CMS system for a blog/gallery/video magazine based on evertything you want. Here the music template ;) You can use it for your personnal website, non-professional as professional... easy to use.. better than WP...</p>
</div>
<!-- /Resume -->
<br class="clear" />
</div>
<!-- /inside -->
<!-- info -->
<div class="info">
<p class="date cufon">Sunday 12 September 2010 at 07:30 pm</p>
<p class="comments"><a href="/News_read.htmlStereoline-the-new-php-template#comments">1 comment</a></p>
<p class="readmore cufon"><a href="/News_read.htmlStereoline-the-new-php-template" title="Sunday 12 September 2010 at 07:30 pm">Read More</a></p>
</div>
<!-- /info -->
</div>
<!-- /Blog entry -->
<!-- VIDEO Last -->
<h3 class="underlined">Last videos</h3>
<!-- Video item -->
<div class="video_entry">
<div class="video_thumbnail"><span class="cufon"><a href="/Videos.htmlwhitechapel-making-of-the-darkest-day-of-man.html">Watch now</a></span><img src="http://www.littlekillian.com/resources/videos/4/whitechapel.jpg" width="220" height="100" /></div>
<div class="video_resume">
<h4><a href="/Videos.htmlwhitechapel-making-of-the-darkest-day-of-man.html">Whitechapel The making-of</a></h4>
<div class="date cufon">27.08.2010</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</p>
</div>
<br class="clear" />
</div>
<!-- Video item -->
<!-- Video item -->
<div class="video_entry">
<div class="video_thumbnail"><span class="cufon"><a href="/Videos.htmlsummer-teknival-italy-2009.html">Watch now</a></span><img src="http://www.littlekillian.com/resources/videos/3/tekos.jpg" width="220" height="100" /></div>
<div class="video_resume">
<h4><a href="/Videos.htmlsummer-teknival-italy-2009.html">Summer teknival north italy</a></h4>
<div class="date cufon">27.08.2010</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<br class="clear" />
</div>
<!-- Video item -->
<!-- Video item -->
<div class="video_entry">
<div class="video_thumbnail"><span class="cufon"><a href="/Videos.htmlGojira--The-Art-of-Dying---Live-Tuska-2009.html">Watch now</a></span><img src="http://www.littlekillian.com/resources/videos/2/gojira.jpg" width="220" height="100" /></div>
<div class="video_resume">
<h4><a href="/Videos.htmlGojira--The-Art-of-Dying---Live-Tuska-2009.html">Gojira - The Art of Dying</a></h4>
<div class="date cufon">27.08.2010</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<br class="clear" />
</div>
<!-- Video item -->
<!-- Video item -->
<div class="video_entry">
<div class="video_thumbnail"><span class="cufon"><a href="/Videos.htmli-am-ghost-bone-garden.html">Watch now</a></span><img src="http://www.littlekillian.com/resources/videos/1/iamghost.jpg" width="220" height="100" /></div>
<div class="video_resume">
<h4><a href="/Videos.htmli-am-ghost-bone-garden.html">I am Ghost : Bone Garden</a></h4>
<div class="date cufon">27.08.2010</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
</div>
<br class="clear" />
</div>
<!-- Video item -->
<!-- /VIDEO Last -->
</div>
<!-- /Left part 600px -->
<!-- Sidebar 270px -->
<div id="sidebar">
<div class="inside">
<!-- Social counters -->
<div id="social_counters">
<div class="twitter_count">
<span class="number">
<span id="twitter_counter"></span>
</span> followers
</div>
<div class="rss_count">
<span class="number">142135</span> subscribers
</div>
<br class="clear" />
</div>
<!-- /Social counters -->
<div class="separator"></div>
<!-- Recents Articles -->
<div class="inner_padding">
<h4>Recent posts</h4>
<ul>
<li><a href="/News_read.htmlStereoline-the-new-php-template" title="Sunday 12 September 2010 at 07:30 pm"><span>Stereoline - a new template php</span></a></li>
<li><a href="/News_read.htmlthe-winner-is-stereoline.html" title="Wednesday 25 August 2010 at 01:24 am"><span>And the winner is ?... Stereoline !</span></a></li>
<li><a href="/News_read.htmllorem-ipsum3.html" title="Wednesday 25 August 2010 at 01:21 am"><span>Awesome Lorem ipsum post :)</span></a></li>
<li><a href="/News_read.htmllorem-ipsum2.html" title="Wednesday 25 August 2010 at 01:20 am"><span>Another magic Lorem ipsum post</span></a></li>
<li><a href="/News_read.htmllorem-ipsum1.html" title="Wednesday 25 August 2010 at 01:18 am"><span>Lorem ipsum post</span></a></li>
</ul>
</div>
<!-- /Recents Articles -->
<div class="separator"></div>
<!-- Recents Interviews -->
<div class="inner_padding">
<h4>Recent interviews</h4>
<ul>
<li><a href="/Interviews.htmldevilcantburn-interview" title="Monday 13 September 2010 at 04:20 pm"><span>Interview with Devilcantburn</span></a></li>
<li><a href="/Interviews.htmlthe-best-interview-of-the-world" title="Monday 13 September 2010 at 04:18 pm"><span>The best interview is here</span></a></li>
<li><a href="/Interviews.htmlpomidop-interview" title="Monday 13 September 2010 at 04:15 pm"><span>Don't you know Pompidop?</span></a></li>
<li><a href="/Interviews.htmlno-featured-intervew" title="Monday 13 September 2010 at 04:13 pm"><span>A new interview not featured</span></a></li>
<li><a href="/Interviews.htmlwho-is-behind-the-best-template" title="Monday 13 September 2010 at 04:10 pm"><span>Whos is behind the best template?</span></a></li>
</ul>
</div>
<!-- /Recents Interviews -->
<div class="separator"></div>
<!-- Recents Interviews -->
<div class="inner_padding">
<h4>Last videos</h4>
<ul>
<li><a href="/Videos.html" title="Friday 27 August 2010 at 05:03 am"><span>Whitechapel The making-of</span></a></li>
<li><a href="/Videos.htmlsummer-teknival-italy-2009.html" title="Friday 27 August 2010 at 04:55 am"><span>Summer teknival north italy</span></a></li>
<li><a href="/Videos.htmlGojira--The-Art-of-Dying---Live-Tuska-2009.html" title="Friday 27 August 2010 at 04:42 am"><span>Gojira - The Art of Dying</span></a></li>
<li><a href="/Videos.htmli-am-ghost-bone-garden.html" title="Friday 27 August 2010 at 04:32 am"><span>I am Ghost : Bone Garden</span></a></li>
</ul>
</div>
<!-- /Recents Interviews -->
<div class="separator"></div>
<!-- Twitter Update -->
<div id="twitter_update">
<div id="tweeter">Devilcantburn</div>
<div id="deadTweets"></div>
<div class="follow"><a href="http://www.twitter.com/Devilcantburn">Follow me on Twitter!</a><span class="bird"></span></div>
</div>
<!-- /Twitter Update -->
<div class="separator"></div>
<!-- Advertisings -->
<div class="advertisings">
<a href="#"><img src="http://www.littlekillian.com/temp/ad_125x125_v3.gif" alt="" /></a>
<a href="#"><img src="http://www.littlekillian.com/temp/ad_125x125_v3.gif" alt="" /></a>
<a href="#"><img src="http://www.littlekillian.com/temp/ad_125x125_v3.gif" alt="" /></a>
<a href="#"><img src="http://www.littlekillian.com/temp/ad_125x125_v3.gif" alt="" /></a></div>
<!-- /Advertisings -->
</div>
</div>
<!-- /Sidebar 270px -->
<br class="clear" />
</div>
<!-- /content of main -->
</div>
<!-- /MAIN -->
<!-- FOOTER -->
<div id="footer">
<!-- content of footer -->
<div class="content">
<!-- Bottom navigation -->
<div class="bottom_nav">
<ul>
<li><a href="http://www.littlekillian.com/" class="current">Home</a></li>
<li><a href="http://www.littlekillian.com/About/" >About</a></li>
<li><a href="http://www.littlekillian.com/Interviews/" >Interviews</a></li>
<li><a href="http://www.littlekillian.com/Videos/" >Videos</a></li>
<li><a href="http://www.littlekillian.com/Albums/" >Gallery</a></li>
<li><a href="http://www.littlekillian.com/News/" >Actualities</a></li>
<li><a href="http://www.littlekillian.com/Contact/" >Contact</a></li>
</ul>
</div>
<!-- /Bottom navigation -->
<!-- Go top link -->
<div class="go_top">
<a href="#top"><span class="inv">Go Top</span></a>
</div>
<!-- /Go top link -->
<!-- Copyright -->
<div class="copyright">
© Copyright Devilcantburn for Envato - You can remove it after purchase </div>
<!-- /Copyright -->
<br class="clear" />
<!-- 3 cols -->
<div class="footer_3cols">
<!-- Col -->
<div class="col">
<h4>Recent posts</h4>
<ul>
<li><a href="http://www.littlekillian.com/News_read/Stereoline-the-new-php-template" title="Sunday 12 September 2010 at 07:30 pm"><span>Stereoline - a new template php</span></a></li>
<li><a href="http://www.littlekillian.com/News_read/the-winner-is-stereoline.html" title="Wednesday 25 August 2010 at 01:24 am"><span>And the winner is ?... Stereoline !</span></a></li>
<li><a href="http://www.littlekillian.com/News_read/lorem-ipsum3.html" title="Wednesday 25 August 2010 at 01:21 am"><span>Awesome Lorem ipsum post :)</span></a></li>
<li><a href="http://www.littlekillian.com/News_read/lorem-ipsum2.html" title="Wednesday 25 August 2010 at 01:20 am"><span>Another magic Lorem ipsum post</span></a></li>
<li><a href="http://www.littlekillian.com/News_read/lorem-ipsum1.html" title="Wednesday 25 August 2010 at 01:18 am"><span>Lorem ipsum post</span></a></li>
</ul>
</div>
<!-- /Col -->
<!-- Col middle -->
<div class="col_middle">
<a href="http://www.littlekillian.com" class="footer_logo" title="Stereoline Magazine based on the music"><span>Stereoline</span></a>
</div>
<!-- /Col middle -->
<!-- Col -->
<div class="col">
<h4>Recent interviews</h4>
<ul>
<li><a href="http://www.littlekillian.com/Interviews/devilcantburn-interview" title="Monday 13 September 2010 at 04:20 pm"><span>Interview with Devilcantburn</span></a></li>
<li><a href="http://www.littlekillian.com/Interviews/the-best-interview-of-the-world" title="Monday 13 September 2010 at 04:18 pm"><span>The best interview is here</span></a></li>
<li><a href="http://www.littlekillian.com/Interviews/pomidop-interview" title="Monday 13 September 2010 at 04:15 pm"><span>Don't you know Pompidop?</span></a></li>
<li><a href="http://www.littlekillian.com/Interviews/no-featured-intervew" title="Monday 13 September 2010 at 04:13 pm"><span>A new interview not featured</span></a></li>
<li><a href="http://www.littlekillian.com/Interviews/who-is-behind-the-best-template" title="Monday 13 September 2010 at 04:10 pm"><span>Whos is behind the best template?</span></a></li>
</ul>
</div>
<!-- /Col -->
<br class="clear" />
</div>
<!-- /3 cols -->
</div>
<!-- /content of footer -->
</div>
<!-- /FOOTER -->
</div>
<!-- /WRAP -->
<script type="text/javascript" src="http://www.littlekillian.com/js/tweet.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Devilcantburn.json?callback=twitterCounter&count=1"></script>
<script type="text/javascript">
//Cufon repleace
Cufon.replace('h2, h3, h4, h5, h6, label, .number, .follow, .cufon',{ hover: true });
</script>
<script type="text/javascript"> Cufon.now(); </script></body>
</html>
Partager le fichier index.html sur le Web et les réseaux sociaux:
Télécharger le fichier index.html
