2022-11-20 02:00:20 -08:00
<!DOCTYPE html>
< html lang = "en" >
<!--
2023-01-21 15:53:15 -08:00
Copyright Disclaimer: This Source Code is Copyright (c) 2023 Nancy Pannikkat. All Rights Reserved.
2022-11-20 02:00:20 -08:00
-->
< 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 -->
2023-01-04 22:45:24 -08:00
< script src = "js/jquery-3.6.1.min.js" > < / script >
< script defer src = "js/contact.js" > < / script >
2022-11-20 02:00:20 -08:00
< style >
2023-01-04 22:45:24 -08:00
@font-face {
font-family: "Queensides";
src: url("font/Queensides-3z7Ey.ttf") format('truetype');
}
2023-01-28 00:54:44 -08:00
@font-face {
font-family: "Allura";
src: url("font/Allura-Regular.ttf") format('truetype');
}
2022-11-20 02:00:20 -08:00
body {
position: relative;
background-color: #f2f1ef;
color: #0d1117;
2023-01-28 00:54:44 -08:00
font-family: "Allura";
2022-11-20 02:00:20 -08:00
}
< / 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" >
2023-01-09 23:35:51 -08:00
< nav class = "nav-container" >
2022-11-20 02:00:20 -08:00
< div class = "nav-left" >
< a id = "nav-logo-a" href = "./" >
< h1 > Nancy Pannikkat< / h1 >
< / a >
< / div >
2023-01-09 23:35:51 -08:00
< 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 >
2022-11-20 02:00:20 -08:00
< / nav >
< / div >
<!-- Main -->
< main >
< div class = "about-parent" >
2023-01-06 22:16:10 -08:00
< div class = "about-profile" >
< img class = "about-img" src = "img/profile.jpg" >
2022-11-20 02:00:20 -08:00
< / div >
< div class = "about-desc" >
2023-01-23 00:18:06 -08:00
Born and raised in Western New York State, Nancy Pannikkat grew up with a love for art, graduating with a Bachelor’
2023-01-04 22:45:24 -08:00
< section class = "contact" >
< h2 class = "topic" > Contact Me< / h2 >
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->
2023-01-28 00:54:44 -08:00
< form action = "https://formsubmit.co/nancypannikkat@gmail.com" class = "contact-form" method = "POST" >
2023-01-04 22:45:24 -08:00
< 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 >
2022-11-20 02:00:20 -08:00
< / div >
< / div >
< / main >
2022-11-20 22:30:34 -08:00
< footer >
< div class = "footer-container" >
< div class = "footer-copyright" >
2023-01-05 18:04:22 -08:00
©️ 2023 Nancy Pannikkat
2022-11-20 22:30:34 -08:00
< / 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 >
2022-11-20 02:00:20 -08:00
< / body >
< / html >
