<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>
