|
@@ -0,0 +1,302 @@
|
|
|
|
+<!doctype html>
|
|
|
|
+<html class="no-js" lang="">
|
|
|
|
+<head>
|
|
|
|
+ <meta charset="utf-8">
|
|
|
|
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
|
+ <title>月嫂简历</title>
|
|
|
|
+ <meta name="description" content="">
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
+
|
|
|
|
+ <link rel="manifest" href="site.webmanifest">
|
|
|
|
+ <link rel="apple-touch-icon" href="icon.png">
|
|
|
|
+ <link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.2.0/css/bootstrap.min.css">
|
|
|
|
+ <link rel="stylesheet" href="css/main.css">
|
|
|
|
+ <link rel="stylesheet" href="css/resume.css">
|
|
|
|
+
|
|
|
|
+</head>
|
|
|
|
+<body>
|
|
|
|
+<div class="resume-body">
|
|
|
|
+ <!--头部icon-->
|
|
|
|
+ <div class="resume-header">
|
|
|
|
+ <image class="resume-header-image" id="header-nav-image"></image>
|
|
|
|
+ </div>
|
|
|
|
+ <!--头部响应信息-->
|
|
|
|
+ <div class="resume-header-info">
|
|
|
|
+ <div class="resume-header-left">
|
|
|
|
+ <image class="resume-header-left-image" src="img/header.jpg"></image>
|
|
|
|
+ <p class="resume-name">$name</p>
|
|
|
|
+ <image id="resume-header-starts" class="resume-header-left-comment-image" src=""></image>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="resume-header-right">
|
|
|
|
+
|
|
|
|
+ <div class="resume-header-right-topinfo">
|
|
|
|
+ <div class="containers">
|
|
|
|
+ <div class="one"><span class="containers-items one-span">$np</span></div>
|
|
|
|
+ <div class="two"><span class="containers-items two-span">$age</span></div>
|
|
|
|
+ <div class="three"><span class="containers-items three-span">$ethnicgroup</span></div>
|
|
|
|
+ <div class="four"><span class="containers-items four-span">$zodiac</span></div>
|
|
|
|
+ <div class="five"><span class="containers-items five-span">$constellation</span></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="resume-header-right-middleinfo">
|
|
|
|
+ <div class="containers-middle">
|
|
|
|
+ <div class="one-middle">
|
|
|
|
+ <div class="middle-item">
|
|
|
|
+ <span class="middle-item-title">经验:</span><span class="middle-item-content">$seniority</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="middle-item">
|
|
|
|
+ <span class="middle-item-title">用户:</span><span class="middle-item-content">$babynumber</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="middle-item">
|
|
|
|
+ <span class="middle-item-title">学历:</span><span class="middle-item-content">$education</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="two-middle">
|
|
|
|
+ <div class="middle-item">
|
|
|
|
+ <span class="middle-item-title shengao">身高:</span><span
|
|
|
|
+ class="middle-item-content">$height</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="middle-item">
|
|
|
|
+ <span class="middle-item-title">体重:</span><span class="middle-item-content">$weight</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="middle-item">
|
|
|
|
+ <span class="middle-item-title">婚否:</span><span class="middle-item-content">$marriage</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="three-middle">
|
|
|
|
+ <div class="middle-item-bottom">
|
|
|
|
+ <span class="middle-item-title">特长:</span><span
|
|
|
|
+ class="middle-item-content">$highlight</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="resume-header-right-bottominfo">
|
|
|
|
+ <div class="containers-bottom">
|
|
|
|
+ <div class="nav bottom-info">
|
|
|
|
+ <image class="bottom-info-icon" src="img/形状24@2x.png"></image>
|
|
|
|
+ <span class="bottom-info-span">实名认证</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="nav bottom-info">
|
|
|
|
+ <image class="bottom-info-icon" src="img/形状25@2x.png"></image>
|
|
|
|
+ <span class="bottom-info-span">护理证书</span>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="nav bottom-info">
|
|
|
|
+ <image class="bottom-info-icon" src="img/形状26@2x.png"></image>
|
|
|
|
+ <span class="bottom-info-span">健康证明</span>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="nav bottom-info">
|
|
|
|
+ <image class="bottom-info-icon" src="img/形状27@2x.png"></image>
|
|
|
|
+ <span class="bottom-info-span">无犯罪记录</span>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!--相关证件-->
|
|
|
|
+ <div class="resume-certificate-image">
|
|
|
|
+ <span class="resume-item-title">相关证件</span>
|
|
|
|
+
|
|
|
|
+ <!--轮播-->
|
|
|
|
+ <div class="lb_gl_certificate">
|
|
|
|
+ <div class="container">
|
|
|
|
+
|
|
|
|
+ <div class="pictureSlider-certificate poster-main">
|
|
|
|
+ <div class="left-modal modal-certificate"></div>
|
|
|
|
+ <ul id="zturn-certificate" class="poster-list">
|
|
|
|
+ <div class="poster-btn poster-certificate-prev-btn certificate"></div>
|
|
|
|
+ $certificate
|
|
|
|
+ <div class="poster-btn poster-certificate-next-btn"></div>
|
|
|
|
+ </ul>
|
|
|
|
+ <div class="right-modal modal-certificate"></div>
|
|
|
|
+ <!--indicators-->
|
|
|
|
+ <div class="indicator-list indicator-list-cer">
|
|
|
|
+ $certificatehref
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!--悦所评价-->
|
|
|
|
+ <div class="resume-evaluation">
|
|
|
|
+ <span class="resume-item-title">悦所评价</span>
|
|
|
|
+ <p class="resume-yscomment">$resumecomment</p>
|
|
|
|
+ </div>
|
|
|
|
+ <!--服务照片-->
|
|
|
|
+ <div class="resume-service-image">
|
|
|
|
+ <span class="resume-item-title">服务照片</span>
|
|
|
|
+ <!--轮播-->
|
|
|
|
+ <div class="lb_gl">
|
|
|
|
+ <div class="container">
|
|
|
|
+
|
|
|
|
+ <div class="pictureSlider poster-main">
|
|
|
|
+ <div class="left-modal"></div>
|
|
|
|
+ <ul id="zturn" class="poster-list">
|
|
|
|
+ <div class="poster-btn poster-prev-btn"></div>
|
|
|
|
+ $service
|
|
|
|
+ <div class="poster-btn poster-next-btn"></div>
|
|
|
|
+ </ul>
|
|
|
|
+ <div class="right-modal"></div>
|
|
|
|
+
|
|
|
|
+ <!--indicators-->
|
|
|
|
+ <div class="indicator-list indicator-list-service">
|
|
|
|
+ $certificatehref
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <!--最新评价-->
|
|
|
|
+ <div class="resume-comments">
|
|
|
|
+ <span class="resume-item-title">最新评论</span>
|
|
|
|
+ <div class="resume-comments-div" id="resume-comments">
|
|
|
|
+ <div class="box_4" id="box-comments">
|
|
|
|
+ <div class="roll" id="roll">
|
|
|
|
+ <div class="roll_list">
|
|
|
|
+ <div class="ul_box" id="ul_box">
|
|
|
|
+ $comment
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ul_box" id="ul_box2"></div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <!--底部信息-->
|
|
|
|
+ <div class="resume-footer">
|
|
|
|
+ <div class="resume-footer-top">
|
|
|
|
+ <div class="resume-footer-top-item">
|
|
|
|
+ <image class="resume-footer-top-image" src="img/1@2x.png"></image>
|
|
|
|
+ <span class="resume-footer-top-span">专业的服务</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="resume-footer-top-item">
|
|
|
|
+ <image class="resume-footer-top-image" src="img/形状28@2x.png"></image>
|
|
|
|
+ <span class="resume-footer-top-span">完善的售后</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="resume-footer-top-item">
|
|
|
|
+ <image class="resume-footer-top-image" src="img/组371@2x.png"></image>
|
|
|
|
+ <span class="resume-footer-top-span">快速上门</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="resume-footer-line"></div>
|
|
|
|
+ <div class="resume-footer-bottom">
|
|
|
|
+ <div class="resume-footer-bottom-tel">
|
|
|
|
+ <image class="resume-footer-bottom-image" src="img/形状12@2X.png"></image>
|
|
|
|
+ <span class="resume-footer-bottom-span">400-002-2699</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="resume-footer-bottom-company">
|
|
|
|
+ <p class="resume-footer-bottom-copyright">2018@上海悦管家网络科技有限公司 版权所有 沪ICP备15013034号-1</p>
|
|
|
|
+ <p class="resume-footer-bottom-address">上海市闵行区莘松路378号智慧园商务大楼709室</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</div>
|
|
|
|
+
|
|
|
|
+</body>
|
|
|
|
+
|
|
|
|
+<!--旋转木马轮播图-->
|
|
|
|
+<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
|
|
|
|
+<script type="text/javascript" src="js/zturn.js"></script>
|
|
|
|
+<script src="js/index.js"></script>
|
|
|
|
+
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+ var aa = new zturn({
|
|
|
|
+ id: "zturn",
|
|
|
|
+ opacity: 0.9,
|
|
|
|
+ width: 382,
|
|
|
|
+ Awidth: 1024,
|
|
|
|
+ scale: 0.8
|
|
|
|
+ });
|
|
|
|
+ var ac = new zturnCertificate({
|
|
|
|
+ id: "zturn-certificate",
|
|
|
|
+ width: 382,
|
|
|
|
+ Awidth: 1024,
|
|
|
|
+ });
|
|
|
|
+ var ab = new zturn({
|
|
|
|
+ id: "zturn2",
|
|
|
|
+ opacity: 0.8,
|
|
|
|
+ width: 382,
|
|
|
|
+ Awidth: 1024,
|
|
|
|
+ scale: 0.6
|
|
|
|
+ })
|
|
|
|
+</script>
|
|
|
|
+<!--头部星级-->
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+ $(document).ready(function () {
|
|
|
|
+ var imgsrc = 'img/55.png'
|
|
|
|
+ var startLeavel = $starts //月嫂星级 1 2 3 4 5
|
|
|
|
+ if (startLeavel == 1) {
|
|
|
|
+ imgsrc = 'img/11.png'
|
|
|
|
+ }
|
|
|
|
+ if (startLeavel == 2) {
|
|
|
|
+ imgsrc = 'img/22.png'
|
|
|
|
+ }
|
|
|
|
+ if (startLeavel == 3) {
|
|
|
|
+ imgsrc = 'img/33.png'
|
|
|
|
+ }
|
|
|
|
+ if (startLeavel == 4) {
|
|
|
|
+ imgsrc = 'img/44.png'
|
|
|
|
+ }
|
|
|
|
+ if (startLeavel == 5) {
|
|
|
|
+ imgsrc = 'img/55.png'
|
|
|
|
+ }
|
|
|
|
+ $('#resume-header-starts').attr('src',imgsrc)
|
|
|
|
+ })
|
|
|
|
+</script>
|
|
|
|
+<!--响应布局-->
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+
|
|
|
|
+ if (window.screen.width >= 751) {
|
|
|
|
+ var speed = 10;
|
|
|
|
+ var scrollLeft = document.getElementById('roll').scrollLeft
|
|
|
|
+ document.getElementById('ul_box2').innerHTML = document.getElementById('ul_box').innerHTML;
|
|
|
|
+ var Timer = setInterval(Marquee, speed);
|
|
|
|
+ function Marquee() {
|
|
|
|
+ if (ul_box2.offsetWidth-scrollLeft <= 0) {
|
|
|
|
+ scrollLeft-=ul_box2.scrollWidth;
|
|
|
|
+ $('#roll').scrollLeft(scrollLeft)
|
|
|
|
+ }
|
|
|
|
+ else {
|
|
|
|
+ scrollLeft++;
|
|
|
|
+ $('#roll').scrollLeft(scrollLeft)
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ $('.roll').hover(function () {
|
|
|
|
+ clearInterval(Timer);
|
|
|
|
+ }, function () {
|
|
|
|
+ Timer = setInterval(Marquee, speed);
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ $(document).ready(function () {
|
|
|
|
+ if (window.screen.width < 751) {
|
|
|
|
+ $("#header-nav-image").attr("src", "img/header-icon@2x.png");
|
|
|
|
+ $("#box-comments").remove();
|
|
|
|
+// $('#resume-comments').remove();
|
|
|
|
+ $('#resume-comments-con').remove();
|
|
|
|
+ $('#ul_box2').remove();
|
|
|
|
+ $("#resume-comments").append('<image class="resume-comments-list resume-comments-list-first" src="img/comments01.png" /><image class="resume-comments-list" src="img/comments02.png" /><image class="resume-comments-list" src="img/comments03.png" />');
|
|
|
|
+ } else {
|
|
|
|
+ $("#header-nav-image").attr("src", "img/形状2@2x.png")
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+</html>
|