Files
PORTFOLIO/contact.html

57 lines
2.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact BARUA Aditta</title>
<meta name="description" content="Page de contact pour joindre Aditta Barua, étudiant en BTS CIEL, pour des collaborations professionnelles ou académiques.">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
</head>
<body>
<canvas id="background-canvas"></canvas>
<header id="page-header"></header>
<main>
<section id="contact" class="section" data-aos="fade-up">
<h2>Me contacter</h2>
<p>Tu peux me joindre via ce formulaire. Le message sera directement envoyé à ma boîte mail.</p>
<form class="contact-form" method="POST" action="https://formspree.io/f/xblnzrll">
<label for="email">Email :</label>
<input type="email" id="email" name="_replyto" required>
<label for="nom">Nom :</label>
<input type="text" id="nom" name="Nom" required>
<label for="message">Message :</label>
<textarea id="message" name="Message" rows="5" required></textarea>
<input type="hidden" name="_subject" value="Nouveau message via Portfolio BARUA Aditta">
<button type="submit" class="btn">Envoyer</button>
</form>
<p style="margin-top: 30px;">Ou directement par mail :</p>
<p><strong><a href="mailto:aditta.pro.etudes@gmail.com">aditta.pro.etudes@gmail.com</a></strong></p>
</section>
</main>
<footer id="page-footer"></footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script>AOS.init();</script>
<script src="script.js"></script>
</body>
</html>