arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Add the new photos of my watch

Browse Source 
The detail is crazy!
This commit is contained in:
Arona Jones
2015-01-15 10:09:39 +00:00
parent 920314157d
commit e8d6f0c265
15 changed files with 144 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
art/record.html
View File

@@ -78,171 +78,262 @@
<h2 style="background-color: #F8ECC2;">Photography</h2>
<div class="row">
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/1.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/1.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/1.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/2.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/2.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/2.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/3.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/3.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/3.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/4.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/4.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/4.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/5.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/5.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/5.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/6.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/6.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/6.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/7.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/7.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/7.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/8.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/8.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/8.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/9.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/9.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/9.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/10.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/10.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/10.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/11.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/11.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/11.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/12.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/12.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/12.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/13.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/13.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/13.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/14.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/14.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/14.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/15.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/15.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/15.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/16.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/16.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/16.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/16.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/16.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/16.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/17.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/17.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/17.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/18.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/18.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/18.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/19.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/19.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/19.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/20.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/20.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/20.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/21.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/21.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/21.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/22.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/22.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/22.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/23.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/23.JPG" alt="..." class="img-rounded" width="150px">
<img src="/images/art/photos/23.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi1.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi1.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi2.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi2.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi3.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi3.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi4.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi4.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi5.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi5.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi6.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi6.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi7.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi7.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi8.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi8.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi9.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi9.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi10.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi10.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi11.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi11.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi12.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi12.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/photos/hi13.JPG" alt="..." data-lightbox="photos">
<img src="/images/art/photos/hi13.JPG" alt="..." class="img-rounded photothumb">
</a>
</a>
</div>
@@ -261,7 +352,7 @@
</a>
<h2 style="background-color: #F8ECC2;">Gradiented Images</h2>
<div class="row">
<div class="col-xs-6 col-md-3">
<div class="col-xs-6 col-md-2">
<a href="#" class="thumbnail">
<a href="/images/art/ai/clock1grad.jpg" alt="..." data-lightbox="gradiented">
<img src="/images/art/ai/clock1grad.jpg" alt="..." width="300px" class="img-rounded">

4
css/custom.css
View File

@@ -38,4 +38,8 @@
}
.bordered {
border: 2px solid #000;
}
.photothumb {
width: 180px;
height: 140px;
}

BIN
images/art/photos/hi1.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 MiB

BIN
images/art/photos/hi10.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 MiB

BIN
images/art/photos/hi11.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 MiB

BIN
images/art/photos/hi12.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 MiB

BIN
images/art/photos/hi13.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 MiB

BIN
images/art/photos/hi2.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
images/art/photos/hi3.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 MiB

BIN
images/art/photos/hi4.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 MiB

BIN
images/art/photos/hi5.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 MiB

BIN
images/art/photos/hi6.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 MiB

BIN
images/art/photos/hi7.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
images/art/photos/hi8.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 MiB

BIN
images/art/photos/hi9.jpg Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 MiB