Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <header>
                    <img src="http://s18.postimg.org/tvw52r1ux/logo.jpg" alt="logo" id="logo" />
​
                    <h1>The Articles</h1>
                    <nav class="header-nav">    
                        <ul>
                            <li></li>
                            <li><a href="#"><img src="http://s12.postimg.org/hyaxg6xah/icon.png" alt="">Articles</a></li>
                        </ul>
                    </nav>          
        </header>
        <section id="section">
            <article class="article">
                <img src="http://s18.postimg.org/7l8a2s4kp/articles.jpg" alt="articles" />
                <p><i>by</i> JOHN WOO <i><date>June 04, 2013,</date> 22 Comments</i></p>
                <h1>ISSUE NO 376</h1>
                <p>Lorem ipsum dolor sit amer, consectetur adipising elit Vestibulum eu ligula justo, ullamcorper viverraest. Donec viverra libero in tellus ullamcorper lobortis,. Nam nunc metus, molestie sit amet sagitis et, hendrenit quam. Ut hendrerit commodo nunc, eu euismod odio egestas a. Morbi felis lorem, convallis id scelerisque eget, faucibus eget lectus.</p>
                <p>asp.net, .net, dev-express</p>
                <button>More</button>
    
                <img src="http://s18.postimg.org/dnfwt9t0p/cat.png" alt="" />
                <p><i>by</i> JOHN WOO <i><date>June 04, 2013,</date> 22 Comments</i></p>
                <h1>ISSUE NO 375</h1>
                <p>Lorem ipsum dolor sit amer, consectetur adipising elit Vestibulum eu ligula justo, ullamcorper viverraest. Donec viverra libero in tellus ullamcorper lobortis,. Nam nunc metus, molestie sit amet sagitis et, hendrenit quam. Ut hendrerit commodo nunc, eu euismod odio egestas a. Morbi felis lorem, convallis id scelerisque eget, faucibus eget lectus.</p>
                <p>asp.net, .net, dev-express</p>
                <button>More</button>
                </article>
                <aside class="aside">
                    <img src="http://s18.postimg.org/51cn8oh0p/agencies.jpg" alt="agencies" />
                <h3>From the Blog</h3>
                <p>DAVID  <i> on </i>c# Windows</p>
                <p>How to convert System.Color to HTML color (hex)?</p>
                <p>I'm working on an application that requires converting the back color of the panel to HTML that can be used as a div background color. Please help.</p>
                <a href="#">view answer &nbsp;></a>
                </aside>
        
        </section>
        <footer id="footer">
            
            <nav class="footer-nav">
                <ul>
                    <li><img src="http://s18.postimg.org/4xe8eom5h/notes.png" alt="" /></li>
                    <li>ARTICLES</li>
                    <li>COLUMNS</li>
                    <li>BLOG</li>
                    <li>TOPICS</li>
                </ul>
            </nav>
            <div class="footer-left">
                <img src="http://s18.postimg.org/itr24b7s9/footer1.png" alt="footer-image" />
                <p>.NET Training</p>
<p>Less of boring theory! Hands on programming is our training methodology! You'll love it.<p>
<a href="#">learn more &nbsp;></a>
                </div>
                <div class="footer-right">
                    <img src="http://s18.postimg.org/gl8a98bah/footer2.png" alt="footer-image" />
                    <p>Shopify Expert at $20/hour</p>
<p>Unique custom made shopify theme and tweakss. Strat selling online with stunning eCommerce storefronts created using the Shopify CMS
<a href="#">learn more &nbsp;></a>  
                </div>
        
        </footer>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
misterManSampro
0viewers