"My First Bootstrap Page"
Bootstrap 3.3.0 Snippet by coolshatul

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> </head> <body> <div class="jumbotron text-center"> <h1>My First Bootstrap Page</h1> <p>Resize this responsive page to see the effect!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>Column 1</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> <div class="col-sm-4"> <h3>Column 2</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> <div class="col-sm-4"> <h3>Column 3</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p> <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p> </div> <table class="tg"> <tr> <td> <p class="goku">Our Social media marketing team are so energetic and enthusiastic that we serves the best smo services in india. Our Facebook marketing team are very well trained to do marketing on facebook and twitter. We serves the best SMO service so we think that we are the best social media marketing company. We provide our online marketing serives in very affordable prize and our seo packages and smo packages are also very low....</p> <div style="text-align:center;display:none" class="gaa"><script src="//code.jquery.com/jquery-1.10.2.js"></script><iframe src="http://saavn.com/" style="width:100%;height: 600px; border: none"></iframe></div></td> </tr> <tr><td><div> <p class="goku">Our Social media marketing team are so energetic and enthusiastic that we serves the best smo services in india. Our Facebook marketing team are very well trained to do marketing on facebook and twitter. We serves the best SMO service so we think that we are the best social media marketing company. We provide our online marketing serives in very affordable prize and our seo packages and smo packages are also very low....<br><br></p> <p class="goku">Our PPC Expert are so well trained that they maintain our ppc project in such a way that you will get CPC at very low cost. we manage our PPC in such a way that you will get each and every lead in very low cost.</p> </div></td></tr> </table> <script>$( ".goku" ).click(function() { $( ".gaa" ).toggle( "slow" ); });</script> </div> </div> </body> </html>

Related: See More


Questions / Comments: