Built a navbar
Arona Jones
429
art/exam.html
@@ -34,6 +34,12 @@
|
|||||||
img {
|
img {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.block {
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
@@ -44,345 +50,96 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<div style="position: fixed; background-color: #ca7; top: 0px; width: 100%">
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<li role="presentation"><a href="#top">Top</a>
|
||||||
|
</li>
|
||||||
|
<li role="presentation"><a href="#photos">Photos</a>
|
||||||
|
</li>
|
||||||
|
<li role="presentation"><a href="#linework">Linework</a>
|
||||||
|
</li>
|
||||||
|
<li role="presentation"><a href="#gradiented">Gradiented</a>
|
||||||
|
</li>
|
||||||
|
<li role="presentation"><a href="#artist">Artist Link</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="starter-template">
|
<div class="starter-template">
|
||||||
<h1>Together and Apart</h1>
|
<div id="top">
|
||||||
<h2>Arona Jones (#1045)</h2>
|
<h1 style="font-weight: 800; color: #222">Apart and Together</h1>
|
||||||
<h2 class="ruled">Photos</h2>
|
<h2>Arona Jones (#1045)</h2>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="col-xs-6 col-md-3">
|
<div id="photos">
|
||||||
<a href="#" class="thumbnail">
|
<h2 class="ruled">Photos</h2>
|
||||||
<a href="/images/art/1.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/1.JPG" alt="..." class="img-rounded photothumb">
|
<img src="/images/art/1.JPG" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/2.JPG" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/3.JPG" alt="..." class="img-rounded block">
|
||||||
</div>
|
<img src="/images/art/4.JPG" alt="..." class="img-rounded block">
|
||||||
<div class="col-xs-6 col-md-3">
|
<img src="/images/art/5.JPG" alt="..." class="img-rounded block">
|
||||||
<a href="#" class="thumbnail">
|
<img src="/images/art/6.JPG" alt="..." class="img-rounded block">
|
||||||
<a href="/images/art/2.JPG" alt="..." data-lightbox="photos">
|
<img src="/images/art/7.JPG" alt="..." class="img-rounded block">
|
||||||
<img src="/images/art/2.JPG" alt="..." class="img-rounded photothumb">
|
<img src="/images/art/8.JPG" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/9.JPG" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/10.JPG" alt="..." class="img-rounded block">
|
||||||
</div>
|
<img src="/images/art/11.JPG" alt="..." class="img-rounded block">
|
||||||
<div class="col-xs-6 col-md-3">
|
<img src="/images/art/15.JPG" alt="..." class="img-rounded block">
|
||||||
<a href="#" class="thumbnail">
|
<img src="/images/art/16.JPG" alt="..." class="img-rounded block">
|
||||||
<a href="/images/art/3.JPG" alt="..." data-lightbox="photos">
|
<img src="/images/art/16.JPG" alt="..." class="img-rounded block">
|
||||||
<img src="/images/art/3.JPG" alt="..." class="img-rounded photothumb">
|
<img src="/images/art/18.JPG" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/20.JPG" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/21.JPG" alt="..." class="img-rounded block">
|
||||||
</div>
|
<img src="/images/art/22.JPG" alt="..." class="img-rounded block">
|
||||||
<div class="col-xs-6 col-md-3">
|
<img src="/images/art/23.JPG" alt="..." class="img-rounded block">
|
||||||
<a href="#" class="thumbnail">
|
<img src="/images/art/24.jpg" alt="..." class="img-rounded block">
|
||||||
<a href="/images/art/4.JPG" alt="..." data-lightbox="photos">
|
<img src="/images/art/25.jpg" alt="..." class="img-rounded block">
|
||||||
<img src="/images/art/4.JPG" alt="..." class="img-rounded photothumb">
|
<img src="/images/art/27.jpg" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/28.jpg" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/29.jpg" alt="..." class="img-rounded block">
|
||||||
</div>
|
<img src="/images/art/30.jpg" alt="..." class="img-rounded block">
|
||||||
<div class="col-xs-6 col-md-3">
|
<img src="/images/art/31.jpg" alt="..." class="img-rounded block">
|
||||||
<a href="#" class="thumbnail">
|
<img src="/images/art/32.jpg" alt="..." class="img-rounded block">
|
||||||
<a href="/images/art/5.JPG" alt="..." data-lightbox="photos">
|
<img src="/images/art/33.jpg" alt="..." class="img-rounded block">
|
||||||
<img src="/images/art/5.JPG" alt="..." class="img-rounded photothumb">
|
<img src="/images/art/34.jpg" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/35.jpg" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/36.jpg" alt="..." class="img-rounded block">
|
||||||
</div>
|
<img src="/images/art/37.jpg" alt="..." class="img-rounded block">
|
||||||
<div class="col-xs-6 col-md-3">
|
<img src="/images/art/38.jpg" alt="..." class="img-rounded block">
|
||||||
<a href="#" class="thumbnail">
|
<img src="/images/art/39.jpg" alt="..." class="img-rounded block">
|
||||||
<a href="/images/art/6.JPG" alt="..." data-lightbox="photos">
|
<img src="/images/art/40.jpg" alt="..." class="img-rounded block">
|
||||||
<img src="/images/art/6.JPG" alt="..." class="img-rounded photothumb">
|
<img src="/images/art/41.jpg" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/42.jpg" alt="..." class="img-rounded block">
|
||||||
</a>
|
<img src="/images/art/43.jpg" alt="..." class="img-rounded block">
|
||||||
</div>
|
<img src="/images/art/44.jpg" alt="..." class="img-rounded block">
|
||||||
<div class="col-xs-6 col-md-3">
|
<img src="/images/art/45.jpg" alt="..." class="img-rounded block">
|
||||||
<a href="#" class="thumbnail">
|
</div>
|
||||||
<a href="/images/art/7.JPG" alt="..." data-lightbox="photos">
|
<div id="linework">
|
||||||
<img src="/images/art/7.JPG" alt="..." class="img-rounded photothumb">
|
<h2 class="ruled">Linework</h2>
|
||||||
</a>
|
<img src="/images/art/line-single.png" height="500px">
|
||||||
</a>
|
<img src="/images/art/line-double.png" height="500px">
|
||||||
</div>
|
<img src="/images/art/line-hand.png" height="500px">
|
||||||
<div class="col-xs-6 col-md-3">
|
</div>
|
||||||
<a href="#" class="thumbnail">
|
<div id="gradiented">
|
||||||
<a href="/images/art/8.JPG" alt="..." data-lightbox="photos">
|
<h2 class="ruled">Gradiented Images</h2>
|
||||||
<img src="/images/art/8.JPG" alt="..." class="img-rounded photothumb">
|
<img src="/images/art/single.png" height="500px">
|
||||||
</a>
|
<img src="/images/art/double.jpg" height="500px">
|
||||||
</a>
|
<img src="/images/art/hand.jpg" height="500px">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-6 col-md-3">
|
<div id="artist">
|
||||||
<a href="#" class="thumbnail">
|
<h2 class="ruled">Artist Link: Cyriak</h2>
|
||||||
<a href="/images/art/9.JPG" alt="..." data-lightbox="photos">
|
<figure style="float: left">
|
||||||
<img src="/images/art/9.JPG" alt="..." class="img-rounded photothumb">
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Cyriak_in_2010.jpg/220px-Cyriak_in_2010.jpg">
|
||||||
</a>
|
<figcaption>Cyraik in 2010</figcaption>
|
||||||
</a>
|
</figure>
|
||||||
</div>
|
<p class="text-justify">Freelance animator and producer Cyriak Harris is known for his surrealist and often quite disturbing animated shorts. He uses a combination of Adobe Aftereffects and Photoshop to produce these. The vidoes display a distinct surrealist and psychidelic style, often based on fractual geometry and usually with a "distinct British theme". His animations often feature his hometown of Brighton, celebrities and television shows.
|
||||||
<div class="col-xs-6 col-md-3">
|
<br>
|
||||||
<a href="#" class="thumbnail">
|
<br>He has been a regular contributor to b3ta, a digital art community launched in 2001, since 2004. He has had commissions from Coke, Sumo TV and other companies. He has also been director for various music vidoes. His Youtube account features a compilation of his animations, which have been noticed by many in the blogging world.
|
||||||
<a href="/images/art/10.JPG" alt="..." data-lightbox="photos">
|
<br>
|
||||||
<img src="/images/art/10.JPG" alt="..." class="img-rounded photothumb">
|
<br>His work also led to a short interview with BBC South East in November 2006. The BBC commissioned his video "DeadEnders" as a sequel to Cyriak's earlier "BeastEnders". Based on the British soap opera EastEnders it explored the idea of all the characters that have died in EastEnders going on a "brain-eating zombie rampage". Both of these films were featured on the BBC Three comedy series Comedy Shuffle.</p>
|
||||||
</a>
|
<h3>An example of his work:</h3>
|
||||||
</a>
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/WQO-aOdJLiw" frameborder="0" allowfullscreen></iframe>
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/11.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/11.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/12.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/12.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/13.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/13.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/14.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/14.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/15.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/15.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/16.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/16.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/16.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/16.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/17.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/17.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/18.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/18.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/19.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/19.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/20.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/20.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/21.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/21.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/22.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/22.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/23.JPG" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/23.JPG" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/24.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/24.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/25.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/25.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/26.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/26.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/27.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/27.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/28.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/28.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/29.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/29.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/30.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/30.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/31.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/31.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/32.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/32.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/33.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/33.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/34.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/34.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/35.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/35.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/36.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/36.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/37.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/37.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/38.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/38.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/39.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/39.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/40.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/40.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/41.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/41.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/42.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/42.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/43.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/43.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/44.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/44.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-6 col-md-3">
|
|
||||||
<a href="#" class="thumbnail">
|
|
||||||
<a href="/images/art/45.jpg" alt="..." data-lightbox="photos">
|
|
||||||
<img src="/images/art/45.jpg" alt="..." class="img-rounded photothumb">
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<h2 class="ruled">Linework</h2>
|
|
||||||
<img src="/images/art/line-single.png" height="500px">
|
|
||||||
<img src="/images/art/line-double.png" height="500px">
|
|
||||||
<img src="/images/art/line-hand.png" height="500px">
|
|
||||||
<h2 class="ruled">Gradiented Images</h2>
|
|
||||||
<img src="/images/art/single.png" height="500px">
|
|
||||||
<img src="/images/art/double.jpg" height="500px">
|
|
||||||
<img src="/images/art/hand.jpg" height="500px">
|
|
||||||
<h2 class="ruled">Artist Link: Cyriak</h2>
|
|
||||||
<p></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||||
|
|||||||
BIN
images/art/1.jpg
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 5.4 MiB |
|
Before Width: | Height: | Size: 5.3 MiB |
|
Before Width: | Height: | Size: 5.3 MiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 5.2 MiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 5.3 MiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 5.2 MiB |
BIN
images/art/2.jpg
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 5.1 MiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 5.0 MiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 5.5 MiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 5.3 MiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 31 KiB |
BIN
images/art/3.jpg
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 5.5 MiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 5.5 MiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 5.1 MiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 5.2 MiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 31 KiB |
BIN
images/art/4.jpg
|
Before Width: | Height: | Size: 5.2 MiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 26 KiB |
BIN
images/art/5.jpg
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 32 KiB |
BIN
images/art/6.jpg
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 30 KiB |
BIN
images/art/7.jpg
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 30 KiB |
BIN
images/art/8.jpg
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 34 KiB |
BIN
images/art/9.jpg
|
Before Width: | Height: | Size: 5.3 MiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 51 KiB |