<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ----------> <!-- Submitted to Feature March 2, 2014 10:20pm --> <div class="container"> <div class="row"> <h2>NOW AVAILABLE: MusicIAM</h2> <p> The official music streaming platform of the Semi-Majors. Created so <br />artists of all statuses can have distribution freedom. From Underground<br />to Independent to Major, we give Real MCs a chance to shine.</p> <p><a href="http://bootsnipp.com/iframe/45NZx" target="_blank">View Full Screen</a></p> <!-- Button trigger modal --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> TRY NOW </button> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2"> BUY NOW </button> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <iframe src="http://artists.empireiam.com/music" id="info" class="iframe" name="info" seamless="" height="100%" width="100%" border="0"></iframe> </div> </div> </div> </div> <!-- /#myModal --> <!-- Modal --> <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <iframe src="http://store.empireiam.com" id="info" class="iframe" name="info" seamless="" height="100%" width="100%" border="0"></iframe> </div> </div> </div> </div> <!-- /#myModal --> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <p> <a href="http://validator.w3.org/check?uri=http://bootsnipp.com/iframe/8Z7b&ss=1"> <span class="glyphicon glyphicon-check green"></span> HTML⁵</a> </p> </div> <!-- /.row --> </div> <!-- /.container -->

body{ background-color:#000; color:#ccc; border: 0; } .container{ margin-top:60px; padding: 60px; border:0px; border-radius:26px; background: #ffffff url('http://25.media.tumblr.com/ad80d557aee5736d7b01ca13846781f5/tumblr_n10n5ygMJI1st5lhmo1_1280.jpg'); } /* change standard modal behavior */ .modal-body { background: #000000; width: 800px; height: 520px; margin: 0 -120px; overflow: hidden; border: 0; } .modal-backdrop { background-color: #424530; } .modal-backdrop.fade.in { opacity: .8; }