<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="col-md-8"> <h1>Alice in Wonderland, part dos</h1> <p>'You ought to be ashamed of yourself for asking such a simple question,' added the Gryphon; and then they both sat silent and looked at poor Alice, who felt ready to sink into the earth. At last the Gryphon said to the Mock Turtle, 'Drive on, old fellow! Don't be all day about it!' and he went on in these words: 'Yes, we went to school in the sea, though you mayn't believe it—' 'I never said I didn't!' interrupted Alice. 'You did,' said the Mock Turtle.</p> <div> <p>Tags: <a href="#"><span class="label label-info">Snipp</span></a> <a href="#"><span class="label label-info">Bootstrap</span></a> <a href="#"><span class="label label-info">UI</span></a> <a href="#"><span class="label label-info">growth</span></a> | <i class="icon-user"></i> <a href="#">Admin</a> | <i class="icon-calendar"></i> Sept 16th, 2012 at 4:20 pm | <i class="icon-comment"></i> <a href="#">3 Comments</a> | <i class="icon-share"></i> <a href="#">39 Shares</a> </p> </div> <hr> <h1>Revolution has begun!</h1> <p>'I am bound to Tahiti for more men.' 'Very good. Let me board you a moment—I come in peace.' With that he leaped from the canoe, swam to the boat; and climbing the gunwale, stood face to face with the captain. 'Cross your arms, sir; throw back your head. Now, repeat after me. As soon as Steelkilt leaves me, I swear to beach this boat on yonder island, and remain there six days. If I do not, may lightning strike me!'A pretty scholar,' laughed the Lakeman. 'Adios, Senor!' and leaping into the sea, he swam back to his comrades.</p> <div> <p>Tags: <a href="#"><span class="label label-info">Snipp</span></a> <a href="#"><span class="label label-info">Bootstrap</span></a> <a href="#"><span class="label label-info">UI</span></a> <a href="#"><span class="label label-info">growth</span></a> | <i class="icon-user"></i> <a href="#">Admin</a> | <i class="icon-calendar"></i> Sept 16th, 2012 at 4:20 pm | <i class="icon-comment"></i> <a href="#">3 Comments</a> | <i class="icon-share"></i> <a href="#">39 Shares</a> </p> </div> <hr> </div> <div class="col-lg-4"> <div class="well"> <h4><i class="fa fa-search"></i> Blog Search...</h4> <div class="input-group"> <input type="text" class="form-control"> <span class="input-group-btn"> <button class="btn btn-default" type="button"> <i class="fa fa-search"></i> </button> </span> </div> <!-- /input-group --> </div> <!-- /well --> <div class="well"> <h4><i class="fa fa-tags"></i> Popular Tags:</h4> <div class="row"> <div class="col-lg-6"> <ul class="list-unstyled"> <li><a href=""><span class="badge badge-info">Windows 8</span></a> </li> <li><a href=""><span class="badge badge-info">C#</span></a> </li> <li><a href=""><span class="badge badge-info">Windows Forms</span></a> </li> <li><a href=""><span class="badge badge-info">WPF</span></a> </li> </ul> </div> <div class="col-lg-6"> <ul class="list-unstyled"> <li><a href=""><span class="badge badge-info">Bootstrap</span></a> </li> <li><a href=""><span class="badge badge-info">Joomla!</span></a> </li> <li><a href=""><span class="badge badge-info">CMS</span></a> </li> <li><a href=""><span class="badge badge-info">Java</span></a> </li> </ul> </div> </div> </div> <!-- /well --> <div class="well"> <h4><i class="fa fa-thumbs-o-up"></i> Follow me!</h4> <ul> <p><a title="Facebook" href=""><span class="fa-stack fa-lg"><i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-facebook fa-stack-1x"></i></span></a> <a title="Twitter" href=""><span class="fa-stack fa-lg"><i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x"></i></span></a> <a title="Google+" href=""><span class="fa-stack fa-lg"><i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-google-plus fa-stack-1x"></i></span></a> <a title="Linkedin" href=""><span class="fa-stack fa-lg"><i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-linkedin fa-stack-1x"></i></span></a> <a title="GitHub" href=""><span class="fa-stack fa-lg"><i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-github fa-stack-1x"></i></span></a> <a title="Bitbucket" href=""><span class="fa-stack fa-lg"><i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-bitbucket fa-stack-1x"></i></span></a></p> </ul> </div> <!-- /well --> <!-- /well --> <div class="well"> <h4><i class="fa fa-fire"></i> Popular Posts:</h4> <ul> <li><a href="">WPF vs. Windows Forms-Which is better?</a></li> <li><a href="">How to create responsive website with Bootstrap?</a></li> <li><a href="">The best Joomla! templates 2014</a></li> <li><a href="">ASP .NET cms list</a></li> <li><a href="">C# Hello, World! program</a></li> <li><a href="">Java random generator</a></li> </ul> </div> <!-- /well --> <!-- /well --> <div class="well"> <h4><i class="fa fa-book"></i> Featured books:</h4> <div class="row"> <div class="col-lg-12"> <div class="cuadro_intro_hover " style="background-color:#cccccc;"> <p style="text-align:center; margin-top:20px;"> <img src="http://placehold.it/500x330" class="img-responsive" alt=""> </p> <div class="caption"> <div class="blur"></div> <div class="caption-text"> <h3 style="border-top:2px solid white; border-bottom:2px solid white; padding:10px;">Book 1</h3> <p>Loren ipsum dolor si amet ipsum dolor si amet ipsum dolor...</p> <a class=" btn btn-default" href="#"><i class="fa fa-plus"></i> INFO</span></a> </div> </div> </div> </div> <div class="col-lg-12"> <div class="cuadro_intro_hover " style="background-color:#cccccc;"> <p style="text-align:center; margin-top:20px;"> <img src="http://placehold.it/500x330" class="img-responsive" alt=""> </p> <div class="caption"> <div class="blur"></div> <div class="caption-text"> <h3 style="border-top:2px solid white; border-bottom:2px solid white; padding:10px;">Book 2</h3> <p>Loren ipsum dolor si amet ipsum dolor si amet ipsum dolor...</p> <a class=" btn btn-default" href="#"><i class="fa fa-plus"></i> INFO</span></a> </div> </div> </div> </div> </div> </div> <!-- /well --> </div>