<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
margin-bottom: 0;
border-radius: 0;
}
/* Add a gray background color and some padding to the footer */
footer {
background-color: #f2f2f2;
padding: 25px;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Portfolio</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron">
<div class="container text-center">
<h1>Tapwing</h1>
<p>DeviantArt artist</p>
</div>
</div>
<div class="container-fluid bg-3 text-center">
<h3>Some of Tapwing's Work</h3><br>
<p><b>I don't own any of this.</b></p>
<div class="row">
<div class="col-sm-6">
<p><b>Fortresssss</b></p>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/18251015-0196-4a02-acde-36f9c65097fd/dbe8ztf-1ff9171e-3ef3-4515-be78-dc495480b12c.png/v1/fill/w_774,h_1033,q_70,strp/fortresssss_by_tapwing_dbe8ztf-pre.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>Quote under art found on DeviantArt <i>"A Little lighting and form study of my fav vainglory hero.
drawn in Procreate."</i></p>
<p>Comment under the art <i>"I'm speechless.. It looks so colorless and almost simple but it's so gooood and I love it :)"</i></p>
</div>
<div class="col-sm-6">
<p><b>Shin H spino</b></p>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/18251015-0196-4a02-acde-36f9c65097fd/daregut-6b14f82b-4c3a-4f38-bdbd-a90d5e08c07b.png/v1/fill/w_1032,h_774,q_70,strp/shin_h_spino_by_tapwing_daregut-pre.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>Quote under art found on DeviantArt <i>"Probably the most obscure crossover ive painted yet. (Hell the spino portion isn't even released yet)
but what the heck, i'll be damned if I passed on painting a laser spitting dino.
crossover between 'Shin Godzilla' and 'the isle's' hyperendocrin spino.
drawn in procreate."</i></p>
<p>
Comment under the art <i>"This thing is terrifying! And so detailed!"</i></p>
</div>
</div>
</div><br>
<div class="container-fluid bg-3 text-center">
<div class="row">
<div class="col-sm-3">
<p><b>Where we go</b></p>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/18251015-0196-4a02-acde-36f9c65097fd/da2tihu-02dbbb4d-d5d8-4881-aea9-4edbcd7fb1ca.png/v1/fill/w_1032,h_774,q_70,strp/where_we_go_by_tapwing_da2tihu-pre.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>Quote under art found on DeviantArt <i>"This was an....."interesting" little peice to work on, it was supposed to be a quick study, but I kept changing where the setting was supposed to be half way through.
first it was a desert
but the depth of field wasn't working
Then I added a road
but that didn't help
gave up
changed the desert into a field
Then hills
But the colours weren't looking good
Gave up again
Took out the ground layer
saw in painted part of the sky
Thought 'hey that looks like descent ground'
added horse
added shadow and Ta da!
I should really try painting a photo studio forth futur though, save myself the doubt headache ^^"
Painted in procreate" </i></p>
<p>Comment under the art <i>"I love how everything is tilted like the horse! The paint is so lively!"</i></p>
</div>
<div class="col-sm-3">
<p><b>
Puffball</b></p>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/18251015-0196-4a02-acde-36f9c65097fd/d8dchvy-6eb1ae28-ac67-44a4-bb25-e29ce136e390.jpg/v1/fill/w_1024,h_768,q_70,strp/puffball_by_tapwing_d8dchvy-fullview.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>Quote under art found on DeviantArt <i>"I started sifting through some older pictures and I found this puffy little brain-fart.
Drawn in sketch club."</i></p>
<p>Comment under the art <i>"Nice coloring! The bird feels so real in dimmension!"</i></p>
</div>
<div class="col-sm-3">
<p><b>
Red</b></p>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/18251015-0196-4a02-acde-36f9c65097fd/d63h9l6-f2c0cb72-5331-4073-a89d-0d122f977a3f.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>Quote under art found on DeviantArt <i>"I drew this for a competition Lars year, completely forgot about it.
Drawn in sketch club for the ipad"</i></p>
<p>Comment under the art <i>""um...............waiter?"
"yes sir?"
"there was a dragon in my wine."
"ah yes sir. we give all our guests dragons with their wine."
"but.......it was literally inside my wine."
"oh. i'm sorry sir. would you like a new glass of wine?"
"i guess."
"ok sir we'll have that out for you in a moment. and dont worry we'll replace the dragon too."
"ok...............wait WHAT?!""</i></p>
</div>
<div class="col-sm-3">
<p><b>Playing with fire</b></p>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/18251015-0196-4a02-acde-36f9c65097fd/d5xqzvu-c53749ec-de90-4170-b797-e98012e86527.jpg/v1/fill/w_1024,h_768,q_70,strp/playing_with_fire_by_tapwing_d5xqzvu-fullview.jpg" class="img-responsive" style="width:100%" alt="Image">
<p>Quote under art found on DeviantArt <i>"Drawn with Sketch Club on the ipad."</i></p>
<p>Comment under the art <i>"Beautiful combination! The little blue butterfly really stands out ^^"</i></p>
<p><b><u><i>DAMN IT NEEV! =;'~';=</i></u></b></p>
</div>
</div>
</div><br><br>
<footer class="container-fluid text-center">
<p>Footer Text</p><a href="http://bootsnipp.com/iframe/eK80Q" target="_blank">Best viewed full screen</a><br>
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2FyM3qe" target="_blank"><small>HTML</small><sup>5</sup></a>
</footer>
</body>
</html>
