<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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h3 class="text-left text-primary">
Welcome, User!
</h3>
<div id="card-825777">
<div class="card">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" data-parent="#card-825777" href="#card-element-817149">Notifications</a>
</div>
<div id="card-element-817149" class="collapse">
<div class="card-body">
You have been outbidded in the <a href="#auction">Airpods</a> auction!
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-dark bg-dark static-top">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="navbar-toggler-icon"></span>
</button> <a class="navbar-brand" href="#">EbayKiller</a>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#profile">Profile <span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Create New Auction</a>