co-pilot contact form

This commit is contained in:
PaulsRepo
2025-07-20 13:17:44 +01:00
parent 457dd983b6
commit 41d5c91f68
2 changed files with 747 additions and 9 deletions
+35 -9
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paul Niland - Professional CV</title>
<title>Paul Niland - CV</title>
<style>
* {
margin: 0;
@@ -368,14 +368,10 @@
<div class="header-content">
<h1 class="name">PAUL NILAND</h1>
<p class="chinese-name">孫保羅先生</p>
<div class="contact-info">
<div class="contact-item">
<span>📧</span>
<span>paul@niland.tw</span>
</div>
<div class="contact-item">
<span>📱</span>
<span>+84 932 069 891</span>
<div class="contact-item">
<a href="assets/Resume-2023.pdf" download style="color: white; font-weight: bold;">
📄 Download My Resume
</a>
</div>
</div>
<p class="tagline">Experienced professional across communications, analysis, project management, and teaching. Adaptable and international in scope.</p>
@@ -609,7 +605,37 @@
</div>
</div>
</div>
<!-- Contact Section -->
<div class="card fade-in">
<div class="section">
<h2 class="section-title" onclick="toggleSection(this)">
📬 Get in Touch
<span class="collapse-icon"></span>
</h2>
<div class="section-content">
<form action="mailto:paul@niland.tw" method="POST" enctype="text/plain">
<label for="name">Name</label>
<input type="text" id="name" name="name" required style="width:100%; padding:10px; margin-bottom:10px;">
<label for="email">Email</label>
<input type="email" id="email" name="email" required style="width:100%; padding:10px; margin-bottom:10px;">
<label for="message">Message</label>
<textarea id="message" name="message" rows="4" required style="width:100%; padding:10px; margin-bottom:10px;"></textarea>
<!-- Honeypot for spam protection -->
<div style="display:none;">
<label for="company">Company</label>
<input type="text" id="company" name="company">
</div>
<button type="submit" style="background:#667eea; color:white; padding:10px 20px; border:none; border-radius:20px; cursor:pointer;">
Send Message
</button>
</form>
</div>
</div>
</div>
<script>
// Collapsible sections functionality
function toggleSection(titleElement) {