Dashboard
PHP:
8.0.30
OS:
Linux
User:
hoozgot
/
/
home
/
hoozgot
/
www
/
rogermoss
/
previews
/
SG2014_Beaches
📤 Upload
📝 New File
📁 New Folder
Close
Editing: index.html
<!DOCTYPE html> <!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" xml:lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"><![endif]--> <!--[if IE 7]><html class="lt-ie9 lt-ie8" xml:lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"><![endif]--> <!--[if IE 8]><html class="lt-ie9" xml:lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"><![endif]--> <!--[if gt IE 8]><!--><html class="gt-ie8" xml:lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"><!--<![endif]--> <head> <meta charset="utf-8" /> <!--[if IE]><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><![endif]--> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="Keywords" content="photography,software,photos,digital darkroom,gallery,image,photographer,adobe,photoshop,lightroom" > <meta name="generator" content="TTG 2014 HTML Gallery 1.0.3, 19 published images" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="HandheldFriendly" content="True" /> <meta name="MobileOptimized" content="320" /> <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" /> <title>Roger Moss Photography & Features</title> <link rel="apple-touch-icon-precomposed" href="./lib/images/apple-touch-icon.png" /> <link rel="icon" type="image/x-icon" href="./lib/images/favicon.ico" /> <!-- CSS --> <link rel="stylesheet" media="all" href="./lib/css/style.css" /> <link rel="stylesheet" media="all" href="./lib/css/appearance.css" /> <link rel="stylesheet" media="print" href="./lib/css/print.css" /> <!-- Scripts --> <script src="./lib/js/jquery-1.10.2.min.js"></script> </head> <body class="page-grid clearfix"> <div id="body-mantle" class="body-mantle clearfix"> <div id="body-core" class="body-core clearfix"> <div id="page-body" class="page-body concrete-shoes clearfix"> <div class="mantle"> <div class="core"> <div class="page-info clearfix"> <h1 class="identity heading" onclick="clickTarget( this, 'lr.site.title' );" > Roger Moss Photography & Features</h1> <hr id="sectionborder" class="hr" /> <h2 class="collection-title heading" onclick="clickTarget( this, 'lr.collection.title' );" >BEACHES</h2> <p onclick="clickTarget( this, 'lr.collection.description' );" >Click on an image to display a larger version.</p> </div><!-- page-info --> <div class="pagination page-1 pagination-top clearfix"> <ul class="contact clearfix"> <li class="contactlink"><a href="./index.html">Home</a></li> <li class="contactlink"><a href="mailto:roger.moss@rogermoss.com">Contact Info</a></li> </ul> </div><!-- pagination --> <div id="grid" class="grid clearfix"> <div class="mantle"> <div class="core"> <div class="gridcell clearfix" id="cell-Ile_Oleron-22347"> <div class="griditem portrait clearfix" style="background-image: url(./thumbnails/Ile_Oleron-22347.jpg);"> <div class="cellnumber">1</div> <div class="gridicon clearfix" style="top: 8px; left: 35px; width: 108px; height: 162px; "> <a href="./single-image/Ile_Oleron-22347-photo.html#anchor"><img src="./thumbnails/Ile_Oleron-22347.jpg" id="2289997" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Ile_Oleron-22346"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Ile_Oleron-22346.jpg);"> <div class="cellnumber">2</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Ile_Oleron-22346-photo.html#anchor"><img src="./thumbnails/Ile_Oleron-22346.jpg" id="2289981" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Ile_Oleron-22348"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Ile_Oleron-22348.jpg);"> <div class="cellnumber">3</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Ile_Oleron-22348-photo.html#anchor"><img src="./thumbnails/Ile_Oleron-22348.jpg" id="2290013" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Vendee_Coast-26651"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Vendee_Coast-26651.jpg);"> <div class="cellnumber">4</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Vendee_Coast-26651-photo.html#anchor"><img src="./thumbnails/Vendee_Coast-26651.jpg" id="4297226" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Ile_d_Aix-25241"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Ile_d_Aix-25241.jpg);"> <div class="cellnumber">5</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Ile_d_Aix-25241-photo.html#anchor"><img src="./thumbnails/Ile_d_Aix-25241.jpg" id="4127254" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-24581"> <div class="griditem portrait clearfix" style="background-image: url(./thumbnails/Royan-24581.jpg);"> <div class="cellnumber">6</div> <div class="gridicon clearfix" style="top: 8px; left: 35px; width: 108px; height: 162px; "> <a href="./single-image/Royan-24581-photo.html#anchor"><img src="./thumbnails/Royan-24581.jpg" id="3735697" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Ile_d_Aix-25239"> <div class="griditem portrait clearfix" style="background-image: url(./thumbnails/Ile_d_Aix-25239.jpg);"> <div class="cellnumber">7</div> <div class="gridicon clearfix" style="top: 8px; left: 35px; width: 108px; height: 162px; "> <a href="./single-image/Ile_d_Aix-25239-photo.html#anchor"><img src="./thumbnails/Ile_d_Aix-25239.jpg" id="4127212" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25653"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Royan-25653.jpg);"> <div class="cellnumber">8</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Royan-25653-photo.html#anchor"><img src="./thumbnails/Royan-25653.jpg" id="4199114" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25656"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Royan-25656.jpg);"> <div class="cellnumber">9</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Royan-25656-photo.html#anchor"><img src="./thumbnails/Royan-25656.jpg" id="4199169" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25756"> <div class="griditem portrait clearfix" style="background-image: url(./thumbnails/Royan-25756.jpg);"> <div class="cellnumber">10</div> <div class="gridicon clearfix" style="top: 8px; left: 35px; width: 108px; height: 162px; "> <a href="./single-image/Royan-25756-photo.html#anchor"><img src="./thumbnails/Royan-25756.jpg" id="4201206" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25665"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Royan-25665.jpg);"> <div class="cellnumber">11</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Royan-25665-photo.html#anchor"><img src="./thumbnails/Royan-25665.jpg" id="4199328" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25700"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Royan-25700.jpg);"> <div class="cellnumber">12</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Royan-25700-photo.html#anchor"><img src="./thumbnails/Royan-25700.jpg" id="4200138" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25742"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Royan-25742.jpg);"> <div class="cellnumber">13</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Royan-25742-photo.html#anchor"><img src="./thumbnails/Royan-25742.jpg" id="4200920" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25744"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Royan-25744.jpg);"> <div class="cellnumber">14</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Royan-25744-photo.html#anchor"><img src="./thumbnails/Royan-25744.jpg" id="4200978" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25745"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Royan-25745.jpg);"> <div class="cellnumber">15</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Royan-25745-photo.html#anchor"><img src="./thumbnails/Royan-25745.jpg" id="4200995" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25763"> <div class="griditem portrait clearfix" style="background-image: url(./thumbnails/Royan-25763.jpg);"> <div class="cellnumber">16</div> <div class="gridicon clearfix" style="top: 8px; left: 35px; width: 108px; height: 162px; "> <a href="./single-image/Royan-25763-photo.html#anchor"><img src="./thumbnails/Royan-25763.jpg" id="4201325" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-25760"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Royan-25760.jpg);"> <div class="cellnumber">17</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Royan-25760-photo.html#anchor"><img src="./thumbnails/Royan-25760.jpg" id="4201274" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Ile_d_Aix-25224"> <div class="griditem landscape clearfix" style="background-image: url(./thumbnails/Ile_d_Aix-25224.jpg);"> <div class="cellnumber">18</div> <div class="gridicon clearfix" style="top: 35px; left: 8px; width: 162px; height: 108px; "> <a href="./single-image/Ile_d_Aix-25224-photo.html#anchor"><img src="./thumbnails/Ile_d_Aix-25224.jpg" id="4126637" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell clearfix" id="cell-Royan-24570"> <div class="griditem portrait clearfix" style="background-image: url(./thumbnails/Royan-24570.jpg);"> <div class="cellnumber">19</div> <div class="gridicon clearfix" style="top: 8px; left: 35px; width: 108px; height: 162px; "> <a href="./single-image/Royan-24570-photo.html#anchor"><img src="./thumbnails/Royan-24570.jpg" id="3735469" /></a> </div><!-- .gridicon --> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell cell-empty clearfix"> <div class="griditem"> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell cell-empty clearfix"> <div class="griditem"> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell cell-empty clearfix"> <div class="griditem"> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell cell-empty clearfix"> <div class="griditem"> </div><!-- .griditem --> </div><!-- .gridcell --> <div class="gridcell cell-empty clearfix"> <div class="griditem"> </div><!-- .griditem --> </div><!-- .gridcell --> </div> </div> </div> <!-- #grid --> <div class="pagination page-1 pagination-bottom clearfix"> <ul class="contact clearfix"> <li class="contactlink"><a href="./index.html">Home</a></li> <li class="contactlink"><a href="mailto:roger.moss@rogermoss.com">Contact Info</a></li> </ul> </div><!-- pagination --> </div> </div> </div> <!-- #page-body --> </div> <!-- #body-core --> </div> <!-- #body-mantle --> <!-- Scripts *************************************** --> <script> $(document).ready(function(){ function setGridWidth() { $('.grid').removeAttr('style'); var galleryColCount = Math.floor( ( $('.grid').innerWidth() / 180 ) ); var galleryWidth = Math.floor( 180 * galleryColCount ); $('.grid').css('width', galleryWidth + 'px'); } setGridWidth(); $(function() { setGridWidth(); $(window).resize(function() { setGridWidth(); }); }); }); </script> <!-- /Scripts **************************************** --> </body> </html>
Save
Cancel