Hébergeur de fichiers indépendant

index.html

À propos

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 675 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&amp;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

Télécharger index.html

Télécharger le fichier (22 Ko)