It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://feeds.feedburner.com/Photoquotes

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <!-- Google Tag Manager -->
  5.    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  6.    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  7.    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  8.    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  9.    })(window,document,'script','dataLayer','GTM-W7G5LPKQ');</script>
  10.    <!-- End Google Tag Manager -->
  11.  
  12.    <meta charset="utf-8">
  13.    <meta name="viewport" content="width=device-width, initial-scale=1">
  14.  
  15.    
  16.  
  17.  
  18.  
  19.  
  20. <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>
  21. <!-- Fonts -->
  22.  
  23.  
  24. <!-- Styles -->
  25.  
  26.  
  27.    <link href="https://photoquotes.com/css/main.css" rel="stylesheet" type="text/css">
  28.  
  29.    <link rel="stylesheet" href="https://photoquotes.com/libs/css/animate.css" type="text/css" >
  30.    <noscript>
  31.        <link href="https://photoquotes.com/libs/css/animate.css" rel="stylesheet">
  32.    </noscript>
  33.    <link rel="stylesheet" href="https://photoquotes.com/libs/css/grid.css" type="text/css">
  34.    <noscript>
  35.        <link href="https://photoquotes.com/libs/css/grid.css" rel="stylesheet">
  36.    </noscript>
  37.    <link href="https://photoquotes.com/libs/css/selectize.css" rel="stylesheet">
  38.    <link href="https://photoquotes.com/libs/css/slick.css" rel="stylesheet">
  39.    <link href="https://photoquotes.com/css/editor.css" rel="stylesheet">
  40.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  41.    <noscript>
  42.        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  43.    </noscript>
  44.  
  45.    <link rel="icon" href="https://photoquotes.com/favicon.ico" sizes="16x16" type="image/x-icon"/>
  46.    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1980736722229148"
  47.            crossorigin="anonymous"></script>
  48.    <style>
  49.        html {
  50.            scroll-behavior: smooth;
  51.        }
  52.        #topScrollBtn {
  53.            display: none; /* Hidden by default */
  54.            position: fixed; /* Fixed/sticky position */
  55.            bottom: 20px; /* Place the button at the bottom of the page */
  56.            right: 30px; /* Place the button 30px from the right */
  57.            z-index: 99; /* Make sure it does not overlap */
  58.            border: none; /* Remove borders */
  59.            outline: none; /* Remove outline */
  60.            background-color: #1b6dd9; /* Set a background color */
  61.            color: white; /* Text color */
  62.            cursor: pointer; /* Add a mouse pointer on hover */
  63.            padding: 15px; /* Some padding */
  64.            border-radius: 10px; /* Rounded corners */
  65.            font-size: 18px; /* Increase font size */
  66.        }
  67.  
  68.        #topScrollBtn:hover {
  69.            background-color: #555; /* Add a dark-grey background on hover */
  70.        }
  71.  
  72.        .author-block-start {
  73.            display: block;
  74.            position: relative;
  75.            top: -100px;
  76.            visibility: hidden;
  77.        }
  78.  
  79.    </style>
  80.        <style>
  81.        .hero-slider {
  82.            top: 0;
  83.            left: 0;
  84.            width: 100%;
  85.            display: flex;
  86.        }
  87.  
  88.        .hero-slider .next-arrow {
  89.            position: absolute;
  90.            top: 50%;
  91.            left: auto;
  92.            right: -40px!important;
  93.            transform: translate(0, -50%);
  94.            width: 80px;
  95.            height: 80px;
  96.            background-color: #fff;
  97.            border-radius: 50%;
  98.            box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
  99.            cursor: pointer;
  100.            transition: all 0.3s ease;
  101.        }
  102.    </style>
  103.    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  104. </head>
  105. <body class="antialiased">
  106. <!-- Google Tag Manager (noscript) -->
  107. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W7G5LPKQ"
  108. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  109. <!-- End Google Tag Manager (noscript) -->
  110.  
  111.    <header class="container-fluid">
  112.    <div class="headerFixed">
  113.        <div class="container">
  114.            <div class="top-header">
  115.                <div class="top-header__left">
  116.                    <a href="https://photoquotes.com">
  117.                        <img src="https://photoquotes.com/assets/logo.png" alt="Photo Quotes" title="Photo Quotes" data-nsfw-filter-status="sfw" style="visibility: visible;">
  118.                    </a>
  119.                </div>
  120.                <nav class="nav-links">
  121.                    <ul>
  122.                        <li><a href="https://photoquotes.com/authors">Authors</a></li>
  123.                        <li><a href="https://photoquotes.com/topics">Topics</a></li>
  124.                        <li><a href="https://photoquotes.com/quote-of-the-day">Quote of the Day</a></li>
  125.                        <li><a href="https://photoquotes.com/blogs">Blog</a></li>
  126.                        <li>
  127.                                                    </li>
  128.                        <div class="active-nav" style="opacity: 1; transform: translate(417.453px, 100%);"></div>
  129.                    </ul>
  130.                </nav>
  131.  
  132.                <div class="top-header__right">
  133.                    <a href=""><span class="icon-user"></span></a>
  134.                    <div class="btn__open-menu">
  135.                        <span class="line line1"></span>
  136.                        <span class="line line2"></span>
  137.                    </div>
  138.                </div>
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.            </div>
  161.        </div>
  162.    </div>
  163.            <div class="headerFixedBottom">
  164.        <div class="container">
  165.            <div class="bottom-header row">
  166.                <form action="https://photoquotes.com/search" class="bottom-header__content" novalidate="novalidate" style="padding-right: 20px;">
  167.                    <input type="text" class="gray-form__elem" name="search_text" placeholder="What are you searching for?" required="">
  168.                    <button type="submit" class="icon-search"></button>
  169.                </form>
  170.            </div>
  171.        </div>
  172.    </div>
  173.    </header>
  174.  
  175. <script>
  176.    /* When the user clicks on the button,
  177.    toggle between hiding and showing the dropdown content */
  178.    function myFunction() {
  179.        document.getElementById("myDropdown").classList.toggle("show");
  180.    }
  181.  
  182.    // Close the dropdown if the user clicks outside of it
  183.    window.onclick = function(event) {
  184.        if (!event.target.matches('.dropbtn')) {
  185.            var dropdowns = document.getElementsByClassName("dropdown-content");
  186.            var i;
  187.            for (i = 0; i < dropdowns.length; i++) {
  188.                var openDropdown = dropdowns[i];
  189.                if (openDropdown.classList.contains('show')) {
  190.                    openDropdown.classList.remove('show');
  191.                }
  192.            }
  193.        }
  194.    }
  195. </script>
  196.    <section class="hero-bg hero-bg__white">
  197.        <section class="hero-section row container ptb110 justify-content-between">
  198.  
  199.            <div class="hero-section__left col-xl-3 col-lg-4 wow fadeInRight">
  200.                <div class="hero-section__left_top">
  201.                    <h2 class="big-lettering">Best</h2>
  202.                    <h1 class="mt30">Photo Quotes</h1>
  203.                </div>
  204.                <div class="hero-section__left_bottom scroll-down">
  205.                    <img src="https://photoquotes.com/assets/icons/mouse.svg" alt="mouse">
  206.                    <p class="ml20">Scroll down</p>
  207.                </div>
  208.            </div>
  209.  
  210.            <div class="col-xl-8 col-lg-7 wow fadeInRight" data-wow-delay=".2s">
  211.                                <div class="hero-slider">
  212.                                                                    <div class="card big-card image-card purple-gradient">
  213.                            <img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
  214.                            <div class="card__content">
  215.                                <div class="card__top">
  216.                                                                    </div>
  217.                                <div class="card__text">
  218.                                    <a href="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-">
  219.                                        <p>The things you don’t show can say more than the things that are made visible.</p>
  220.                                    </a>
  221.                                </div>
  222.                                <div class="card__bottom">
  223.                                                                            <a class="card__author" href="https://photoquotes.com/author/erwin-olaf">
  224.                                            Erwin Olaf
  225.                                        </a>
  226.                                                                        <div class="card__icons">
  227.                                                                                <button data-link="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-" class="social-share-btn"
  228.                                           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-"
  229.                                           data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-"
  230.                                           data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-&amp;title=PhotoQuote&amp;summary="
  231.                                           style="margin-right: 20px">
  232.  
  233.                                            <span class="icon-share"></span>
  234.                                        </button>
  235.                                        <span class="counter like-count-quote-17635">43</span>
  236.                                        <button data-id="17635" style="display: contents" data-type="quote" class="social-like-btn">
  237.                                            <span class="like like-white"></span>
  238.                                        </button>
  239.                                    </div>
  240.                                </div>
  241.                                <div class="quote__meta text-white">
  242.  
  243.                                </div>
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253.  
  254.                            </div>
  255.                        </div>
  256.                                                                    <div class="card big-card image-card blue-gradient">
  257.                            <img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
  258.                            <div class="card__content">
  259.                                <div class="card__top">
  260.                                                                                                                        <a href="https://photoquotes.com/topic/music"
  261.                                               class="tag tag__white">#music</a>
  262.                                                                                                                                                                <a href="https://photoquotes.com/topic/picture"
  263.                                               class="tag tag__white">#picture</a>
  264.                                                                                                            </div>
  265.                                <div class="card__text">
  266.                                    <a href="https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-">
  267.                                        <p>Most people if I like their music, I can get good pictures.</p>
  268.                                    </a>
  269.                                </div>
  270.                                <div class="card__bottom">
  271.                                                                            <a class="card__author" href="https://photoquotes.com/author/linda-mccartney">
  272.                                            Linda McCartney
  273.                                        </a>
  274.                                                                        <div class="card__icons">
  275.                                                                                <button data-link="https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-" class="social-share-btn"
  276.                                           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-"
  277.                                           data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-"
  278.                                           data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/most-people-if-i-like-their-music--i-can-get-good-&amp;title=PhotoQuote&amp;summary="
  279.                                           style="margin-right: 20px">
  280.  
  281.                                            <span class="icon-share"></span>
  282.                                        </button>
  283.                                        <span class="counter like-count-quote-1555">2</span>
  284.                                        <button data-id="1555" style="display: contents" data-type="quote" class="social-like-btn">
  285.                                            <span class="like like-white"></span>
  286.                                        </button>
  287.                                    </div>
  288.                                </div>
  289.                                <div class="quote__meta text-white">
  290.  
  291.                                </div>
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.                            </div>
  303.                        </div>
  304.                                                                    <div class="card big-card image-card pink-gradient">
  305.                            <img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
  306.                            <div class="card__content">
  307.                                <div class="card__top">
  308.                                                                    </div>
  309.                                <div class="card__text">
  310.                                    <a href="https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under">
  311.                                        <p>Photography is the only language that can be understood anywhere in the world.</p>
  312.                                    </a>
  313.                                </div>
  314.                                <div class="card__bottom">
  315.                                                                            <a class="card__author" href="https://photoquotes.com/author/bruno-barbey">
  316.                                            Bruno Barbey
  317.                                        </a>
  318.                                                                        <div class="card__icons">
  319.                                                                                <button data-link="https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under" class="social-share-btn"
  320.                                           data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under"
  321.                                           data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under"
  322.                                           data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/photography-is-the-only-language-that-can-be-under&amp;title=PhotoQuote&amp;summary="
  323.                                           style="margin-right: 20px">
  324.  
  325.                                            <span class="icon-share"></span>
  326.                                        </button>
  327.                                        <span class="counter like-count-quote-17700">80</span>
  328.                                        <button data-id="17700" style="display: contents" data-type="quote" class="social-like-btn">
  329.                                            <span class="like like-white"></span>
  330.                                        </button>
  331.                                    </div>
  332.                                </div>
  333.                                <div class="quote__meta text-white">
  334.  
  335.                                </div>
  336.  
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.                            </div>
  347.                        </div>
  348.                                                                    <div class="card big-card image-card purple-gradient">
  349.                            <img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
  350.                            <div class="card__content">
  351.                                <div class="card__top">
  352.                                                                    </div>
  353.                                <div class="card__text">
  354.                                    <a href="https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-">
  355.                                        <p>There's nothing more extraordinary than reality.</p>
  356.                                    </a>
  357.                                </div>
  358.                                <div class="card__bottom">
  359.                                                                            <a class="card__author" href="https://photoquotes.com/author/mary-ellen-mark">
  360.                                            Mary Ellen Mark
  361.                                        </a>
  362.                                                                        <div class="card__icons">
  363.                                                                                <button data-link="https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-" class="social-share-btn"
  364.                                           data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-"
  365.                                           data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-"
  366.                                           data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/there-s-nothing-more-extraordinary-than-reality-&amp;title=PhotoQuote&amp;summary="
  367.                                           style="margin-right: 20px">
  368.  
  369.                                            <span class="icon-share"></span>
  370.                                        </button>
  371.                                        <span class="counter like-count-quote-17839">150</span>
  372.                                        <button data-id="17839" style="display: contents" data-type="quote" class="social-like-btn">
  373.                                            <span class="like like-white"></span>
  374.                                        </button>
  375.                                    </div>
  376.                                </div>
  377.                                <div class="quote__meta text-white">
  378.  
  379.                                </div>
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390.                            </div>
  391.                        </div>
  392.                                                                    <div class="card big-card image-card blue-gradient">
  393.                            <img src="https://photoquotes.com/assets/card-bg1.jpg" alt="" class="image-card__bg">
  394.                            <div class="card__content">
  395.                                <div class="card__top">
  396.                                                                                                                        <a href="https://photoquotes.com/topic/eye"
  397.                                               class="tag tag__white">#eye</a>
  398.                                                                                                                                                                <a href="https://photoquotes.com/topic/capture"
  399.                                               class="tag tag__white">#capture</a>
  400.                                                                                                            </div>
  401.                                <div class="card__text">
  402.                                    <a href="https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-">
  403.                                        <p>I wish to capture the present with the eye of the past.</p>
  404.                                    </a>
  405.                                </div>
  406.                                <div class="card__bottom">
  407.                                                                            <a class="card__author" href="https://photoquotes.com/author/patrick-summerfield">
  408.                                            Patrick Summerfield
  409.                                        </a>
  410.                                                                        <div class="card__icons">
  411.                                                                                <button data-link="https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-" class="social-share-btn"
  412.                                           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-"
  413.                                           data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-"
  414.                                           data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/i-wish-to-capture-the-present-with-the-eye-of-the-&amp;title=PhotoQuote&amp;summary="
  415.                                           style="margin-right: 20px">
  416.  
  417.                                            <span class="icon-share"></span>
  418.                                        </button>
  419.                                        <span class="counter like-count-quote-9801">2</span>
  420.                                        <button data-id="9801" style="display: contents" data-type="quote" class="social-like-btn">
  421.                                            <span class="like like-white"></span>
  422.                                        </button>
  423.                                    </div>
  424.                                </div>
  425.                                <div class="quote__meta text-white">
  426.  
  427.                                </div>
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.                            </div>
  439.                        </div>
  440.                                    </div>
  441.            </div>
  442.        </section>
  443.    </section>
  444.    <main>
  445.        <div class="popular-block"></div>
  446.        <section class="container-fluid gray-gradient pb70 container-latest">
  447.            <div class="row container ptb110 justify-content-md-between">
  448.                <div class="col-12 col-lg-6 wow zoomIn" data-wow-delay=".2s"
  449.                     style="visibility: visible; animation-delay: 0.2s; animation-name: zoomIn;" id="latest_quote_left">
  450.                    <h2 class="w50-md">Latest Photography Quotes</h2>
  451.                                                                                                                    <div class="quote">
  452.                                <div class="quote__center">
  453.                                    <a href="https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u">
  454.                                        <p>We do not see Nature with our eyes, but with our understandings and our heart.</p>
  455.                                    </a>
  456.                                </div>
  457.                                <div class="quote__author">
  458.                                                                            <a href="https://photoquotes.com/author/william-hazlitt-">
  459.                                            William Hazlitt
  460.                                        </a>
  461.                                                                    </div>
  462.                                <div class="quote__meta">
  463.                                    <p class="gray-font"></p>
  464.                                                                    </div>
  465.                                <div class="quote__bottom">
  466.                                    <div class="quote__tags">
  467.                                                                                                                                    <a href="https://photoquotes.com/topic/nature"
  468.                                                   class="tag tag__blue">#nature</a>
  469.                                                                                                                                                                                <a href="https://photoquotes.com/topic/eye"
  470.                                                   class="tag tag__blue">#eye</a>
  471.                                                                                                                        </div>
  472.                                    <div class="icons">
  473.                                        <span class="counter">0</span>
  474.                                        <a style="margin-right: 20px"
  475.                                           href="https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u">
  476.                                            <span class="icon-comment"></span>
  477.                                        </a>
  478.                                                                                <button data-link="https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u" class="social-share-btn"
  479.                                                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"
  480.                                                data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u"
  481.                                                data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/we-do-not-see-nature-with-our-eyes--but-with-our-u&amp;title=PhotoQuote&amp;summary="
  482.                                                style="margin-right: 20px">
  483.                                            
  484.                                            <span class="icon-share"></span>
  485.                                        </button>
  486.                                        <span class="counter like-count-quote-2546">1</span>
  487.                                        <button data-id="2546" style="display: contents" data-type="quote"
  488.                                                class="social-like-btn">
  489.                                            <span class="like like-gray"></span>
  490.                                        </button>
  491.                                    </div>
  492.                                </div>
  493.                            </div>
  494.                                                                                                                                                <div class="quote">
  495.                                <div class="quote__center">
  496.                                    <a href="https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo">
  497.                                        <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>
  498.                                    </a>
  499.                                </div>
  500.                                <div class="quote__author">
  501.                                                                            <a href="https://photoquotes.com/author/james-van-der--zee">
  502.                                            James Van Der  Zee
  503.                                        </a>
  504.                                                                    </div>
  505.                                <div class="quote__meta">
  506.                                    <p class="gray-font"></p>
  507.                                                                    </div>
  508.                                <div class="quote__bottom">
  509.                                    <div class="quote__tags">
  510.                                                                            </div>
  511.                                    <div class="icons">
  512.                                        <span class="counter">1</span>
  513.                                        <a style="margin-right: 20px"
  514.                                           href="https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo">
  515.                                            <span class="icon-comment"></span>
  516.                                        </a>
  517.                                                                                <button data-link="https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo" class="social-share-btn"
  518.                                                data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo"
  519.                                                data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo"
  520.                                                data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/being-an-artist--i-had-an-artist-s-instincts----yo&amp;title=PhotoQuote&amp;summary="
  521.                                                style="margin-right: 20px">
  522.                                            
  523.                                            <span class="icon-share"></span>
  524.                                        </button>
  525.                                        <span class="counter like-count-quote-11129">314</span>
  526.                                        <button data-id="11129" style="display: contents" data-type="quote"
  527.                                                class="social-like-btn">
  528.                                            <span class="like like-gray"></span>
  529.                                        </button>
  530.                                    </div>
  531.                                </div>
  532.                            </div>
  533.                                                                                                                                                <div class="quote">
  534.                                <div class="quote__center">
  535.                                    <a href="https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca">
  536.                                        <p>It is an illusion that photos are made with the camera… they are made with the eye, heart and head.</p>
  537.                                    </a>
  538.                                </div>
  539.                                <div class="quote__author">
  540.                                                                            <a href="https://photoquotes.com/author/henri-cartier-bresson">
  541.                                            Henri Cartier-Bresson
  542.                                        </a>
  543.                                                                    </div>
  544.                                <div class="quote__meta">
  545.                                    <p class="gray-font"></p>
  546.                                                                    </div>
  547.                                <div class="quote__bottom">
  548.                                    <div class="quote__tags">
  549.                                                                            </div>
  550.                                    <div class="icons">
  551.                                        <span class="counter">0</span>
  552.                                        <a style="margin-right: 20px"
  553.                                           href="https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca">
  554.                                            <span class="icon-comment"></span>
  555.                                        </a>
  556.                                                                                <button data-link="https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca" class="social-share-btn"
  557.                                                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"
  558.                                                data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca"
  559.                                                data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/it-is-an-illusion-that-photos-are-made-with-the-ca&amp;title=PhotoQuote&amp;summary="
  560.                                                style="margin-right: 20px">
  561.                                            
  562.                                            <span class="icon-share"></span>
  563.                                        </button>
  564.                                        <span class="counter like-count-quote-11974">1</span>
  565.                                        <button data-id="11974" style="display: contents" data-type="quote"
  566.                                                class="social-like-btn">
  567.                                            <span class="like like-gray"></span>
  568.                                        </button>
  569.                                    </div>
  570.                                </div>
  571.                            </div>
  572.                                                                                                                                                                                                                                                                            </div>
  573.                <div class="col-12 col-lg-6 wow zoomIn" data-wow-delay=".2s" id="latest_quote_right"
  574.                     style="visibility: visible; animation-delay: 0.2s; animation-name: zoomIn;">
  575.                                                                                                                                                                                                                                                                                                                                                                                                        <div class="quote">
  576.                                <div class="quote__center">
  577.                                    <a href="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-">
  578.                                        <p>The things you don’t show can say more than the things that are made visible.</p>
  579.                                    </a>
  580.                                </div>
  581.                                <div class="quote__author">
  582.                                                                            <a href="https://photoquotes.com/author/erwin-olaf">
  583.                                            Erwin Olaf
  584.                                        </a>
  585.                                                                    </div>
  586.                                <div class="quote__meta">
  587.                                    <p class="gray-font">From an interview with Erwin at: https://talking-pictures.net.au/2020/12/12/erwin-olaf-a-hesitant-beauty/</p>
  588.                                    
  589.                                </div>
  590.                                <div class="quote__bottom">
  591.                                    <div class="quote__tags">
  592.                                                                            </div>
  593.                                    <div class="icons">
  594.                                        <span class="counter">0</span>
  595.                                        <a style="margin-right: 20px" href="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-">
  596.                                            <span class="icon-comment"></span>
  597.                                        </a>
  598.                                                                                <button data-link="https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-" class="social-share-btn"
  599.                                           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-"
  600.                                           data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-"
  601.                                           data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/the-things-you-don---t-show-can-say-more-than-the-&amp;title=PhotoQuote&amp;summary="
  602.                                           style="margin-right: 20px">
  603.                                            
  604.                                            <span class="icon-share"></span>
  605.                                        </button>
  606.                                        <span class="counter like-count-quote-17635">43</span>
  607.                                        <button data-id="17635" style="display: contents" data-type="quote" class="social-like-btn">
  608.                                            <span class="like like-gray"></span>
  609.                                        </button>
  610.                                    </div>
  611.                                </div>
  612.                            </div>
  613.                                                                                                                                                <div class="quote">
  614.                                <div class="quote__center">
  615.                                    <a href="https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph">
  616.                                        <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>
  617.                                    </a>
  618.                                </div>
  619.                                <div class="quote__author">
  620.                                                                            <a href="https://photoquotes.com/author/abbas-attar">
  621.                                            Abbas Attar
  622.                                        </a>
  623.                                                                    </div>
  624.                                <div class="quote__meta">
  625.                                    <p class="gray-font"></p>
  626.                                    
  627.                                </div>
  628.                                <div class="quote__bottom">
  629.                                    <div class="quote__tags">
  630.                                                                            </div>
  631.                                    <div class="icons">
  632.                                        <span class="counter">0</span>
  633.                                        <a style="margin-right: 20px" href="https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph">
  634.                                            <span class="icon-comment"></span>
  635.                                        </a>
  636.                                                                                <button data-link="https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph" class="social-share-btn"
  637.                                           data-facebook="https://www.facebook.com/sharer/sharer.php?u=https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph"
  638.                                           data-twitter="https://twitter.com/intent/tweet?text=PhotoQuote&amp;url=https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph"
  639.                                           data-linkedin="https://www.linkedin.com/sharing/share-offsite?mini=true&amp;url=https://photoquotes.com/quote/most-photographers--when-they-say-they---re-war-ph&amp;title=PhotoQuote&amp;summary="
  640.                                           style="margin-right: 20px">
  641.                                            
  642.                                            <span class="icon-share"></span>
  643.                                        </button>
  644.                                        <span class="counter like-count-quote-13766">1</span>
  645.                                        <button data-id="13766" style="display: contents" data-type="quote" class="social-like-btn">
  646.                                            <span class="like like-gray"></span>
  647.                                        </button>
  648.                                    </div>
  649.                                </div>
  650.                            </div>
  651.                                                                                    </div>
  652.            </div>
  653.            <div class="row container justify-content-center" id="latest-quote-block" style="display: none">
  654.                <a href="javascript: loadMoreLatestQuote()" class="wide-text btn btn__blue-gradient">Load more</a>
  655.            </div>
  656.        </section>
  657.        <section class="container-fluid gray-gradient pb160 pt60 rel">
  658.            <div id="bottom_banner">
  659.  
  660.  
  661.  
  662.            </div>
  663.            <div class="container container-blog container-blog__nogutters rel">
  664.                <div class="row justify-content-between align-items-center blog__top">
  665.                    <div class="col-md-10 col-12">
  666.                        <h2>Blog about photography</h2>
  667.                    </div>
  668.                    <div class="col-2">
  669.                        <a class="dark-gray-font wide-text title-more" href="https://photoquotes.com/blogs">More Blogs</a>
  670.                    </div>
  671.                </div>
  672.                <div class="row mt80">
  673.                                            <div class="col-4">
  674.                            <div class="article slider-item-blog wow fadeInUp">
  675.                                <div class="article-cover">
  676.                                    <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">
  677.                                    <div class="cover__hover">
  678.                                        <a href="/blog/33-great-photography-books-2021-updated" class="cover__hover-img">
  679.                                            <img src="https://photoquotes.com/assets/icons/arrow.svg" alt="Go">
  680.                                        </a>
  681.                                    </div>
  682.                                </div>
  683.                                <div class="article-top">
  684.                                    <a class="article-top__title title"  href="/blog/33-great-photography-books-2021-updated">
  685.                                        33 Great Photography Books - 2021 updated
  686.                                    </a>
  687.                                </div>
  688.                                <div class="article-content">
  689.                                    <p class="article-content__text text18">
  690.                                        
  691.                                    </p>
  692.                                </div>
  693.                            </div>
  694.                        </div>
  695.                                            <div class="col-4">
  696.                            <div class="article slider-item-blog wow fadeInUp">
  697.                                <div class="article-cover">
  698.                                    <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">
  699.                                    <div class="cover__hover">
  700.                                        <a href="/blog/sideshow-street-photography-book-by-chris-harrison" class="cover__hover-img">
  701.                                            <img src="https://photoquotes.com/assets/icons/arrow.svg" alt="Go">
  702.                                        </a>
  703.                                    </div>
  704.                                </div>
  705.                                <div class="article-top">
  706.                                    <a class="article-top__title title"  href="/blog/sideshow-street-photography-book-by-chris-harrison">
  707.                                        Sideshow – street photography book by Chris Harrison
  708.                                    </a>
  709.                                </div>
  710.                                <div class="article-content">
  711.                                    <p class="article-content__text text18">
  712.                                        Sideshow is a street photography project that looks at Brighton, but maybe not in the way you’d expect to see it.
  713.                                    </p>
  714.                                </div>
  715.                            </div>
  716.                        </div>
  717.                                            <div class="col-4">
  718.                            <div class="article slider-item-blog wow fadeInUp">
  719.                                <div class="article-cover">
  720.                                    <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">
  721.                                    <div class="cover__hover">
  722.                                        <a href="/blog/the-story-of-bill-stettner" class="cover__hover-img">
  723.                                            <img src="https://photoquotes.com/assets/icons/arrow.svg" alt="Go">
  724.                                        </a>
  725.                                    </div>
  726.                                </div>
  727.                                <div class="article-top">
  728.                                    <a class="article-top__title title"  href="/blog/the-story-of-bill-stettner">
  729.                                        The Story of Bill Stettner
  730.                                    </a>
  731.                                </div>
  732.                                <div class="article-content">
  733.                                    <p class="article-content__text text18">
  734.                                        THE PASSING OF THE REVISIONS TO THE COPYRIGHT ACT IN THE USA, HAD DISASTROUS CONSEQUENCES FOR BILL STETTNER AND HIS CO-CAMPAIGNERS.
  735.                                    </p>
  736.                                </div>
  737.                            </div>
  738.                        </div>
  739.                                    </div>
  740.                <div class="row container-more container-more__hide">
  741.                    <a href="https://photoquotes.com/blogs" class="wide-text btn btn__blue-gradient">More blogs</a>
  742.                </div>
  743.            </div>
  744.        </section>
  745.    </main>
  746.  
  747. <div id="share-modal" class="p-4">
  748.    <div class="header d-flex justify-content-between">
  749.        <h4 class="text-gray" style="font-size: 24px">
  750.            Share
  751.        </h4>
  752.        <span class="fa fa-times text-gray" style="font-size: 20px" id="close-share-btn"></span>
  753.    </div>
  754.    <div class="content">
  755.        <ul>
  756.            <li>
  757.                <a id="facebook-url" class="text-gray">
  758.                    <span class="fa fa-facebook text-white font-weight-bold pl-3 p-2" style="background: #354E8D"></span> &nbsp;Facebook
  759.                </a>
  760.            </li>
  761.            <li>
  762.                <a id="twitter-url" class="text-gray">
  763.                    <span class="fa fa-twitter text-white font-weight-bold  p-2" style="background: #2899CA"></span> &nbsp;Twitter
  764.                </a>
  765.            </li>
  766.            <li>
  767.                <a id="linkedin-url" class="text-gray">
  768.                    <span class="fa fa-linkedin p-2 text-white font-weight-bold" style="background: #026EA3"></span> &nbsp;LinkedIn
  769.                </a>
  770.            </li>
  771.        </ul>
  772.    </div>
  773.    <div class="bottom mt-2">
  774.        <label class="text-gray pb-2" id="copy-link">Click to copy link &nbsp;&nbsp;<span style="color: deepskyblue" class="hidden" id="copy-res">Copied</span></label>
  775.        <input class="form-control mt-3" style="width: 100%;border: none; border-bottom: .5px solid gray" id="share-link-input">
  776.    </div>
  777. </div>
  778.  
  779. <footer class="footer container-fluid" id="first-section">
  780.    <div class="container">
  781.        <div class="row">
  782.            <div class="col-lg-3 col-4 footer-bg">
  783.                <ul class="list-links__white">
  784.                    <li><a href="https://photoquotes.com/authors">Authors</a></li>
  785.                    <li><a href="https://photoquotes.com/topics">Topics</a></li>
  786.                    <li><a href="https://photoquotes.com/quote-of-the-day">Quote of the Day</a></li>
  787.                    
  788.  
  789.                    <li><a href="https://photoquotes.com/blogs">Blog</a></li>
  790.                </ul>
  791.            </div>
  792.            <div class="col-lg-9 col-8 footer-right">
  793.                <div class="row" id="footer-block">
  794.  
  795.                </div>
  796.                <div class="row">
  797.                    <div class="col-lg-4 col-10 footer-icons">
  798.                        <a href="https://www.facebook.com/PhotoQuotes/"><span class="icon-fb"></span></a>
  799.                        <a href="#"><span class="icon-insta"></span></a>
  800.                        <a href="https://twitter.com/photoquotes"><span class="icon-twi"></span></a>
  801.                        <a href="#"><span class="icon-youtube"></span></a>
  802.                    </div>
  803.                    <div class="col-lg-8 col-12">
  804.                        <form action="" class="footer-form">
  805.                            <label for="email" class="error message message-top"></label>
  806.                            <input type="email" placeholder="Enter your email" id="subscribe-email" class="white-font"
  807.                                   name="email">
  808.                            <button type="button" id="subscribe-newsletter-btn" class="btn-footer wide-text btn__blue-gradient">Subscribe</button>
  809.                        </form>
  810.                    </div>
  811.                </div>
  812.            </div>
  813.        </div>
  814.    </div>
  815. </footer>
  816.  
  817.  
  818.  
  819. <script src="https://photoquotes.com/libs/js/clamp.js" rel="preload" type="text/javascript"></script>
  820. <script src="https://photoquotes.com/libs/js/jquery.js" rel="preload" type="text/javascript"></script>
  821. <script src="https://photoquotes.com/libs/js/jquery.mask.js" rel="preload" type="text/javascript"></script>
  822. <script src="https://photoquotes.com/libs/js/masonry.js" rel="preload" type="text/javascript"></script>
  823. <script src="https://photoquotes.com/libs/js/slick.min.js" rel="preload" type="text/javascript"></script>
  824. <script src="https://photoquotes.com/libs/js/validate.js" rel="preload" type="text/javascript"></script>
  825. <script src="https://photoquotes.com/libs/js/wow.js" rel="preload" type="text/javascript"></script>
  826. <script src="https://photoquotes.com/libs/js/selectize.js" rel="preload" type="text/javascript"></script>
  827. <script src="https://photoquotes.com/js/extras/alphabet.js" rel="preload" type="text/javascript"></script>
  828. <script src="https://photoquotes.com/js/extras/header.js" rel="preload" type="text/javascript"></script>
  829. <script src="https://photoquotes.com/js/extras/main.js" rel="preload" type="text/javascript"></script>
  830. <script src="https://photoquotes.com/js/extras/sliders.js" rel="preload" type="text/javascript"></script>
  831. <script src="https://photoquotes.com/js/extras/tabs.js" rel="preload" type="text/javascript"></script>
  832. <script src="https://photoquotes.com/js/extras/forms.js" rel="preload" type="text/javascript"></script>
  833. <script src="https://photoquotes.com/js/share.js" rel="preload"></script>
  834. <script src="https://photoquotes.com/js/bootstrap.min.js" type="text/javascript" rel="preload"></script>
  835. <script src="https://photoquotes.com/js/notify.min.js"  type="text/javascript" rel="preload"></script>
  836.    <script>
  837.        var allQuoteCount = parseInt("8922");
  838.        var curCount = parseInt("5");
  839.        var latestIndex = parseInt("0");
  840.        var _token = "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH";
  841.        $(function (){
  842.            if(allQuoteCount > curCount){
  843.                $('#latest-quote-block').css('display', 'flex');
  844.            }
  845.        });
  846.        function loadMoreLatestQuote() {
  847.            $.ajax({
  848.                url: "https://photoquotes.com/getLatestQuote/ajax",
  849.                method: "post",
  850.                data: {_token: _token, latestIndex: latestIndex},
  851.                success: function (data) {
  852.                    var leftHtml = $('#latest_quote_left').html();
  853.                    $('#latest_quote_left').html(leftHtml + data.left);
  854.  
  855.                    var rightHtml = $('#latest_quote_right').html();
  856.                    $('#latest_quote_right').html(rightHtml + data.right);
  857.                    latestIndex = data.latestIndex;
  858.                    curCount = data.curCount;
  859.                    // window.scrollTop = $('#latest-quote-block').scrollTop();
  860.                }
  861.            });
  862.        }
  863.    </script>
  864.  
  865.  
  866.  
  867.  
  868.  
  869.  
  870.  
  871.  
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884. <script>
  885.    var currentRoute = "home";
  886.    var curUrl = "/";
  887.    console.log(curUrl);
  888.  
  889.    function modifyDescription() {
  890.        var quoteEls = document.querySelectorAll('blockquote');
  891.        for(var i = 0; i<quoteEls.length; i++){
  892.            var quoteEl = quoteEls[i];
  893.            if (quoteEl) {
  894.                var html = quoteEl.innerText;
  895.                var newEl = document.createElement('div');
  896.                $(newEl).addClass('side-col-container__quote');
  897.                var imgEl = document.createElement('img');
  898.                imgEl.src = "https://photoquotes.com/assets/icons/quotes.svg";
  899.                var childDiv = document.createElement('div');
  900.                childDiv.innerHTML = html;
  901.                $(childDiv).addClass('side-col-container__quote-text');
  902.                newEl.appendChild(imgEl);
  903.                newEl.appendChild(childDiv);
  904.                quoteEl.parentNode.replaceChild(newEl, quoteEl);
  905.            }
  906.        }
  907.    }
  908.  
  909.    function getBanner() {
  910.        if ($('#right_banner')) {
  911.            $.ajax({
  912.                url: "https://photoquotes.com/getBanner",
  913.                method: "GET",
  914.                data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: curUrl, position: 'right'},
  915.                success: function (data) {
  916.                    $('#right_banner').html(data);
  917.                }
  918.            })
  919.        }
  920.        if ($('#bottom_banner')) {
  921.            $.ajax({
  922.                url: "https://photoquotes.com/getBanner",
  923.                method: "GET",
  924.                data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: curUrl, position: 'bottom'},
  925.                success: function (data) {
  926.                    $('#bottom_banner').html(data);
  927.                }
  928.            })
  929.        }
  930.  
  931.        if ($('#top_banner')) {
  932.            $.ajax({
  933.                url: "https://photoquotes.com/getBanner",
  934.                method: "GET",
  935.                data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: curUrl, position: 'top'},
  936.                success: function (data) {
  937.                    $('#top_banner').html(data);
  938.                }
  939.            })
  940.        }
  941.        if ($('#inner_banner')) {
  942.            $.ajax({
  943.                url: "https://photoquotes.com/getBanner",
  944.                method: "GET",
  945.                data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: curUrl, position: 'inner'},
  946.                success: function (data) {
  947.                    $('#inner_banner').html(data);
  948.                }
  949.            })
  950.        }
  951.    }
  952.  
  953.    function showPopularBlock() {
  954.        $.ajax({
  955.            url: "https://photoquotes.com/getPopularBlock",
  956.            method: "GET",
  957.            data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", page: curUrl},
  958.            success: function (html){
  959.                $('.popular-block').html(html);
  960.                getBanner();
  961.            }
  962.        })
  963.    }
  964.  
  965.    $(function () {
  966.                modifyDescription();
  967.        $('#close-share-btn').click(function () {
  968.            $('#share-modal').hide();
  969.        })
  970.  
  971.        $('.social-share-btn').click(function (e) {
  972.            console.log(e.screenY, e);
  973.            var ww = $(window).width();
  974.            var wh = $(window).height();
  975.  
  976.            var left = Math.min((e.screenX - 300), (ww - 300));
  977.            var top = 0;
  978.            left = left.toString() + "px";
  979.  
  980.            if ((e.screenY + 350) < wh) {
  981.                top = (e.screenY - 100).toString() + "px";
  982.            }
  983.            if ((e.screenY + 350) >= wh) {
  984.                top = (e.screenY - 450).toString() + "px";
  985.            }
  986.            if(ww < 500) { // mobile phone ; place on center
  987.                left = ((ww - 300) / 2).toString() + "px";
  988.                top = ((wh - 300) / 2).toString() + "px";
  989.            }
  990.            $('#share-modal').css("left", left);
  991.            $('#share-modal').css("top", top);
  992.  
  993.            $('#facebook-url').attr('href', $(this).data('facebook'));
  994.            $('#twitter-url').attr('href', $(this).data('twitter'));
  995.            $('#linkedin-url').attr('href', $(this).data('linkedin'));
  996.            $('#share-link-input').val($(this).data("link"));
  997.            $('#share-modal').show();
  998.        });
  999.  
  1000.        $('.social-like-btn').click(function (e) {
  1001.            var id = $(this).data('id');
  1002.            var type = $(this).data('type');
  1003.            $.ajax({
  1004.                url: "https://photoquotes.com/setLike",
  1005.                method: "POST",
  1006.                data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", type: type, id: id},
  1007.                success: function (res) {
  1008.                    if (res.success) {
  1009.                        $(`.like-count-${type}-${id}`).text(res.count);
  1010.                    }
  1011.                }
  1012.            })
  1013.        })
  1014.  
  1015.        $('#copy-link').click(function () {
  1016.            document.getElementById('share-link-input').select();
  1017.            document.execCommand("copy");
  1018.            $('#copy-res').removeClass("hidden");
  1019.            setTimeout(function () {
  1020.                $('#copy-res').addClass("hidden");
  1021.            }, 1000);
  1022.        });
  1023.  
  1024.        getBanner();
  1025.  
  1026.        showPopularBlock();
  1027.        // get Footer
  1028.        $.ajax({
  1029.            url: "https://photoquotes.com/getFooterPage",
  1030.            method: "GET",
  1031.            data: {_token: "Bdgzt4fFxmMzOG6d7VAHP9yTEGJn9gOnpFWBhmxH", route: currentRoute},
  1032.            success: function (html) {
  1033.                $("#footer-block").html(html);
  1034.            }
  1035.        })
  1036.  
  1037.        // mobile menu
  1038.        $('.btn__open-menu').click(function () {
  1039.            $(this).toggleClass('open');
  1040.            $("html").toggleClass('open-menu');
  1041.        });
  1042.  
  1043.        // outside click hide share modal
  1044.        $(document).mouseup(function(e){
  1045.            var container = $("#share-modal");
  1046.  
  1047.            // If the target of the click isn't the container
  1048.            if(!container.is(e.target) && container.has(e.target).length === 0){
  1049.                container.hide();
  1050.            }
  1051.        });
  1052.  
  1053.        // newsletter subscribe function
  1054.        $('#subscribe-newsletter-btn').click(function (){
  1055.            var email = $('#subscribe-email').val();
  1056.  
  1057.            $.ajax({
  1058.                url: "https://photoquotes.com/newsletter/save",
  1059.                method: "post",
  1060.                data: {email: email, _token: _token},
  1061.                success: function (res){
  1062.                    if(res.success) {
  1063.                        $.notify("Successfully subscribed", "success");
  1064.                    }
  1065.                }
  1066.            })
  1067.        })
  1068.  
  1069.    });
  1070.  
  1071. </script>
  1072.  
  1073. </body>
  1074. </html>
  1075.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda