forked from arnelimperial/litesite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
1 lines (1 loc) · 6.64 KB
/
contact.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Arnel Imperial's Website-[Coding Hobbyist]</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Geany 1.27"/><meta name="description" content="Hi, I'm Arnel and I'm interested in computer programming, coding and software technology.Welcome to my website"><meta name="keywords" content="Arnel, Imperial, coding hobby, coding hobbyist, coder, coding hobby projects, programming hobbyist, programming hobby projects"><meta name="author" content="Arnel Imperial"><link rel="stylesheet" type="text/css" href="./CSS/normalize.css"><link rel="stylesheet" type="text/css" href="./CSS/contact.css"><link rel="canonical" href="https://arnelimperial.github.io/website-project/"/><meta property="og:url" content="https://arnelimperial.github.io/website-project/contact.html"/><meta property="og:site_name" content="Arnel Imperial's Website"/><meta name="HandheldFriendly" content="true" ><link rel="shortcut icon" type="image/png" href="./Image/logo42.png"><link rel="stylesheet" href="css/normalize.min.css"><link href="https://fonts.googleapis.com/css?family=Space+Mono" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></head><body><header class="site-header"><div class="logo"><div class="logo"><a href="./about.html"><img src="./Image/image10.svg" class="svg" alt="Website logo"></a></div></div><div class="container"><div class="sitetitle-div"><h1><a class="site-name" href="./about.html" title="Arnel Imperial's Website" rel="author">Arnel Imperial's Website</a></h1></div><nav><div><i class="fa fa-navicon"></i></div><ul><li><a href="./index.html" title="Home" rel="Home"><i class="fa fa-home" style="font-size:20px"></i> Home</a></li><li><a href="./projects.html" title="Projects" class=""><i class="fa fa-gears"></i> Projects</a><ul class="nest"><li><a href="#" title="Proj 1">Proj 1</a></li><li><a href="#" title="Proj 2">Proj 2</a></li><li><a href="#" title="Proj 3">Proj 3</a></li><li><a href="#" title="Project 4">Proj 4</a></li></ul></li><li><a href="./skills.html" title="Skills" class=""><i class="fa fa-wrench"></i> Skills</a></li><li><a href="./gallery.html" title="Gallery" class=""><i class="fa fa-camera "></i> Gallery</a></li><li><a href="./about.html" title="About"><i class="fa fa-user-circle"></i> About</a></li><li><a href="./contact.html" title="Contact" class="current"><i class="fa fa-envelope-square" style="color:#FF5100"></i> Contact</a></li></ul></nav></div></header> <main class="page-content" aria-label="Content"><div class="container"><section class="contact-content"><div><h2 class="contact-heading"><a href="./contact.html"><i class="material-icons">contacts</i> Contact Info</a></h2></div><div class="button-div"><button id="contactBtn" class="contactbtn">Alternative Way <i class="fa fa-folder-open-o" style="font-size: 15px"></i></button><div id="contactModal" class="modal"><div class="modal-content"><div class="modal-header"><span id="closeButton" class="close-button"><i class="fa fa-times-rectangle"></i></span><h2>Connect with me:</h2></div><div class="modal-body"><a href="mailto:Arnel.Imperial@metropolia.fi" ><p><i class="material-icons">email</i> Arnel.Imperial@metropolia.fi</p></a><p><i class="fa fa-phone "></i> +358401646203</p></div><div class="modal-footer"><div class="social-icons"><a href="#"><i class="fa fa-github-square" style="font-size: 20px; color: #fff;"></i> Github</a><a href="#"><i class="fa fa-linkedin-square" style="font-size: 20px; color: #fff;"></i> Linkedin</a><a href="#"><i class="fa fa-instagram" style="font-size: 20px; color: #fff;"></i> Instagram</a></div></div></div></div><div class="email-form"> <p class="contact-prefer"><i class="fa fa-paper-plane-o " style="font-size: 20px; color: #E9450A;"></i> You can drop a message for me here (most preferred) or you can click the alternative way button for my other contact info.</p><form method="GET" action="mailto:Arnel.Imperial@metropolia.fi" enctype="text/plain"><div>Please provide subject matter:</div><input type="text" name="subject"/><div>Your name:</div><input name="Name"/><div>Your E-Mail add:</div><input name="E-Mail Address"/><div>Write your message here:</div><textarea name="Message"></textarea><br/><input type="submit" value="Send"/><input type="hidden" name="body"/></form></div></div></section></div></main><footer class="footer-content"><div class="container"><div class="social-icons"><h3 class="online"><i class="fa fa-rocket"></i> Visit me at:</h3><a href="#"><i class="fa fa-github-square" style="font-size: 30px; color: #fff;"></i> Github</a><a href="#"><i class="fa fa-linkedin-square" style="font-size: 30px; color: #fff;"></i> Linkedin</a><div class="footer-heading">Developed by: <a href="./about.html"><h1 class="coder">Arnel Imperial</h1></a> </div><div class="contact-email"><a class="u-email" href="mailto:Arnel.Imperial@metropolia.fi"><i class="fa fa-envelope"></i> Arnel.Imperial@metropolia.fi</a></div><div class="valid">Webpage validated in:</div><div class="w3-logo"> <p><a href="https://jigsaw.w3.org/css-validator/"><img src="https://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!"/></a></p></div><div class="main-section"><div class="button1"><i class="fa fa-info-circle" id="click"> Info</i><div class="info"><p id="info-content"><a href="./about.html">Arnel Imperial</a> is an avid programming/coding learner.<br>He is interested aboutthe implementation of this skill<br>in a wide range of projects and collaboration.Technological<br>influences on the lives of the people and to the worlddrives<br>him to seek know-how in this field.Visit his <a href="./projects.html" title="Projects">projects</a><br><a href="./about.html" title="About">about page</a> and <a href="./Post" title="Post">blog post</a> to know about him.</p></div></div></div></div><div class="logo1"><a href="./about.html"><img src="./Image/image10.svg" class="svg" alt="Website logo"></a></div><div class="time-div"><p class="time-check"><i class="fa fa-dashboard" style="font-size:25px"></i> Today: <span id="datetime"></span></p></div><div class="site-name-footer"><a href="./index.html"> <p class="site-name-footerp">©2018.Arnel Imperial's Website</p></a></div></div></footer><script src="./JS/objective.js"></script><script src="./JS/time.js"></script><script src="./JS/svg-img.js"></script><script src="./JS/modal.js"></script><script src="./JS/email-form.js"></script></body></html>