40 lines
2.1 KiB
HTML
40 lines
2.1 KiB
HTML
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>咨询与联系｜深度云海</title><link rel="stylesheet" href="styles.css" /></head><body>
|
||
<header class="nav"><div class="container nav-inner"><div class="brand"><img class="brand-logo" src="logo.png" alt="深度云海"/><div class="brand-name">深度云海｜Deepagens</div></div><nav>
|
||
<a href="index.html">首页</a>
|
||
<a href="services/raas-platform/">服务</a>
|
||
<a href="cases.html">客户案例</a>
|
||
<a href="blog.html">行业洞察</a>
|
||
<a href="about.html">关于我们</a>
|
||
<a class="btn btn-primary" href="contact.html">免费咨询</a>
|
||
</nav></div></header>
|
||
|
||
<section class="hero"><div class="container"><h1>获取定制方案</h1><p class="sub">平均响应＜2小时，专家1对1沟通。</p><div class="hero-visual"><img src="assets/contact-hero.svg" alt="联系示意图" style="width:100%;max-width:640px"></div></div></section>
|
||
<section class="contact"><div class="container">
|
||
<form id="contact-form" class="form">
|
||
<div class="grid-2">
|
||
<label>姓名<input type="text" name="name" required /></label>
|
||
<label>公司<input type="text" name="company" /></label>
|
||
</div>
|
||
<div class="grid-2">
|
||
<label>邮箱<input type="email" name="email" required /></label>
|
||
<label>手机号<input type="tel" name="phone" /></label>
|
||
</div>
|
||
<label>业务类型
|
||
<select name="type">
|
||
<option>生活服务</option>
|
||
<option>智能制造</option>
|
||
<option>新能源</option>
|
||
<option>医疗健康</option>
|
||
<option>其他</option>
|
||
</select>
|
||
</label>
|
||
<label>需求描述<textarea name="need" rows="4" placeholder="请简要描述您的需求…"></textarea></label>
|
||
<div class="actions">
|
||
<button class="btn btn-primary" type="submit">提交</button>
|
||
<span id="form-msg" class="muted"></span>
|
||
</div>
|
||
</form>
|
||
<div class="card" style="margin-top:16px"><p class="sub">致电咨询：133-5928-2414（工作日 9:00-18:00）</p></div>
|
||
</div></section>
|
||
<script src="script.js"></script>
|
||
</body></html> |