116 lines
6.7 KiB
HTML
116 lines
6.7 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 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, buy art online">
|
|
|
|
<!-- JavaScript Refs -->
|
|
<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');
|
|
}
|
|
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" 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">
|
|
<h2>Hi, I'm Nancy</h2><br>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
<section class="contact">
|
|
<h2 class="topic">Contact Me</h2>
|
|
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->
|
|
<form action="#" 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> |