"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="http://bootsnipp.com/iframe/Gl2xl" target="_blank">Best viewed full screen</a><br> <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fbootsnipp.com%2Fiframe%2FGl2xl" 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/0I4fD49Gbck?rel=0" allowfullscreen></iframe> </div> <p>This song was written by Billie and her musician brother, Finneas. It was released on January 8, 2019. This song is inspired by the movie, Roma.</p> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/pbMwTqkKSps?rel=0" allowfullscreen></iframe> </div> <p>Billie released this song on October 17, 2018. This song was long awaited for as Billie sung it live all the time. The music video blew people's mind.</p> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/3dJCroCMBPM?rel=0" allowfullscreen></iframe> </div> <p>Billie released this song on November 20, 2018. This song was written for a commercial that Apple released.</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://thumbor.forbes.com/thumbor/1280x868/https%3A%2F%2Fblogs-images.forbes.com%2Fshawnsetaro%2Ffiles%2F2016%2F06%2FJB_2426x13651-1200x675.jpg" class="rounded mx-auto d-block img-fluid" alt="Billie Eilish in Ocean Eyes"> <p></p> </div> <div class="col-md-4"> <h3>Jon's Music Career</h3> <img src="https://pbs.twimg.com/media/DctbyqaW4AE8nma.jpg" class="rounded mx-auto d-block img-fluid" alt="Billie Eilish and Finneas O'Connell"> <p>She released her first song, Ocean Eyes, in 2016. She released Six Feet Under in the same year. Hre brother, Finneas, helps her write and produce all of her songs. She has since released an EP, don't smile at me, in August of 2017. Billie has released multiple songs since don't smile at me, and is releasing a debut album this Spring, 2019.</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: