<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W7G5LPKQ');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Photography Quotes | PhotoQuotes.com</title><meta name="description" content="Best Photography Quotes. Read and learn about photographers and quotations related to photography at PhotoQuotes.com!"><link rel="canonical" href="https://photoquotes.com"/><meta property="og:description" content="Best Photography Quotes. Read and learn about photographers and quotations related to photography at PhotoQuotes.com!" /><meta property="og:title" content="Photography Quotes | PhotoQuotes.com" /><meta property="og:type" content="website" /><meta property="og:url" content="https://photoquotes.com" /><meta property="og:image" content="https://photoquotes.com/images/favicon2@2x.png" /><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Photo quotes","description":"Photo quotes"}</script>
<!-- Fonts -->
<!-- Styles -->
<link href="https://photoquotes.com/css/main.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://photoquotes.com/libs/css/animate.css" type="text/css" >
<noscript>
<link href="https://photoquotes.com/libs/css/animate.css" rel="stylesheet">
</noscript>
<link rel="stylesheet" href="https://photoquotes.com/libs/css/grid.css" type="text/css">
<noscript>
<link href="https://photoquotes.com/libs/css/grid.css" rel="stylesheet">
</noscript>
<link href="https://photoquotes.com/libs/css/selectize.css" rel="stylesheet">
<link href="https://photoquotes.com/libs/css/slick.css" rel="stylesheet">
<link href="https://photoquotes.com/css/editor.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<noscript>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</noscript>
<link rel="icon" href="https://photoquotes.com/favicon.ico" sizes="16x16" type="image/x-icon"/>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1980736722229148"
crossorigin="anonymous"></script>
<style>
html {
scroll-behavior: smooth;
}
#topScrollBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 20px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: #1b6dd9; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 10px; /* Rounded corners */
font-size: 18px; /* Increase font size */
}
#topScrollBtn:hover {
background-color: #555; /* Add a dark-grey background on hover */
}
.author-block-start {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}
</style>
<style>
.hero-slider {
top: 0;
left: 0;
width: 100%;
display: flex;
}
.hero-slider .next-arrow {
position: absolute;
top: 50%;
left: auto;
right: -40px!important;
transform: translate(0, -50%);
width: 80px;
height: 80px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
cursor: pointer;
transition: all 0.3s ease;
}
</style>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<body class="antialiased">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W7G5LPKQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="container-fluid">
<div class="headerFixed">
<div class="container">
<div class="top-header">
<div class="top-header__left">
<a href="https://photoquotes.com">
<img src="https://photoquotes.com/assets/logo.png" alt="Photo Quotes" title="Photo Quotes" data-nsfw-filter-status="sfw" style="visibility: visible;">
</a>
</div>
<nav class="nav-links">
<ul>
<li><a href="https://photoquotes.com/authors">Authors</a></li>
<li><a href="https://photoquotes.com/topics">Topics</a></li>
<li><a href="https://photoquotes.com/quote-of-the-day">Quote of the Day</a></li>
<li><a href="https://photoquotes.com/blogs">Blog</a></li>
<li>
</li>
<div class="active-nav" style="opacity: 1; transform: translate(417.453px, 100%);"></div>
</ul>
</nav>
<div class="top-header__right">
<a href=""><span class="icon-user"></span></a>
<div class="btn__open-menu">
<span class="line line1"></span>
<span class="line line2"></span>
</div>
</div>
</div>
</div>
</div>
<div class="headerFixedBottom">
<div class="container">
<div class="bottom-header row">
<form action="https://photoquotes.com/search" class="bottom-header__content" novalidate="novalidate" style="padding-right: 20px;">
<input type="text" class="gray-form__elem" name="search_text" placeholder="What are you searching for?" required="">
<button type="submit" class="icon-search"></button>
</form>
</div>
</div>
</div>
</header>
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
<section class="hero-bg hero-bg__white">
<section class="hero-section row container ptb110 justify-content-between">
<div class="hero-section__left col-xl-3 col-lg-4 wow fadeInRight">
<div class="hero-section__left_top">
<h2 class="big-lettering">Best</h2>
<h1 class="mt30">Photo Quotes</h1>
</div>
<div class="hero-section__left_bottom scroll-down">
<img src="https://photoquotes.com/assets/icons/mouse.svg" alt="mouse">
<p class="ml20">Scroll down</p>
</div>
</div>
<div class="col-xl-8 col-lg-7 wow fadeInRight" data-wow-delay=".2s">
<div class="hero-slider">
<div class="card big-card image-card purple-gradient">
<img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
<div class="card__content">
<div class="card__top">
</div>
<div class="card__text">
<a href="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-">
<p>The things you don’t show can say more than the things that are made visible.</p>
</a>
</div>
<div class="card__bottom">
<a class="card__author" href="https://photoquotes.com/author/erwin-olaf">
Erwin Olaf
</a>
<div class="card__icons">
<button data-link="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-17635">43</span>
<button data-id="17635" style="display: contents" data-type="quote" class="social-like-btn">
<span class="like like-white"></span>
</button>
</div>
</div>
<div class="quote__meta text-white">
</div>
</div>
</div>
<div class="card big-card image-card blue-gradient">
<img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
<div class="card__content">
<div class="card__top">
<a href="https://photoquotes.com/topic/music"
class="tag tag__white">#music</a>
<a href="https://photoquotes.com/topic/picture"
class="tag tag__white">#picture</a>
</div>
<div class="card__text">
<a href="https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-">
<p>Most people if I like their music, I can get good pictures.</p>
</a>
</div>
<div class="card__bottom">
<a class="card__author" href="https://photoquotes.com/author/linda-mccartney">
Linda McCartney
</a>
<div class="card__icons">
<button data-link="https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-1555">2</span>
<button data-id="1555" style="display: contents" data-type="quote" class="social-like-btn">
<span class="like like-white"></span>
</button>
</div>
</div>
<div class="quote__meta text-white">
</div>
</div>
</div>
<div class="card big-card image-card pink-gradient">
<img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
<div class="card__content">
<div class="card__top">
</div>
<div class="card__text">
<a href="https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under">
<p>Photography is the only language that can be understood anywhere in the world.</p>
</a>
</div>
<div class="card__bottom">
<a class="card__author" href="https://photoquotes.com/author/bruno-barbey">
Bruno Barbey
</a>
<div class="card__icons">
<button data-link="https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-17700">80</span>
<button data-id="17700" style="display: contents" data-type="quote" class="social-like-btn">
<span class="like like-white"></span>
</button>
</div>
</div>
<div class="quote__meta text-white">
</div>
</div>
</div>
<div class="card big-card image-card purple-gradient">
<img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
<div class="card__content">
<div class="card__top">
</div>
<div class="card__text">
<a href="https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-">
<p>There's nothing more extraordinary than reality.</p>
</a>
</div>
<div class="card__bottom">
<a class="card__author" href="https://photoquotes.com/author/mary-ellen-mark">
Mary Ellen Mark
</a>
<div class="card__icons">
<button data-link="https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-17839">150</span>
<button data-id="17839" style="display: contents" data-type="quote" class="social-like-btn">
<span class="like like-white"></span>
</button>
</div>
</div>
<div class="quote__meta text-white">
</div>
</div>
</div>
<div class="card big-card image-card blue-gradient">
<img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
<div class="card__content">
<div class="card__top">
<a href="https://photoquotes.com/topic/eye"
class="tag tag__white">#eye</a>
<a href="https://photoquotes.com/topic/capture"
class="tag tag__white">#capture</a>
</div>
<div class="card__text">
<a href="https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-">
<p>I wish to capture the present with the eye of the past.</p>
</a>
</div>
<div class="card__bottom">
<a class="card__author" href="https://photoquotes.com/author/patrick-summerfield">
Patrick Summerfield
</a>
<div class="card__icons">
<button data-link="https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-9801">2</span>
<button data-id="9801" style="display: contents" data-type="quote" class="social-like-btn">
<span class="like like-white"></span>
</button>
</div>
</div>
<div class="quote__meta text-white">
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<main>
<div class="popular-block"></div>
<section class="container-fluid gray-gradient pb70 container-latest">
<div class="row container ptb110 justify-content-md-between">
<div class="col-12 col-lg-6 wow zoomIn" data-wow-delay=".2s"
style="visibility: visible; animation-delay: 0.2s; animation-name: zoomIn;" id="latest_quote_left">
<h2 class="w50-md">Latest Photography Quotes</h2>
<div class="quote">
<div class="quote__center">
<a href="https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u">
<p>We do not see Nature with our eyes, but with our understandings and our heart.</p>
</a>
</div>
<div class="quote__author">
<a href="https://photoquotes.com/author/william-hazlitt-">
William Hazlitt
</a>
</div>
<div class="quote__meta">
<p class="gray-font"></p>
</div>
<div class="quote__bottom">
<div class="quote__tags">
<a href="https://photoquotes.com/topic/nature"
class="tag tag__blue">#nature</a>
<a href="https://photoquotes.com/topic/eye"
class="tag tag__blue">#eye</a>
</div>
<div class="icons">
<span class="counter">0</span>
<a style="margin-right: 20px"
href="https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u">
<span class="icon-comment"></span>
</a>
<button data-link="https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-2546">1</span>
<button data-id="2546" style="display: contents" data-type="quote"
class="social-like-btn">
<span class="like like-gray"></span>
</button>
</div>
</div>
</div>
<div class="quote">
<div class="quote__center">
<a href="https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo">
<p>Being an artist, I had an artist's instincts....You can see the picture before it's taken; then it's up to you to get the camera to see.</p>
</a>
</div>
<div class="quote__author">
<a href="https://photoquotes.com/author/james-van-der--zee">
James Van Der Zee
</a>
</div>
<div class="quote__meta">
<p class="gray-font"></p>
</div>
<div class="quote__bottom">
<div class="quote__tags">
</div>
<div class="icons">
<span class="counter">1</span>
<a style="margin-right: 20px"
href="https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo">
<span class="icon-comment"></span>
</a>
<button data-link="https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-11129">314</span>
<button data-id="11129" style="display: contents" data-type="quote"
class="social-like-btn">
<span class="like like-gray"></span>
</button>
</div>
</div>
</div>
<div class="quote">
<div class="quote__center">
<a href="https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca">
<p>It is an illusion that photos are made with the camera… they are made with the eye, heart and head.</p>
</a>
</div>
<div class="quote__author">
<a href="https://photoquotes.com/author/henri-cartier-bresson">
Henri Cartier-Bresson
</a>
</div>
<div class="quote__meta">
<p class="gray-font"></p>
</div>
<div class="quote__bottom">
<div class="quote__tags">
</div>
<div class="icons">
<span class="counter">0</span>
<a style="margin-right: 20px"
href="https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca">
<span class="icon-comment"></span>
</a>
<button data-link="https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-11974">1</span>
<button data-id="11974" style="display: contents" data-type="quote"
class="social-like-btn">
<span class="like like-gray"></span>
</button>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 wow zoomIn" data-wow-delay=".2s" id="latest_quote_right"
style="visibility: visible; animation-delay: 0.2s; animation-name: zoomIn;">
<div class="quote">
<div class="quote__center">
<a href="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-">
<p>The things you don’t show can say more than the things that are made visible.</p>
</a>
</div>
<div class="quote__author">
<a href="https://photoquotes.com/author/erwin-olaf">
Erwin Olaf
</a>
</div>
<div class="quote__meta">
<p class="gray-font">From an interview with Erwin at: https://talking-pictures.net.au/2020/12/12/erwin-olaf-a-hesitant-beauty/</p>
</div>
<div class="quote__bottom">
<div class="quote__tags">
</div>
<div class="icons">
<span class="counter">0</span>
<a style="margin-right: 20px" href="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-">
<span class="icon-comment"></span>
</a>
<button data-link="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-17635">43</span>
<button data-id="17635" style="display: contents" data-type="quote" class="social-like-btn">
<span class="like like-gray"></span>
</button>
</div>
</div>
</div>
<div class="quote">
<div class="quote__center">
<a href="https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph">
<p>Most photographers, when they say they’re war photographers, they’re not really war photographers; they’re battle photographers. War does not limit itself to boom-boom, to the battle itself. Wars are very, very complex phenomenons, because they have a source, and it takes a while to come up, then it happens, and there are consequences. I’m more interested in the why and the afterwards of the wars.</p>
</a>
</div>
<div class="quote__author">
<a href="https://photoquotes.com/author/abbas-attar">
Abbas Attar
</a>
</div>
<div class="quote__meta">
<p class="gray-font"></p>
</div>
<div class="quote__bottom">
<div class="quote__tags">
</div>
<div class="icons">
<span class="counter">0</span>
<a style="margin-right: 20px" href="https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph">
<span class="icon-comment"></span>
</a>
<button data-link="https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph" class="social-share-btn"
data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph"
data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&url=https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph"
data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph&title=PhotoQuote&summary="
style="margin-right: 20px">
<span class="icon-share"></span>
</button>
<span class="counter like-count-quote-13766">1</span>
<button data-id="13766" style="display: contents" data-type="quote" class="social-like-btn">
<span class="like like-gray"></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="row container justify-content-center" id="latest-quote-block" style="display: none">
<a href="javascript: loadMoreLatestQuote()" class="wide-text btn btn__blue-gradient">Load more</a>
</div>
</section>
<section class="container-fluid gray-gradient pb160 pt60 rel">
<div id="bottom_banner">
</div>
<div class="container container-blog container-blog__nogutters rel">
<div class="row justify-content-between align-items-center blog__top">
<div class="col-md-10 col-12">
<h2>Blog about photography</h2>
</div>
<div class="col-2">
<a class="dark-gray-font wide-text title-more" href="https://photoquotes.com/blogs">More Blogs</a>
</div>
</div>
<div class="row mt80">
<div class="col-4">
<div class="article slider-item-blog wow fadeInUp">
<div class="article-cover">
<img src="https://photoquotes-prod.s3.us-east-2.amazonaws.com/storage/articles/photography-books.jpg" style="height: 220px; object-fit: cover" alt="33 Great Photography Books - 2021 updated">
<div class="cover__hover">
<a href="/blog/33-great-photography-books-2021-updated" class="cover__hover-img">
<img src="https://photoquotes.com/assets/icons/arrow.svg" alt="Go">
</a>
</div>
</div>
<div class="article-top">
<a class="article-top__title title" href="/blog/33-great-photography-books-2021-updated">
33 Great Photography Books - 2021 updated
</a>
</div>
<div class="article-content">
<p class="article-content__text text18">
</p>
</div>
</div>
</div>
<div class="col-4">
<div class="article slider-item-blog wow fadeInUp">
<div class="article-cover">
<img src="https://photoquotes-prod.s3.us-east-2.amazonaws.com/storage/articles/Chris%20Harrison-1340108.jpg/Chris%20Harrison-1340108.jpg" style="height: 220px; object-fit: cover" alt="Sideshow – street photography book by Chris Harrison">
<div class="cover__hover">
<a href="/blog/sideshow-street-photography-book-by-chris-harrison" class="cover__hover-img">
<img src="https://photoquotes.com/assets/icons/arrow.svg" alt="Go">
</a>
</div>
</div>
<div class="article-top">
<a class="article-top__title title" href="/blog/sideshow-street-photography-book-by-chris-harrison">
Sideshow – street photography book by Chris Harrison
</a>
</div>
<div class="article-content">
<p class="article-content__text text18">
Sideshow is a street photography project that looks at Brighton, but maybe not in the way you’d expect to see it.
</p>
</div>
</div>
</div>
<div class="col-4">
<div class="article slider-item-blog wow fadeInUp">
<div class="article-cover">
<img src="https://photoquotes-prod.s3.us-east-2.amazonaws.com/storage/articles/Bill-Stettner-124-6-D.jpg" style="height: 220px; object-fit: cover" alt="The Story of Bill Stettner">
<div class="cover__hover">
<a href="/blog/the-story-of-bill-stettner" class="cover__hover-img">
<img src="https://photoquotes.com/assets/icons/arrow.svg" alt="Go">
</a>
</div>
</div>
<div class="article-top">
<a class="article-top__title title" href="/blog/the-story-of-bill-stettner">
The Story of Bill Stettner
</a>
</div>
<div class="article-content">
<p class="article-content__text text18">
THE PASSING OF THE REVISIONS TO THE COPYRIGHT ACT IN THE USA, HAD DISASTROUS CONSEQUENCES FOR BILL STETTNER AND HIS CO-CAMPAIGNERS.
</p>
</div>
</div>
</div>
</div>
<div class="row container-more container-more__hide">
<a href="https://photoquotes.com/blogs" class="wide-text btn btn__blue-gradient">More blogs</a>
</div>
</div>
</section>
</main>
<div id="share-modal" class="p-4">
<div class="header d-flex justify-content-between">
<h4 class="text-gray" style="font-size: 24px">
Share
</h4>
<span class="fa fa-times text-gray" style="font-size: 20px" id="close-share-btn"></span>
</div>
<div class="content">
<ul>
<li>
<a id="facebook-url" class="text-gray">
<span class="fa fa-facebook text-white font-weight-bold pl-3 p-2" style="background: #354E8D"></span> Facebook
</a>
</li>
<li>
<a id="twitter-url" class="text-gray">
<span class="fa fa-twitter text-white font-weight-bold p-2" style="background: #2899CA"></span> Twitter
</a>
</li>
<li>
<a id="linkedin-url" class="text-gray">
<span class="fa fa-linkedin p-2 text-white font-weight-bold" style="background: #026EA3"></span> LinkedIn
</a>
</li>
</ul>
</div>
<div class="bottom mt-2">
<label class="text-gray pb-2" id="copy-link">Click to copy link <span style="color: deepskyblue" class="hidden" id="copy-res">Copied</span></label>
<input class="form-control mt-3" style="width: 100%;border: none; border-bottom: .5px solid gray" id="share-link-input">
</div>
</div>
<footer class="footer container-fluid" id="first-section">
<div class="container">
<div class="row">
<div class="col-lg-3 col-4 footer-bg">
<ul class="list-links__white">
<li><a href="https://photoquotes.com/authors">Authors</a></li>
<li><a href="https://photoquotes.com/topics">Topics</a></li>
<li><a href="https://photoquotes.com/quote-of-the-day">Quote of the Day</a></li>
<li><a href="https://photoquotes.com/blogs">Blog</a></li>
</ul>
</div>
<div class="col-lg-9 col-8 footer-right">
<div class="row" id="footer-block">
</div>
<div class="row">
<div class="col-lg-4 col-10 footer-icons">
<a href="https://www.facebook.com/PhotoQuotes/"><span class="icon-fb"></span></a>
<a href="#"><span class="icon-insta"></span></a>
<a href="https://twitter.com/photoquotes"><span class="icon-twi"></span></a>
<a href="#"><span class="icon-youtube"></span></a>
</div>
<div class="col-lg-8 col-12">
<form action="" class="footer-form">
<label for="email" class="error message message-top"></label>
<input type="email" placeholder="Enter your email" id="subscribe-email" class="white-font"
name="email">
<button type="button" id="subscribe-newsletter-btn" class="btn-footer wide-text btn__blue-gradient">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="https://photoquotes.com/libs/js/clamp.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/libs/js/jquery.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/libs/js/jquery.mask.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/libs/js/masonry.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/libs/js/slick.min.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/libs/js/validate.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/libs/js/wow.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/libs/js/selectize.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/js/extras/alphabet.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/js/extras/header.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/js/extras/main.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/js/extras/sliders.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/js/extras/tabs.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/js/extras/forms.js" rel="preload" type="text/javascript"></script>
<script src="https://photoquotes.com/js/share.js" rel="preload"></script>
<script src="https://photoquotes.com/js/bootstrap.min.js" type="text/javascript" rel="preload"></script>
<script src="https://photoquotes.com/js/notify.min.js" type="text/javascript" rel="preload"></script>
<script>
var allQuoteCount = parseInt("8922");
var curCount = parseInt("5");
var latestIndex = parseInt("0");
var _token = "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH";
$(function (){
if(allQuoteCount > curCount){
$('#latest-quote-block').css('display', 'flex');
}
});
function loadMoreLatestQuote() {
$.ajax({
url: "https://photoquotes.com/getLatestQuote/ajax",
method: "post",
data: {_token: _token, latestIndex: latestIndex},
success: function (data) {
var leftHtml = $('#latest_quote_left').html();
$('#latest_quote_left').html(leftHtml + data.left);
var rightHtml = $('#latest_quote_right').html();
$('#latest_quote_right').html(rightHtml + data.right);
latestIndex = data.latestIndex;
curCount = data.curCount;
// window.scrollTop = $('#latest-quote-block').scrollTop();
}
});
}
</script>
<script>
var currentRoute = "home";
var curUrl = "/";
console.log(curUrl);
function modifyDescription() {
var quoteEls = document.querySelectorAll('blockquote');
for(var i = 0; i<quoteEls.length; i++){
var quoteEl = quoteEls[i];
if (quoteEl) {
var html = quoteEl.innerText;
var newEl = document.createElement('div');
$(newEl).addClass('side-col-container__quote');
var imgEl = document.createElement('img');
imgEl.src = "https://photoquotes.com/assets/icons/quotes.svg";
var childDiv = document.createElement('div');
childDiv.innerHTML = html;
$(childDiv).addClass('side-col-container__quote-text');
newEl.appendChild(imgEl);
newEl.appendChild(childDiv);
quoteEl.parentNode.replaceChild(newEl, quoteEl);
}
}
}
function getBanner() {
if ($('#right_banner')) {
$.ajax({
url: "https://photoquotes.com/getBanner",
method: "GET",
data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: curUrl, position: 'right'},
success: function (data) {
$('#right_banner').html(data);
}
})
}
if ($('#bottom_banner')) {
$.ajax({
url: "https://photoquotes.com/getBanner",
method: "GET",
data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: curUrl, position: 'bottom'},
success: function (data) {
$('#bottom_banner').html(data);
}
})
}
if ($('#top_banner')) {
$.ajax({
url: "https://photoquotes.com/getBanner",
method: "GET",
data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: curUrl, position: 'top'},
success: function (data) {
$('#top_banner').html(data);
}
})
}
if ($('#inner_banner')) {
$.ajax({
url: "https://photoquotes.com/getBanner",
method: "GET",
data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: curUrl, position: 'inner'},
success: function (data) {
$('#inner_banner').html(data);
}
})
}
}
function showPopularBlock() {
$.ajax({
url: "https://photoquotes.com/getPopularBlock",
method: "GET",
data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", page: curUrl},
success: function (html){
$('.popular-block').html(html);
getBanner();
}
})
}
$(function () {
modifyDescription();
$('#close-share-btn').click(function () {
$('#share-modal').hide();
})
$('.social-share-btn').click(function (e) {
console.log(e.screenY, e);
var ww = $(window).width();
var wh = $(window).height();
var left = Math.min((e.screenX - 300), (ww - 300));
var top = 0;
left = left.toString() + "px";
if ((e.screenY + 350) < wh) {
top = (e.screenY - 100).toString() + "px";
}
if ((e.screenY + 350) >= wh) {
top = (e.screenY - 450).toString() + "px";
}
if(ww < 500) { // mobile phone ; place on center
left = ((ww - 300) / 2).toString() + "px";
top = ((wh - 300) / 2).toString() + "px";
}
$('#share-modal').css("left", left);
$('#share-modal').css("top", top);
$('#facebook-url').attr('href', $(this).data('facebook'));
$('#twitter-url').attr('href', $(this).data('twitter'));
$('#linkedin-url').attr('href', $(this).data('linkedin'));
$('#share-link-input').val($(this).data("link"));
$('#share-modal').show();
});
$('.social-like-btn').click(function (e) {
var id = $(this).data('id');
var type = $(this).data('type');
$.ajax({
url: "https://photoquotes.com/setLike",
method: "POST",
data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", type: type, id: id},
success: function (res) {
if (res.success) {
$(`.like-count-${type}-${id}`).text(res.count);
}
}
})
})
$('#copy-link').click(function () {
document.getElementById('share-link-input').select();
document.execCommand("copy");
$('#copy-res').removeClass("hidden");
setTimeout(function () {
$('#copy-res').addClass("hidden");
}, 1000);
});
getBanner();
showPopularBlock();
// get Footer
$.ajax({
url: "https://photoquotes.com/getFooterPage",
method: "GET",
data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: currentRoute},
success: function (html) {
$("#footer-block").html(html);
}
})
// mobile menu
$('.btn__open-menu').click(function () {
$(this).toggleClass('open');
$("html").toggleClass('open-menu');
});
// outside click hide share modal
$(document).mouseup(function(e){
var container = $("#share-modal");
// If the target of the click isn't the container
if(!container.is(e.target) && container.has(e.target).length === 0){
container.hide();
}
});
// newsletter subscribe function
$('#subscribe-newsletter-btn').click(function (){
var email = $('#subscribe-email').val();
$.ajax({
url: "https://photoquotes.com/newsletter/save",
method: "post",
data: {email: email, _token: _token},
success: function (res){
if(res.success) {
$.notify("Successfully subscribed", "success");
}
}
})
})
});
</script>
</body>
</html>