nav.html

<div class="container-fluid">
	<div class="navbar-header navbar-collapse">
		<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
		            <span class="sr-only">Toggle navigation</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		          </button>
		<a class="active navbar-brand" href="/"><img src="images/navbar-brand-white.png"></a>
	</div>
	<div id="navbar" class="collapse navbar-collapse">
		<ul class="nav navbar-nav navbar-right">
			<li><a href="/about">About</a></li>
			<li class="dropdown">
				<a href="/design" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">+Design</a>
				<ul class="dropdown-menu dropdown-menu-left">
					<li><a href="/space">Space</a></li>
					<li><a href="/graphics">Graphics</a></li>
					<li><a href="/craft">Craft</a></li>
				</ul>
				<li class="dropdown">
					<a href="/writing" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">+Writing</a>
					<ul class="dropdown-menu dropdown-menu-left">
						<li><a href="#">Poetry</a></li>
						<li><a href="#">Books</a></li>
					</ul>
					<li><a href="#photography">+Photography</a></li>
					<li><a href="/connect">Let's Connect</a></li>

					<div class="socialmedia-div">
						<button type="button" class="btn btn-primary socialmedia">
						<i class="fa fa-instagram"></i>
					</button>

						<button type="button" class="btn btn-primary socialmedia">
						<i class="fa fa-pinterest" href="#"></i>
					</button>

						<button type="button" class="btn btn-primary socialmedia">
						<i class="fa fa-linkedin"></i>
					</button>
					</div>
		</ul>
	</div>
</div>