co-pilot contact form
This commit is contained in:
+35
-9
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user