119 lines
12 KiB
HTML
119 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!--
|
|
Copyright Disclaimer: This Source Code is Copyright (c) 2022 Nancy Pannikkat. All Rights Reserved.
|
|
-->
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<title>Nancy Pannikkat</title>
|
|
<link href="css/general.css" rel="stylesheet" type="text/css" media="all">
|
|
<link href="css/splide.min.css" rel="stylesheet" type="text/css" media="all">
|
|
<!-- <link rel="icon" href="img/icon.ico"> -->
|
|
|
|
<meta name="author" content="Nancy Pannikkat">
|
|
<meta name="copyright" content="This site and its pages are Copyright (c) 2022 Nancy Pannikkat. All Rights Reserved.">
|
|
<meta name="description" content="The official art gallery showcase of Nancy Pannikkat">
|
|
<meta name="keywords" content="Nancy Pannikkat, art gallery, art, art website">
|
|
|
|
<!-- JavaScript Refs -->
|
|
<script defer src="js/general.js"></script>
|
|
<script defer src="js/splide.min.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: "Queensides";
|
|
src: url("font/Queensides-3z7Ey.ttf") format('truetype');
|
|
}
|
|
body {
|
|
position: relative;
|
|
background-color: #f2f1ef;
|
|
color: #0d1117;
|
|
font-family: "Queensides";
|
|
}
|
|
</style>
|
|
<!--For icons, go here: https://iconsvg.xyz/ or https://icomoon.io/app/#/select-->
|
|
<!-- Compress Images: https://imageresizer.com/image-compressor -->
|
|
</head>
|
|
<body>
|
|
<!--Nav-->
|
|
<div class="nav-wrapper">
|
|
<nav class="nav-container">
|
|
<div class="nav-left">
|
|
<a id="nav-logo-a" href="./">
|
|
<h1>Nancy Pannikkat</h1>
|
|
</a>
|
|
</div>
|
|
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
|
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
|
|
<ul class="nav-menu">
|
|
<li><a class="navlink active" onclick="uncheck('menu-btn')" href="./" title="gallery">Gallery</a></li>
|
|
<li><a class="navlink" onclick="uncheck('menu-btn')" href="./about.html" title="about">About</a></li>
|
|
<li><a class="navlink boxed" onclick="uncheck('menu-btn')" href="./buy.html" title="buy">Buy</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- Main -->
|
|
<header>
|
|
<section class="splide" aria-label="Splide Basic HTML Example">
|
|
<div class="splide__track">
|
|
<ul class="splide__list" id="splide__list">
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/1.jpg" alt="painting thumbnail"><div class="slide-desc">“Anini Beach, Kauai” (12x16 Acrylic on canvas)<br>$200</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/2.jpg" alt="painting thumbnail"><div class="slide-desc">“Kilauea Lighthouse Point, Kauai” (11x14 Acrylic on canvas)<br>$175</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/3.jpg" alt="painting thumbnail"><div class="slide-desc">“Be United As One” (8x10 Mixed media canvas)<br>$95</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/4.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Gardens” (16x20 Acrylic on photo canvas mixed media)<br>$250</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/5.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona Sunset, Hawaii” (11x14 metal print)<br>$75</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/6.jpg" alt="painting thumbnail"><div class="slide-desc">“Keauhou Beach, Hawaii” (11x14 Metal print)<br>$75</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/7.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Innocence, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/8.jpg" alt="painting thumbnail"><div class="slide-desc">“Ohana Surf, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/9.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Dreams, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/10.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia1, Maui” (11x14 Metal print)<br>$75</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/11.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 2, Maui"<br>*Custom prints available</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/12.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 3, Maui"<br>*Custom prints available</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/13.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona, Hawaii” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/14.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole 2 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/15.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Serenity, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/16.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole1 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/17.jpg" alt="painting thumbnail"><div class="slide-desc">“Poipu Beach, Kauai” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/18.jpg" alt="painting thumbnail"><div class="slide-desc">“Red Sky at Night, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/19.jpg" alt="painting thumbnail"><div class="slide-desc">“Sailor's Delight, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/20.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Edge Picnic, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/21.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Chapel, Maui” (8x10 Framed Print)<br>$45</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/22.jpg" alt="painting thumbnail"><div class="slide-desc">“Shipwrecked, Maui Style” (8x10 Framed Print)<br>$55</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/23.jpg" alt="painting thumbnail"><div class="slide-desc">“Alpinia Floral, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/24.jpg" alt="painting thumbnail"><div class="slide-desc">“Hibiscus, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/25.jpg" alt="painting thumbnail"><div class="slide-desc">“Bromeliad, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/26.jpg" alt="painting thumbnail"><div class="slide-desc">“Gecko, Hawaii” (5x5 Framed Print)<br>$35</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/27.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Crab, Maui” (5x5 Framed Print)<br>$35</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/28.jpg" alt="painting thumbnail"><div class="slide-desc">“Kula Rooster, Maui” (5x5 Framed Print)<br>$35</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/29.jpg" alt="painting thumbnail"><div class="slide-desc">“Po'olenalena Beach, Maui”<br>*Custom Prints Available</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/30.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/31.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</header>
|
|
<main>
|
|
</main>
|
|
<footer>
|
|
<div class="footer-container">
|
|
<div class="footer-copyright">
|
|
©️ 2023 Nancy Pannikkat
|
|
</div>
|
|
<div class="socials">
|
|
<div class="socials-icon">
|
|
<a href="#" title="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="#000"><path d="M20 0a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h16zm-4 7.28V4.5h-2.29c-2.1 0-3.42 1.6-3.42 3.89v1.67H8v2.77h2.29v6.67h2.85v-6.67h2.29l.57-2.77h-2.86V8.94c0-1.1.58-1.66 1.72-1.66H16z"/></svg></a>
|
|
</div>
|
|
<div class="socials-icon">
|
|
<a href="#" title="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="#000"><path d="M20 0a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h16zm-4.89 4.5H8.9C6.33 4.5 4.6 6.15 4.5 8.66V15.09c0 1.3.42 2.41 1.27 3.23a4.34 4.34 0 0 0 2.88 1.17l.27.01h6.16c1.3 0 2.4-.42 3.18-1.18a4.25 4.25 0 0 0 1.23-2.95l.01-.26V8.9c0-1.28-.42-2.36-1.21-3.15a4.24 4.24 0 0 0-2.92-1.23l-.26-.01zm-6.2 1.4h6.24c.9 0 1.66.26 2.2.8.47.5.77 1.18.81 1.97V15.1c0 .94-.32 1.7-.87 2.21-.5.47-1.17.74-1.98.78H8.92c-.91 0-1.67-.26-2.21-.78-.5-.5-.77-1.17-.81-2V8.88c0-.9.26-1.66.8-2.2a2.98 2.98 0 0 1 2-.78h6.45-6.23zM12 8.1a3.88 3.88 0 0 0 0 7.74 3.88 3.88 0 0 0 0-7.74zm0 1.39a2.5 2.5 0 0 1 2.48 2.48A2.5 2.5 0 0 1 12 14.45a2.5 2.5 0 0 1-2.48-2.48A2.5 2.5 0 0 1 12 9.49zm4.02-2.36a.88.88 0 1 0 0 1.76.88.88 0 0 0 0-1.76z"/></svg></a>
|
|
</div>
|
|
<div class="socials-icon">
|
|
<a href="#" title="Email"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |