contact.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MDPF | Contact</title>    
    <link rel="stylesheet" href="css/style.css">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
    
    <nav id="nav">
        <div class="navWrapper">
            <ul class="navMenuItems">
                <a href="index.html"><li>Home</li></a>
                <a href="projects.html"><li>Projects</li></a>
                <!-- <a href="about.html"><li class="hover1">About</li></a> -->
                <a href="contact.html"><li class="currentPage">Contact</li></a>
            </ul>
            <ul class="languageMenu">
                <a><li class="currentLanguage">EN</li></a>
                <a href="../pt/index-pt.html"><li>PT</li></a>
            </ul>
            <button id="btn-ham" class="buttonHam">
                <span class="ham"></span>
            </button>
        </div>
        <div class="colorBar"></div>
    </nav>
    

    <div class="content">
        <div class="contactSectionContainer">
            <div class="contactSection">
                
                <div class="contactSectionContent">
                    <h1>Contact</h1>
                    <p>Have a request or question? Feel free to contact and I'll get to you as soon as possible.</p>
                    <br>
                    <p>You can also connect with me on <a href="https://www.github.com/medpaf" class="highSec2Link" target="_blank">GitHub</a> or <a href="https://www.linkedin.com/in/medpaf/" class="highSec2Link" target="_blank">LinkedIn</a>.</p>
                    <div class="contactForm">
                        <form action="https://formspree.io/f/mayaedkn" method="POST">
                            <input class="formName" placeholder="Name" type="text" required name="Sender" />
                            <input class="formEmail" placeholder="Email" type="email" required name="Reply to"/>
                            <input class="formSubject" placeholder="Subject" type="text" required name="Subject"/>
                            <textarea placeholder="Message" name="Message" required></textarea>
                            <input class="formButton" type="submit" value="Submit" />
                        </form>
                    </div>
                </div>

                
            </div>
        </div>
        
    </div>

    <div class="footer">
        Paulo Medeiros &#9400; 2022. All Rights Reserved
    </div>

    <script src="js/ham.js"></script>


</body>
</html>