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 class=" customize-support">
    <div class="top-nav">
    <div class="social-icons pull-left">
        <div class="menu-social-menu-container"><ul id="menu-social-menu" class="menu"><li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26"><a href="http://google.ca"><i class="fa fa-facebook"></i></a></li>
<li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27"><a href="http://google.ca"><i class="fa fa-twitter"></i></a></li>
<li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28"><a href="http://google.ca"><i class="fa fa-linkedin"></i></a></li>
<li id="menu-item-29" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29"><a href="http://google.ca"><i class="fa fa-youtube-play"></i></a></li>
</ul></div>    </div>
    <div class="links pull-right">
        <div class="menu-top-links-container"><ul id="menu-top-links" class="menu"><li id="menu-item-30" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-30"><a href="http://google.ca">DONATE</a></li>
<li id="menu-item-31" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-31"><a href="http://google.ca">SUPPORTERS</a></li>
<li id="menu-item-32" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-32"><a href="http://google.ca">CONTACT</a></li>
</ul></div>    </div>
</div>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-site-menu">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="http://localhost/wordpress">
                <img src="http://localhost/wordpress/wp-content/themes/freya-theme/app/assets/images/cinim_logo.png">
            </a>
        </div>
        <div id="main-site-menu" class="collapse navbar-collapse"><ul id="menu-site-menu" class="nav navbar-nav"><li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-37 active"><a title="About" href="http://localhost/wordpress/">About</a></li>
<li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36"><a title="Services" href="http://google.ca">Services</a></li>
<li id="menu-item-35" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a title="Knowledge" href="http://google.ca">Knowledge</a></li>
<li id="menu-item-34" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-34"><a title="Events" href="http://google.ca">Events</a></li>
<li id="menu-item-33" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-33"><a title="Media" href="http://google.ca">Media</a></li>
</ul></div>    </div>
</nav>
<div id="wrapper"><!-- meta slider -->
<div style="width: 100%; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-45 ml-slider home-page">
    
    <div id="metaslider_container_45">
        <div class="slider-wrapper theme-light">
            <div class="ribbon"></div>
            <div id="metaslider_45" class="nivoSlider">
                <a href="http://google.ca" target="_self" class="nivo-imageLink" style="display: block;"><img src="http://localhost/wordpress/wp-content/uploads/2015/05/cinim_banner1-1300x433.jpg" height="500" width="1500" alt="" class="slider-45 slide-46" style="display: none;"></a>
            <img class="nivo-main-image" src="http://localhost/wordpress/wp-content/uploads/2015/05/cinim_banner1-1300x433.jpg" style="display: inline;"><div class="nivo-caption"></div></div><div class="nivo-controlNav"><a class="nivo-control active" rel="0">1</a></div>
        </div>
        
    </div>
    <script type="text/javascript">
        var metaslider_45 = function($) {
            $('#metaslider_45').nivoSlider({ 
                boxCols:7,
                boxRows:5,
                pauseTime:3000,
                effect:"slideInLeft",
                controlNav:true,
                directionNav:false,
                pauseOnHover:true,
                animSpeed:600,
                prevText:"&lt;",
                nextText:"&gt;",
                slices:15,
                manualAdvance:true
            });
        };
        var timer_metaslider_45 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_45, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_45, 1) : metaslider_45(window.jQuery);
        };
        timer_metaslider_45();
    </script>
</div>
<!--// meta slider--><div class="container">
    <div class="row">
        <div class="boxes">
            <div class="col-md-4 box-one">
                <h4><a href="http://google.ca">Example <i class="fa fa-caret-right"></i></a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel tellus ac massa facilisis feugiat.</p>
            </div>
            <div class="col-md-4 box-two">
                <h4><a href="http://google.ca">Example <i class="fa fa-caret-right"></i></a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel tellus ac massa facilisis feugiat.</p>
            </div>
            <div class="col-md-4 box-three">
                <h4><a href="http://google.ca">Example <i class="fa fa-caret-right"></i></a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel tellus ac massa facilisis feugiat.</p>
            </div>
        </div>
    </div>
​
    <div class="border-content">
        <p>Lorem ipsum (link to about page) dolor sit amet consecteur adipsing. Lorem ipsum dolor sit amet conseceur.</p>
        <a href="http://google.ca" class="btn border-btn pull-right">LEARN MORE <i class="fa fa-caret-right"></i></a>
    </div>
​
    <div class="row bottom-news">
        <div class="col-md-10 news">
            <h4>CINIM NEWS</h4> <hr>
            <div class="row">
                <div class="col-md-4">
                    <img src="http://localhost/wordpress/wp-content/uploads/2015/05/current_news_image.png">
                    <div class="news-box">
    <h4><a href="http://localhost/wordpress/index.php/category/uncategorized/">Uncategorised</a></h4>
    <span class="text-muted">1 Comments / January 01, 1970</span>
    <p>Something Content...</p></div>
                </div>
                <div class="col-md-4">
                    <img src="http://localhost/wordpress/wp-content/uploads/2015/05/videos.png">
                    <div class="news-box">
    <h4><a href="http://localhost/wordpress/index.php/category/uncategorized/">Uncategorised</a></h4>
    <span class="text-muted">1 Comments / January 01, 1970</span>
    <p>Something Content...</p></div>
                </div>
                <div class="col-md-4">
                    <img src="http://localhost/wordpress/wp-content/uploads/2015/05/thought_of_the_week.png">
                    <div class="news-box">
    <h4><a href="http://localhost/wordpress/index.php/category/uncategorized/">Uncategorised</a></h4>
    <span class="text-muted">1 Comments / January 01, 1970</span>
    <p>Something Content...</p></div>
                </div>
            </div>
        </div>
        <div class="col-md-2 twitter">
            <h4>TWEETS</h4> <hr>
        </div>
    </div>
</div>
</div><div class="footer">
    <div class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-3"><h4>Connect With Us</h4>          <div class="textwidget">Something
​
<ul>
  <li class="facebook"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/05/facebook.png"></a></li>
  <li class="twitter"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/05/twitter.png"></a></li>
  <li class="linkedin"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/05/linkedin.png"></a></li>
  <li class="youtube"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/05/youtube.png"></a></li>
</ul></div>
        </div><div class="col-md-3">hi ... </div><div class="col-md-3"><h4>ENEWSLETTER</h4>         <div class="textwidget">Something here</div>
        </div><div class="col-md-3"><h4>Business Hours</h4>         <div class="textwidget"><p>assadsadsad<br>
asdsadsa</p>
<p>asdasdsa<br>
asdsaasd<br>
asdsad</p>
</div>
        </div>            </div>
        </div>
    </div>
    <div class="menu-footer">
        <div class="pull-left">
            <div class="menu-bottom-menu-container"><ul id="menu-bottom-menu" class="menu"><li id="menu-item-47" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47"><a href="http://google.ca">Site Map</a></li>
<li id="menu-item-48" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-48"><a href="http://google.ca">Terms of Use</a></li>
<li id="menu-item-49" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-49"><a href="http://google.ca">Privacy Policy</a></li>
<li id="menu-item-50" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-50"><a href="http://google.ca">Contact Us</a></li>
<li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51"><a>Copy Right (c) 2015</a></li>
</ul></div>        </div>
        <div class="pull-right">
            <img src="http://localhost/wordpress/wp-content/themes/freya-theme/app/assets/images/wj_logo.png">
        </div>
    </div>
</div>
</body>
</html>
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers