<div class="navbar navbar-static-top" id="nav">

<div class="container-fluid">

<div class="row">

<div class="navbar-header col-md-3">

<a href="//sendgrid.com"><span id="logo"></span></a>

<button type="button" class="navbar-toggle"

data-toggle="collapse" data-target="#navbar">

<span class="sr-only">Toggle navigation</span>

<span class="icon-list collapsed-icon"></span>

</button>

</div>

<div class="collapse navbar-collapse col-sm-4" id="navbar">

<ul class="nav navbar-nav" id="nav-links">

<li class="nav-link {% if page.title == 'Docs Home' %} current-page-item {% endif %}">

<a href="{{root_url}}/index.html">Docs Home</a>

</li>

<li class="nav-link">

<a href="{{root_url}}/Utilities/code_workshop.html">Code Workshop</a>

</li>

<li class="nav-link {% if page.url contains 'VidGrid' %} current-page-item {% endif %}">

<a href="{{root_url}}/VidGrid/index.html">VidGrid</a>

</li>

<li class="nav-link">

<a href="http://support.sendgrid.com/">Support</a>

</li>

<li class="nav-link visible-xs">

<a href="http://sendgrid.com/marketing/request-demo" class="btn btn-primary btn-block">Contact Us</a>

<a href="https://sendgrid.com/user/signup" class="btn btn-success btn-block logged-out">Sign Up</a>

<a href="https://sendgrid.com/login" class="btn btn-default btn-block logged-out">Sign In</a>

</li>

</ul>

</div>

<div class="pull-right navbar-buttons hidden-xs">

<a href="http://sendgrid.com/marketing/request-demo" class="btn btn-primary">Contact Us</a>

<a href="https://sendgrid.com/user/signup"class="btn btn-success logged-out">Sign Up</a>

</div>

</div>

</div>

</div>