"Untitled"
Bootstrap 4.1.1 Snippet by Mikebraun

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <nav class="navbar navbar-expand-lg navbar navbar-dark bg-primary"> <a class="navbar-brand" href="#">Jon Bellion</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> </ul> </div> </nav> <div class="jumbotron text-center"> <h1>Jon Bellion</h1> <p>Musician</p> <p><small>by Mike Braun</small></p> <img src="https://i2.wp.com/jonalisblog.com/wp-content/uploads/2016/05/bellion.png?fit=300%2C300" class="rounded mx-auto d-block img-fluid" alt="Billie Eilish in music video"> <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fbootsnipp.com%2Fiframe%2FlG2mQ" target="_blank"><small>HTML</small><sup>5</sup></a> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <h3>Jon's Newest Songs</h3> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/tQMKGcvMQME?rel=0" allowfullscreen></iframe> </div> <p></p> <span style="font-size: 3em; color: Tomato;"> <i class="fas fa-stroopwafel"></i> </span> <i class="fas fa-rocket fa-xs"></i> <i class="fas fa-rocket fa-sm"></i> <i class="fas fa-rocket fa-lg"></i> <i class="fas fa-rocket fa-2x"></i> </div> <div class="col-md-4"> <h3>About Jon</h3> <img src="https://i.axs.com/2017/06/0b6ae71c-c432-41b8-b64e-e130c99082b9_5936b19b1e324.jpg" class="rounded mx-auto d-block img-fluid" alt="Billie Eilish in Ocean Eyes"> <p>Jon was born in Lake Grove, New York. Jon was torn between basketball and music, but in junior year decided to pursue music, and went to 5 Towns College in Dix Hills, New York. At 19, He decided to drop out of college and write music professionally. </p> </div> <div class="col-md-4"> <h3>Jon's Music Career</h3> <img src="https://pbs.twimg.com/media/DriTtmkUwAAe4SL.jpg" class="rounded mx-auto d-block img-fluid" alt="Billie Eilish and Finneas O'Connell"> <p>Jon released his debut album The Human Condition, on june 10th 2016. He later released Glory Sound Prep on November 9th, 2018.</p> </div> </div> </div> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

Related: See More


Questions / Comments: