<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<title>Rob Atherton - Home Page</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Learn more about Rob Atherton - Expert in photography.">
<meta name="keywords" content="Rob Atherton, Photography, Ipswich, Suffolk">
<meta name="theme-color" content="#0D1F23">
<meta name="msapplication-navbutton-color" content="#0D1F23">
<meta name="apple-mobile-web-app-status-bar-style" content="#0D1F23">
<link rel="apple-touch-icon" href="icon.png">
<link rel="shortcut icon" href="favicon.png">
<link rel="stylesheet" href="media/css/plugins.css">
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link rel="stylesheet" href="media/css/style.css">
</head>
<body>

<div class='siteContainer'>

<div class='deetBar'>
    <div class='row tac align-middle'>
        <div class="small-12 medium-12 large-12 columns">
            <a href='https://www.instagram.com/robatherton/' target="_blank"><i class="fab fa-instagram"></i></a>
            <a href='https://twitter.com/robatherton' target="_blank"><i class="fab fa-twitter"></i></a>
        </div>
    </div>
</div>
<div class='mainBar'>
    <div class='row align-middle'>
        <div class="logo small-6 medium-2 large-2 columns">
            <a href='index.html'><img src='media/images/logo.png' alt=''></a>
        </div>
        <div class="tar small-6 medium-10 large-10 columns">
			<div class="navToggle">
				<a href="#"><span>Menu</span><i class="fas fa-bars"></i></a>
			</div>
            <nav>
                <ul>
                    <li><a href='index.html'>About</a></li>
                    <li><a href='books.html'>Books</a></li>
                    <li><a href='underwaterphotography.html'>Underwater Photography</a></li>
                    <li><a href='landscapephotography.html'>Landscape Photography</a></li>
                    <li><a href='gallery.html'>Gallery</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div>

<!-- <header>
    <div class='row tac'>
        <div class="seoTitle large-12 columns">
            <p>Sub title here.</p>
            <h1>Main title here.</h1>
        </div>
    </div>
    <div class='row tac'>
        <div class="headerCurtain large-12 columns"></div>
    </div>
    <div class='row tac'>
        <div class="learnMore large-12 columns">
            <a class="scrollDown"><i class="fas fa-arrow-down"></i></a>
        </div>
    </div>
</header> -->

<section class='aboutUs'>
    <div class='row align-middle'>
        <div class="aboutImg small-12 medium-6 large-6 columns">
            <img src='media/images/about.jpg' alt=''>
            <a href='https://www.instagram.com/itsthuytime/' target="_blank"><b>Image by: itsthuytime</b></a>
        </div>
        <div class="aboutText small-12 medium-6 large-6 columns">
            <p><span>About Me</span></p>
            <h2>Photos capture a moment in time that is gone forever but at the same time preserved for all time.</h2>
            <p>My dad was an avid photographer and I often look back at his old photos wondering how different the world was decades ago. The variety of his photos was incredible including the battlefields of Burma, a road trip to Timbuktu and the old air ferry that operated from Lydd in Kent to northern France.</p>
            <p>I’ve followed in my dad’s footsteps travelling with my camera and capturing the world around me. Advances in technology mean I have far more options available to me not sure with a regular camera but also underwater and in the air, using a drone.</p>
            <p>Modern photography is far easier than it was when my dad took photos. I don’t need dark rooms to develop photos from expensive films. I can click away storing thousands of images on a memory card.</p>
            <p>Naturally, I discard a lot of photos but the net result is a portfolio of thousands of images.</p>
            <p><b>I hope you enjoy them.</b></p>
        </div>
    </div>
</section>

<div class='accreds'>
    <div class='row'>
        <div class="large-12 columns">
            <h2>Who has used my images...</h2>
        </div>
    </div>
    <div class='small-up-2 row medium-up-5 large-up-5'>
        <div class='columns'><a href='http://www.arrangementsabroad.com/' target="_blank"><img src='media/images/who1.jpg' alt=''></a></div>
        <div class='columns'><img class="makeFancy" src='media/images/who2.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who3.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who4.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who5.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who6.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who7.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who9.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who10.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who11.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who12.jpg' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/AshbyNews.JPG' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/AviationWeek.JPG' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/HistoryNet.JPG' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/Innovation.JPG' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/USNews.JPG' alt=''></div>
        <div class='columns'><img class="makeFancy" src='media/images/who8.jpg' alt=''></div>
    </div>
</div>

<!-- <section class='homeGallery'>
        <div class='row masonry small-up-1 medium-up-3 large-up-3'>
            <div class='columns'><img class="makeFancy" src='media/images/home1.jpg' alt=''></div>
            <div class='columns'><img class="makeFancy" src='media/images/home2.jpg' alt=''></div>
            <div class='columns'><img class="makeFancy" src='media/images/home3.jpg' alt=''></div>
            <div class='columns'><img class="makeFancy" src='media/images/home6.jpg' alt=''></div>
            <div class='columns'><img class="makeFancy" src='media/images/home5.jpg' alt=''></div>
            <div class='columns'><img class="makeFancy" src='media/images/home4.jpg' alt=''></div>
        </div>
</section> -->

<footer>
    <div class='row'>
        <div class="tac copyright large-12 columns">
            <a href='https://www.newworlddigitalmedia.co.uk/' target="_blank">New World Digital Media - All Rights Reserved</a>/
        </div>
    </div>
</footer>

</div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="media/js/plugins.js"></script>
<script src="media/js/scripts.js"></script>
<script src="//newworlddigitalmedia.co.uk/dialler/dialler.js"></script>
</body>
</html>