Saved!

HTML5 Template - eVhrIGo1

HTML5 Template CSS3 header nav section article aside footer

HTML5 Template CSS3 header nav section article aside footer

  
  <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" >
  <link href="http://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>




<section id="wrapper">
	<header>
		<nav>
			<ul>
				<li> - logo - </li>
				<li>menu</li>
				<li>menu</li>
				<li>menu</li>
			</ul>
		</nav>
	</header>
	
	<section class="recent_news">
	
    <article class="post clearfix">
        <div class="entry-thumb">
            <a href="mp3_download.php?v=<?php echo $vid;?>&title=<?php echo $seo;?>_download">
                <img class="dark_shadow" src="https://i.ytimg.com/vi/vLvNympX-7E/hqdefault.jpg" alt="News3">
            </a>
        </div>
        <div class="entry-detail">
            <div class="entry-header">
                <h2 class="entry-title">title</h2>
                <div class="entry-content">
                    description is a little bit longer bla bla...<br>
                    description is a little bit longer bla bla...<br>
                    description is a little bit longer bla bla...<br>
                    <a href="http://www.youtube.com/watch?v=<?php echo $vid;?>" target="_blank"><img src="http://i.imgur.com/OIo095Q.png"> Video Izvor</a><br>
                    Youtube Kanal: <a href="https://www.youtube.com/channel/<?php echo $channelid;?>" target="_blank">channelid</a><br>
                </div>
            </div>
        </div>
    </article>
		
		    <article class="post clearfix">
        <div class="entry-thumb">
            <a href="mp3_download.php?v=<?php echo $vid;?>&title=<?php echo $seo;?>_download">
                <img class="dark_shadow" src="https://i.ytimg.com/vi/vLvNympX-7E/hqdefault.jpg" alt="News3">
            </a>
        </div>
        <div class="entry-detail">
            <div class="entry-header">
                <h2 class="entry-title">title</h2>
                <div class="entry-content">
                    description is a little bit longer bla bla...<br>
                    description is a little bit longer bla bla...<br>
                    description is a little bit longer bla bla...<br>
                    <a href="http://www.youtube.com/watch?v=<?php echo $vid;?>" target="_blank"><img src="http://i.imgur.com/OIo095Q.png"> Video Izvor</a><br>
                    Youtube Kanal: <a href="https://www.youtube.com/channel/<?php echo $channelid;?>" target="_blank">channelid</a><br>
                </div>
            </div>
        </div>
    </article>
		
		    <article class="post clearfix">
        <div class="entry-thumb">
            <a href="mp3_download.php?v=<?php echo $vid;?>&title=<?php echo $seo;?>_download">
                <img class="dark_shadow" src="https://i.ytimg.com/vi/vLvNympX-7E/hqdefault.jpg" alt="News3">
            </a>
        </div>
        <div class="entry-detail">
            <div class="entry-header">
                <h2 class="entry-title">title</h2>
                <div class="entry-content">
                    description is a little bit longer bla bla...<br>
                    description is a little bit longer bla bla...<br>
                    description is a little bit longer bla bla...<br>
                    <a href="http://www.youtube.com/watch?v=<?php echo $vid;?>" target="_blank"><img src="http://i.imgur.com/OIo095Q.png"> Video Izvor</a><br>
                    Youtube Kanal: <a href="https://www.youtube.com/channel/<?php echo $channelid;?>" target="_blank">channelid</a><br>
                </div>
            </div>
        </div>
    </article>
		
		    <article class="post clearfix">
        <div class="entry-thumb">
            <a href="mp3_download.php?v=<?php echo $vid;?>&title=<?php echo $seo;?>_download">
                <img class="dark_shadow" src="https://i.ytimg.com/vi/vLvNympX-7E/hqdefault.jpg" alt="News3">
            </a>
        </div>
        <div class="entry-detail">
            <div class="entry-header">
                <h2 class="entry-title">title</h2>
                <div class="entry-content">
                    description is a little bit longer bla bla...<br>
                    description is a little bit longer bla bla...<br>
                    description is a little bit longer bla bla...<br>
                    <a href="http://www.youtube.com/watch?v=<?php echo $vid;?>" target="_blank"><img src="http://i.imgur.com/OIo095Q.png"> Video Izvor</a><br>
                    Youtube Kanal: <a href="https://www.youtube.com/channel/<?php echo $channelid;?>" target="_blank">channelid</a><br>
                </div>
            </div>
        </div>
    </article>

		
		
		
	</section>

	<aside>
		<h2>About section</h2>
		<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
	</aside>

	<footer>
		<p>Copyright 2015 Your name</p>
	</footer> 

</section>
  
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js