Open service 136.0.111.124:443 · www.danielcotter.com
2025-12-19 19:48
HTTP/1.1 200 OK
Connection: close
content-type: text/html
last-modified: Mon, 15 Sep 2025 19:55:27 GMT
accept-ranges: bytes
content-length: 4617
date: Fri, 19 Dec 2025 19:48:11 GMT
alt-svc: h3=":443"; ma=2592000, h3-29=":443"; ma=2592000, h3-Q050=":443"; ma=2592000, h3-Q046=":443"; ma=2592000, h3-Q043=":443"; ma=2592000, quic=":443"; ma=2592000; v="43,46"
Page title: Daniel Cotter Art
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daniel Cotter Art</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<!-- Header with logo and navigation -->
<header>
<div class="logo-wrapper">
<div class="logo">
<img src="newlogo.png" alt="Daniel Cotter Logo">
</div>
</div>
<div class="separator"></div> <!-- Separation bar -->
<nav>
<ul>
<li><a href="index.html" class="active">Portfolio</a></li>
<li><a href="sketchbook.html">Sketchbook</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="https://www.inprnt.com/gallery/danielcotter/">Store</a></li>
</ul>
</nav>
</header>
<!-- Gallery Section -->
<section id="gallery">
<div class="gallery-grid">
<!-- Portfolio Images -->
<div class="gallery-item">
<img src="portfolio/thumbs/s01.jpg" alt="Artwork 1" onclick="openModal(0, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s02.jpg" alt="Artwork 2" onclick="openModal(1, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s03.jpg" alt="Artwork 3" onclick="openModal(2, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s04.jpg" alt="Artwork 4" onclick="openModal(3, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s05.jpg" alt="Artwork 5" onclick="openModal(4, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s06.jpg" alt="Artwork 6" onclick="openModal(5, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s07.jpg" alt="Artwork 7" onclick="openModal(6, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s08.jpg" alt="Artwork 8" onclick="openModal(7, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s09.jpg" alt="Artwork 9" onclick="openModal(8, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s10.jpg" alt="Artwork 10" onclick="openModal(9, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s11.jpg" alt="Artwork 11" onclick="openModal(10, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s12.jpg" alt="Artwork 12" onclick="openModal(11, 'portfolio')">
</div>
</div>
</section>
<!-- Modal -->
<div class="modal">
<span class="close-btn">×</span>
<div class="modal-content">
<img id="modal-image" src="" alt="Selected Artwork">
<button class="prev" onclick="changeImage(-1)">❮</button>
<button class="next" onclick="changeImage(1)">❯</button>
</div>
</div>
<!-- Separator -->
<div class="separator-gallery-footer"></div>
<!-- Footer -->
<footer>
<p>A
Open service 136.0.111.124:80 · www.danielcotter.com
2025-12-19 19:48
HTTP/1.1 200 OK
Connection: close
content-type: text/html
last-modified: Mon, 15 Sep 2025 19:55:27 GMT
accept-ranges: bytes
content-length: 4617
date: Fri, 19 Dec 2025 19:48:11 GMT
Page title: Daniel Cotter Art
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daniel Cotter Art</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<!-- Header with logo and navigation -->
<header>
<div class="logo-wrapper">
<div class="logo">
<img src="newlogo.png" alt="Daniel Cotter Logo">
</div>
</div>
<div class="separator"></div> <!-- Separation bar -->
<nav>
<ul>
<li><a href="index.html" class="active">Portfolio</a></li>
<li><a href="sketchbook.html">Sketchbook</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="https://www.inprnt.com/gallery/danielcotter/">Store</a></li>
</ul>
</nav>
</header>
<!-- Gallery Section -->
<section id="gallery">
<div class="gallery-grid">
<!-- Portfolio Images -->
<div class="gallery-item">
<img src="portfolio/thumbs/s01.jpg" alt="Artwork 1" onclick="openModal(0, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s02.jpg" alt="Artwork 2" onclick="openModal(1, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s03.jpg" alt="Artwork 3" onclick="openModal(2, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s04.jpg" alt="Artwork 4" onclick="openModal(3, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s05.jpg" alt="Artwork 5" onclick="openModal(4, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s06.jpg" alt="Artwork 6" onclick="openModal(5, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s07.jpg" alt="Artwork 7" onclick="openModal(6, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s08.jpg" alt="Artwork 8" onclick="openModal(7, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s09.jpg" alt="Artwork 9" onclick="openModal(8, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s10.jpg" alt="Artwork 10" onclick="openModal(9, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s11.jpg" alt="Artwork 11" onclick="openModal(10, 'portfolio')">
</div>
<div class="gallery-item">
<img src="portfolio/thumbs/s12.jpg" alt="Artwork 12" onclick="openModal(11, 'portfolio')">
</div>
</div>
</section>
<!-- Modal -->
<div class="modal">
<span class="close-btn">×</span>
<div class="modal-content">
<img id="modal-image" src="" alt="Selected Artwork">
<button class="prev" onclick="changeImage(-1)">❮</button>
<button class="next" onclick="changeImage(1)">❯</button>
</div>
</div>
<!-- Separator -->
<div class="separator-gallery-footer"></div>
<!-- Footer -->
<footer>
<p>A