"Billie Eilish Portfolio"
Bootstrap 4.1.1 Snippet by breebousquet

<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="#">Billie Eilish</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>Billie Eilish</h1> <p>Singer/Songwriter</p> <p><small>by Bree Bousquet</small></p> <img src="https://www.billboard.com/files/styles/article_main_image/public/media/billie-eilish-when-the-partys-over-MV-vid-2018-billboard-1548.jpg" class="rounded mx-auto d-block img-fluid" alt="Billie Eilish in music video"> <a href="http://bootsnipp.com/iframe/lG2mQ" target="_blank">Best viewed full screen</a><br> <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fbootsnipp.com%2Fiframe%2FlG2mQ" target="_blank"><small>HTML</small><sup>5</sup></a> <a class="btn btn-primary" href="#" role="button">Billie's songs »</a> </div> <div class="container"> <div class="row"> <div class="col-md-4"> <h3>Billie'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/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> <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> <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 Billie</h3> <img src="http://static1.squarespace.com/static/5834c479f5e231d203fe0b44/5857f36e5016e17cbf6e2af2/58802b82d4419425f3b59488/1484796585293/?format=1500w" class="rounded mx-auto d-block img-fluid" alt="Billie Eilish in Ocean Eyes"> <p>Billie was born Billie Eilish Pirate Baird O'Connell on December 18, 2001. She has an older brother, Finneas O'Connell, who is also a musician. Her mother, Maggie Baird, is an actress, musician, and screenwriter. Her father, Patrick O'Connell, is an actor, musician and screenwriter as well. She started into music at the young age of 11. Many people are amazed by Billie's talent, seeing as how she started her music career at 14.</p> </div> <div class="col-md-4"> <h3>Billie'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. Her 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>
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: #0a5189; } .bg-primary { background-color: #014f8b!important; }

Related: See More


Questions / Comments: