115 lines
6.9 KiB
HTML
115 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<!--
|
||
Copyright Disclaimer: This Source Code is Copyright (c) 2023 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 rel="icon" href="img/icon.ico"> -->
|
||
|
||
<!-- JavaScript Refs -->
|
||
<script defer src="js/general.js"></script>
|
||
<script src="js/jquery-3.6.1.min.js"></script>
|
||
<script defer src="js/contact.js"></script>
|
||
<style>
|
||
@font-face {
|
||
font-family: "Queensides";
|
||
src: url("font/Queensides-3z7Ey.ttf") format('truetype');
|
||
}
|
||
@font-face {
|
||
font-family: "Allura";
|
||
src: url("font/Allura-Regular.ttf") format('truetype');
|
||
}
|
||
body {
|
||
position: relative;
|
||
background-color: #f2f1ef;
|
||
color: #0d1117;
|
||
font-family: "Allura";
|
||
}
|
||
</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" onclick="uncheck('menu-btn')" href="./" title="gallery">Gallery</a></li>
|
||
<li><a class="navlink active" 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 -->
|
||
<main>
|
||
<div class="about-parent">
|
||
<div class="about-profile">
|
||
<img class="about-img" src="img/profile.jpg">
|
||
</div>
|
||
<div class="about-desc">
|
||
Born and raised in Western New York State, Nancy Pannikkat grew up with a love for art, graduating with a Bachelor’s of Fine Arts from the State University of New York, College at Fredonia in 1994. She has resided in the San Francisco Bay Area for almost thirty years with her husband, raising their children while doing non profit work and art as a hobby. Now at age 50 she has revisited her art roots, finding new inspiration and passion to create pieces that translate her love of color, texture, and high contrast in nature. Her many travels bring new subject material whether it be tropics, deserts, mountains, or farmland. Her current collection inspired by the Hawaiian Islands will be on display at The Patterson Library, Octagon Gallery in Westfield, NY February 17th- March 18th 2023.
|
||
<section class="contact">
|
||
<h2 class="topic">Contact Me</h2>
|
||
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->
|
||
<form action="https://formsubmit.co/nancypannikkat@gmail.com" class="contact-form" method="POST">
|
||
<div class="form-single-line">
|
||
<div class="input-block">
|
||
<label for="">Name</label>
|
||
<input type="text" name="Name" class="form-control" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-single-line">
|
||
<div class="input-block">
|
||
<label for="">Email</label>
|
||
<input type="email" name="Email" class="form-control" required>
|
||
</div>
|
||
</div>
|
||
<div class="form-multi-line">
|
||
<div class="input-block textarea">
|
||
<label for="">Drop your message here</label>
|
||
<textarea rows="3" name="Message" class="form-control" required></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-submit-button">
|
||
<button type="submit" class="square-button">Send</button>
|
||
</div>
|
||
</form>
|
||
</section>
|
||
</div>
|
||
|
||
</div>
|
||
</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> |