103 lines
4.5 KiB
HTML
103 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="联系相宜亲家 - 专业的相亲平台，为您提供优质的婚恋服务">
|
||
<meta name="keywords" content="联系我们,相宜亲家,相亲平台,婚恋服务">
|
||
<title>联系我们 - 相宜亲家</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="stylesheet" href="css/contact.css">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<header class="header">
|
||
<div class="container">
|
||
<div class="logo">
|
||
<img src="images/logo.png" alt="相宜亲家">
|
||
<span>相宜亲家</span>
|
||
</div>
|
||
<nav class="nav">
|
||
<a href="index.html">首页</a>
|
||
<a href="cases.html">成功案例</a>
|
||
<a href="contact.html" class="active">联系我们</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Hero区域 -->
|
||
<section class="contact-hero">
|
||
<div class="contact-hero-bg">
|
||
<img src="images/main_bg3.png" alt="联系我们背景" class="hero-bg-image">
|
||
</div>
|
||
<div class="contact-hero-content">
|
||
<div class="hero-logo-section">
|
||
<div class="hero-logo-icon">
|
||
<img src="images/logo.png" alt="相宜亲家">
|
||
</div>
|
||
<div class="hero-brand">
|
||
<h1 class="brand-title">相宜亲家</h1>
|
||
<p class="brand-subtitle">家长帮孩子找对象的平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 联系信息区域 -->
|
||
<section class="contact-info">
|
||
<div class="container">
|
||
<h2 class="contact-title">联系我们</h2>
|
||
|
||
<div class="contact-items">
|
||
<div class="contact-item">
|
||
<h3 class="item-title">联系地址</h3>
|
||
<div class="item-content">
|
||
<div class="contact-icon">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" fill="#e74c3c"/>
|
||
</svg>
|
||
</div>
|
||
<span class="contact-text">南京市建邺区云龙山路66号天羽美岸大厦</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contact-item">
|
||
<h3 class="item-title">联系邮箱</h3>
|
||
<div class="item-content">
|
||
<div class="contact-icon">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" fill="#e74c3c"/>
|
||
</svg>
|
||
</div>
|
||
<span class="contact-text">400@vekj.cn</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="contact-item">
|
||
<h3 class="item-title">服务监督电话</h3>
|
||
<div class="item-content">
|
||
<div class="contact-icon">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z" fill="#e74c3c"/>
|
||
</svg>
|
||
</div>
|
||
<span class="contact-text">123-123-123</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<p class="company">相宜亲家苏州相宜信息科技有限公司 地址：江苏省苏州市姑苏区华池街88号晋合广场3幢5层217室</p>
|
||
<p class="contact">联系方式：3390617394@qq.com 备案号：苏ICP备2026001066号-1</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |