<section class="page contact">
<style>
.page{max-width:840px;margin:0 auto;padding:28px 18px;line-height:1.75;color:#111}
.page h1{font-size:2rem;margin:.2rem 0 1rem;font-weight:800}
.page h2{font-size:1.2rem;margin:1.6rem 0 .6rem}
.page p{margin:.6rem 0}
label{display:block;margin:.6rem 0 .2rem;font-weight:600}
input, textarea, select{width:100%;padding:12px 12px;border:1px solid #d8e0ea;border-radius:10px;box-sizing:border-box}
textarea{min-height:140px}
.help{font-size:.92rem;color:#567}
.grid{display:grid;gap:10px}
@media(min-width:680px){.grid{grid-template-columns:1fr 1fr}}
.btn{display:inline-block;background:#0b6efd;color:#fff;border:0;border-radius:10px;padding:12px 16px;margin-top:10px;cursor:pointer;text-decoration:none}
a{color:#0b6efd}
ul{margin:.4rem 0 .8rem 1.2rem}
</style>
<h1>Contact Us</h1>
<p>
For advertising inquiries, partnerships, data contributions, correction requests, or consultation services, please fill out the form below.<br />
<span class="help">Response email: <b>davitcho@gmail.com</b> (Business hours: Mon–Fri, 10:00 AM – 6:00 PM)</span>
</p>
<h2>Contact Form</h2>
<div class="grid">
<div>
<label>Name / Company</label>
<input placeholder="John Doe / Smart Finance Hub" />
</div>
<div>
<label>Phone / Email</label>
<input placeholder="+82-10-0000-0000 / you@example.com" />
</div>
</div>
<div class="grid">
<div>
<label>Inquiry Type</label>
<select>
<option>General Inquiry</option>
<option>Data Submission</option>
<option>Partnership / Advertising</option>
<option>Consultation Request</option>
<option>Correction Request</option>
</select>
</div>
<div>
<label>Related Link (Post URL)</label>
<input placeholder="https://yourblog.blogspot.com/..." />
</div>
</div>
<label>Summary / Details</label>
<textarea></textarea>
<a class="btn" href="mailto:davitchh@gmail.com?subject=[Smart Finance Hub] Inquiry&body=Name/Company:%0AContact/Email:%0AInquiry Type:%0ARelated Link:%0ASummary/Details:%0A">Send Email</a>
<p class="help">
The information you provide (e.g., name, email) will only be used to respond to your inquiry.
For more details, please read our <a href="/p/privacy-policy.html">Privacy Policy</a>.
</p>
</section>
No comments:
Post a Comment