JSFiddle - React, Tailwind, and code Playground

by Matthew Watzman

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<nav role="navigation" class="navbar navbar-default navbar-static-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="index.html" class="navbar-brand" style="color:#000000">Paulo Pinzon-Iradian</a>
        </div>
        <!-- Collection of nav links and other content for toggling -->
        <div id="navbarCollapse" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="work.html" style="color:#000000; margin-left:1.5em;">Work</a></li>
                <li><a href="about.html" style="color:#000000; margin-left:1.5em;">About</a></li>
                <li><a href="contact.html" style="color:#000000; margin-left:1.5em;">Contact</a></li>
            </ul>

        </div>
    </div>
</nav>

    <div class="container">
      <div class="jumbotron">
        <p style="font-size:24px;"></p>[email protected]</p>
        </br>
        <p><a>Facebook</a></p>
        <p><a>Instagram</a></p>
        <p><a>Twitter</a></p>
      </div>

    </div> <!-- /container -->

<div>
</div>

CSS

.navbar-default{
    background: #fff;
    margin-top:3.5%;
    border:0px;
}

.navbar-brand
{
    font-family: helvetica;
    font-size: 24px;
}

ul, li, a
{
    font-family: helvetica;
    font-size: 24px;
    color: #000000;
    letter-spacing: -0.5px;
    font-weight: 100;
}

.navbar-toggle
{
    border:0px;
}

.col-xs-6
{
    margin-top:1.5%;
    line-height: 27px;
}

.row
{
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.jumbotron
{
    background: #fff;
    border:0px;
    font-family: helvetica;
    font-size: 24px;
    text-decoration: none;
    padding-left:0px !important;
}