95 lines
3.3 KiB
PHP
95 lines
3.3 KiB
PHP
<?php
|
|
$pageTitle = '联系我们 - Nova';
|
|
$pageDescription = 'Nova Bootstrap Template 的联系我们页面';
|
|
$pageKeywords = 'contact, nova';
|
|
require_once __DIR__ . '/header.php';
|
|
?>
|
|
|
|
<!-- Page Title -->
|
|
<div class="page-title dark-background" data-aos="fade" style="background-image: url(<?php echo $baseUrl; ?>/themes/template3/assets/img/contact-page-title-bg.jpg);">
|
|
<div class="container">
|
|
<h1>联系我们</h1>
|
|
<nav class="breadcrumbs">
|
|
<ol>
|
|
<li><a href="<?php echo $baseUrl; ?>/">主页</a></li>
|
|
<li class="current">联系我们</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div><!-- End Page Title -->
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="contact section">
|
|
|
|
<div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-lg-5">
|
|
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="200">
|
|
<i class="bi bi-geo-alt flex-shrink-0"></i>
|
|
<div>
|
|
<h3>地址</h3>
|
|
<p>A108 Adam Street, New York, NY 535022</p>
|
|
</div>
|
|
</div><!-- End Info Item -->
|
|
|
|
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
|
|
<i class="bi bi-telephone flex-shrink-0"></i>
|
|
<div>
|
|
<h3>联系电话</h3>
|
|
<p>+1 5589 55488 55</p>
|
|
</div>
|
|
</div><!-- End Info Item -->
|
|
|
|
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400">
|
|
<i class="bi bi-envelope flex-shrink-0"></i>
|
|
<div>
|
|
<h3>电子邮箱</h3>
|
|
<p>info@example.com</p>
|
|
</div>
|
|
</div><!-- End Info Item -->
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-7">
|
|
<form action="<?php echo $baseUrl; ?>/themes/template3/forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="500">
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-md-6">
|
|
<input type="text" name="name" class="form-control" placeholder="您的姓名" required="">
|
|
</div>
|
|
|
|
<div class="col-md-6 ">
|
|
<input type="email" class="form-control" name="email" placeholder="您的邮箱" required="">
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<input type="text" class="form-control" name="subject" placeholder="主题" required="">
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<textarea class="form-control" name="message" rows="6" placeholder="留言内容" required=""></textarea>
|
|
</div>
|
|
|
|
<div class="col-md-12 text-center">
|
|
<div class="loading">加载中</div>
|
|
<div class="error-message"></div>
|
|
<div class="sent-message">您的留言已发送，感谢！</div>
|
|
|
|
<button type="submit">发送留言</button>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div><!-- End Contact Form -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Contact Section -->
|
|
|
|
</main>
|
|
|
|
<?php require_once __DIR__ . '/footer.php'; ?>
|