nancypannikkat/about.html

111 lines
6.4 KiB
HTML
Raw Normal View History

<!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.
-->
<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>
<style>
2023-01-04 22:45:24 -08:00
@font-face {
font-family: "Queensides";
src: url("font/Queensides-3z7Ey.ttf") format('truetype');
}
body {
position: relative;
background-color: #f2f1ef;
color: #0d1117;
2023-01-04 22:45:24 -08:00
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">
2023-01-09 23:35:51 -08:00
<nav class="nav-container">
<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>
</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">
</div>
<div class="about-desc">
2023-01-04 23:14:20 -08:00
<h2>Hi, I'm Nancy</h2><br>
2023-01-04 22:45:24 -08:00
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>
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>
</body>
</html>