<!-- Large Modal --> <div class="modal fade" id="largeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal-body"> Do you have source code, articles, tutorials, web links, and books to share? You can write your own content here. You can even have your own blog. </div> <div class="modal-footer"> </div> </div> </div> </div>
<!-- Medium Modal --> <div class="modal fade" id="mediumModal" tabindex="-1" role="dialog" aria-labelledby="myMediulModalLabel"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal-body"> Do you have source code, articles, tutorials, web links, and books to share? You can write your own content here. You can even have your own blog. </div> <div class="modal-footer"> </div> </div> </div> </div>
<!-- Small Modal --> <div class="modal fade" id="smallModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal-body"> Do you have source code, articles, tutorials, web links, and books to share? You can write your own content here. You can even have your own blog. </div> <div class="modal-footer"> </div> </div> </div> </div>
<!-- Sign-Up Modal --> <div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-labelledby="mySigninLabel"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header"> </div> <div class="modal-body" style="padding:40px 40px;"> <form role="form"> <div class="form-group"> <input type="text" placeholder="username" class="form-control" /> </div> <div class="form-group"> <input type="text" placeholder="email" class="form-control" /> </div> <div class="form-group"> <input type="password" placeholder="password" class="form-control" /> </div> <div class="form-group"> <hr> </div> <div class="form-group"> </div> </form> </div> <div class="modal-footer"> </div> </div> </div> </div>
<table width="100%" style="margin-top:100px;"> <tr> <td style="padding: 20px;"> <div class="form-group"> <div class="col-sm-3"> </div> </div> </td> <td> <div class="form-group"> <div class="col-sm-3"> </div> </div> </td> </tr> <tr> </tr> <tr> <td style="padding: 20px;"> <div class="form-group"> <div class="col-sm-3"> </div> </div> </td> <td> <div class="form-group"> <div class="col-sm-3"> </div> </div> </td> </tr> </table>