<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>
<div class="container">
<div class="row">
<section>
<div class="wizard">
<div class="header">
<div class="header-intro">
<div class="header-left">
<h2 class="header2"> Welcome, Firstname!</h2>
<div class="wizard-inner">
<ul class="nav nav-tabs" role="tablist" style="background-color: #fff !important; margin-top: 0px; padding-top: 10px; padding-bottom: 0px;">
<li role="presentation" class="active">
<span class="navlinks"> <a href="#step1" data-toggle="tab"> Facebook </a></span>
</li>
<li role="presentation" class="disabled">
<span class="navlinks"> <a href="#step2" data-toggle="tab">Twitter </a></span>
</li>
<li role="presentation" class="disabled">
<span class="navlinks"> <a href="#step3" data-toggle="tab">Instagram </a></span>
</li>
</ul>
</div>
