174 lines
5.8 KiB
HTML
174 lines
5.8 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">
|
||
</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="#home" class="active">首页</a>
|
||
<a href="cases.html">成功案例</a>
|
||
<a href="contact.html">联系我们</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Hero区域 -->
|
||
<section id="home" class="hero">
|
||
<div class="hero-bg">
|
||
<img src="images/main_bg.png" alt="背景" class="bg-image">
|
||
</div>
|
||
<div class="hero-content-wrapper">
|
||
<div class="hero-text">
|
||
<h1>找女婿 找儿媳</h1>
|
||
<h2>就用相宜亲家</h2>
|
||
</div>
|
||
<div class="hero-family">
|
||
<img src="images/group_photo.png" alt="幸福家庭" class="family-image">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 产品特点区域 -->
|
||
<section id="features" class="features">
|
||
<div class="container">
|
||
<div class="section-title">
|
||
<h2>家长先筛好，儿女再见面，高效帮娃脱单</h2>
|
||
<p>家长在平台挑选合适条件，直接电话聊透情况，省时间、超踏实、少折腾</p>
|
||
</div>
|
||
|
||
<div class="features-content">
|
||
<div class="features-phone">
|
||
<img src="images/ic_phone.png" alt="小程序界面">
|
||
</div>
|
||
<div class="features-list">
|
||
<div class="feature-item">
|
||
|
||
<div class="feature-info">
|
||
<h3>资源够精准</h3>
|
||
<p>按你的择偶要求，定向推送配对相亲家庭</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-item">
|
||
|
||
<div class="feature-info">
|
||
<h3>推进更顺畅</h3>
|
||
<p>先由家长把基本条件聊清楚，孩子不用反复适合</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-item">
|
||
|
||
<div class="feature-info">
|
||
<h3>沟通无阻碍</h3>
|
||
<p>看中的家庭直接打给对方家长，信息同步更直接</p>
|
||
</div>
|
||
</div>
|
||
<div class="feature-item">
|
||
|
||
<div class="feature-info">
|
||
<h3>性价比超高</h3>
|
||
<p>前 2 次对接完全免费，后续小额付费就能持续联系</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 成功案例区域 -->
|
||
<section id="cases" class="cases">
|
||
<div class="container">
|
||
<div class="section-title">
|
||
<h2>成功案例</h2>
|
||
<p>每天都有数百位家长成功在平台脱单，客服团队每天也都收到满满的好评，感谢每一位家长的认可与相信</p>
|
||
</div>
|
||
<div class="cases-grid">
|
||
<div class="case-item">
|
||
<div class="case-image">
|
||
<img src="images/case_1.png" alt="成功案例1">
|
||
</div>
|
||
<div class="case-info">
|
||
<p class="case-desc">男·上海·31岁·本科学历</p>
|
||
<p class="case-name">钱叔叔</p>
|
||
<p class="case-result">注册平台<span class="highlight">2个月</span>帮孩子脱单</p>
|
||
</div>
|
||
</div>
|
||
<div class="case-item">
|
||
<div class="case-image">
|
||
<img src="images/case_2.png" alt="成功案例2">
|
||
</div>
|
||
<div class="case-info">
|
||
<p class="case-desc">女·广州·28岁·研究生学历</p>
|
||
<p class="case-name">宋叔叔</p>
|
||
<p class="case-result">注册平台<span class="highlight">6个月</span>帮孩子脱单</p>
|
||
</div>
|
||
</div>
|
||
<div class="case-item">
|
||
<div class="case-image">
|
||
<img src="images/case_3.png" alt="成功案例3">
|
||
</div>
|
||
<div class="case-info">
|
||
<p class="case-desc">男·北京·33岁·本科学历</p>
|
||
<p class="case-name">刘阿姨</p>
|
||
<p class="case-result">注册平台<span class="highlight">2个月</span>帮孩子脱单</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="case-item">
|
||
<div class="case-image">
|
||
<img src="images/case_4.png" alt="成功案例4">
|
||
</div>
|
||
<div class="case-info">
|
||
<p class="case-desc">女·广州·25岁·本科学历</p>
|
||
<p class="case-name">沈叔叔</p>
|
||
<p class="case-result">注册平台<span class="highlight">60天</span>帮孩子脱单</p>
|
||
</div>
|
||
</div>
|
||
<div class="case-item">
|
||
<div class="case-image">
|
||
<img src="images/case_5.png" alt="成功案例5">
|
||
</div>
|
||
<div class="case-info">
|
||
<p class="case-desc">男·江苏·32岁·硕士学历</p>
|
||
<p class="case-name">陈家长</p>
|
||
<p class="case-result">注册平台<span class="highlight">4个月</span>帮孩子脱单</p>
|
||
</div>
|
||
</div>
|
||
<div class="case-item">
|
||
<div class="case-image">
|
||
<img src="images/case_6.png" alt="成功案例6">
|
||
</div>
|
||
<div class="case-info">
|
||
<p class="case-desc">男·重庆·32岁·本科学历</p>
|
||
<p class="case-name">陶家长</p>
|
||
<p class="case-result">注册平台<span class="highlight">8个月</span>帮孩子脱单</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer id="contact" class="footer">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<p class="company">相宜亲家(苏州)网络科技有限公司 地址：江苏省苏州市昆山市周市镇萧林东路5018号都汇广场6号楼217室</p>
|
||
<p class="contact">联系方式：393061738@qq.com 备案号：苏ICP备2026001086号-1</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |