<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='photo.jpg' />
</div>
<title>七夕节就要高调秀恩爱！送TA一纸婚书</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="0">
<meta name="keywords" content="送TA一纸婚书" />
<meta name="description" content="送TA一纸婚书" />
<meta itemprop="name" id="share-title" content="七夕节就要高调秀恩爱！">
<meta name="description" id="share-timelinedesc" itemprop="timelinedescription" content="七夕节就要高调秀恩爱！">
<meta name="description" id="share-desc" itemprop="description" content="单身人士请进，脱单就靠今天">
<meta itemprop="image" id="share-image" content="http://mat1.gtimg.com/news/2015/zt/bromarry/img/share.jpg">
<meta itemprop="link" id="share-url" content="http://news.qq.com/zt2015/brohunshu/index.htm">
<meta itemprop="root" id="share-root" content="http://news.qq.com/zt2015/brohunshu/">
<meta itemprop="cdnroot" id="cdn-root" content="http://mat1.gtimg.com/news/2015/zt/bromarry/">
<meta name="apple-touch-fullscreen" content="yes" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="css/mainnew.css">
<script type="text/javascript">
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
// if (!clientWidth) return;
docEl.style.fontSize = 100 * (clientWidth / 320) + 'px';
};
recalc();
// Abort if browser does not support addEventListener
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
// doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>
</head>
<body>
<div class="hq-wrapper" >
<div id="mo-slide">
<div class="hq-page hq-page-loading">
<div class="hq-loading">
<div class="hq-loading__item">
<ul class="hq-words">
<li><span>有位老先生说</span></li>
<li><span>从前的日色变得慢</span></li>
<li><span>车 马 邮件都慢</span></li>
<li><span>一生只够爱一个人</span></li>
<li><span>从前的婚书也好看</span></li>
<li><span>典雅精美有样子</span></li>
<li><span>透着温暖的旧日气息</span></li>
<li class="logo"></li>
</ul>
</div>
<div class="hq-loading__item">
<div class="lotus-container lotus-container2">
<div class="lotus"></div>
</div>
</div>
<div class="hq-loading__item">
<div class="lotus-container lotus-container1">
<div class="lotus"></div>
</div>
</div>
<div class="hq-loading__item"></div>
<div class="hq-loading__item" id="loading-txt">加载中 <span id="loading-progress">0%</span></div>
</div>
</div>
<div class="hq-page hq-page-introduce ">
<div class="hq-introduce">
<div class="hq-introduce__item"></div>
<div class="hq-introduce__item"></div>
<div class="hq-introduce__item"></div>
<div class="hq-introduce__item">
<ul class="hq-words">
<li><span class="first">两姓联姻</span>一堂缔约</li>
<li><span class="first">良缘永结</span>匹配同称</li>
<li><span class="first">谨以白头之约</span>书向鸿笺</li>
<li><span class="first">好将红叶之盟</span>载明鸳谱</li>
<li>此证</li>
</ul>
</div>
<a href="#" class="hq-introduce__btn font-fzls" id="goto-maker">制作我们的婚书</a>
<div class="hq-introduce__item item5"></div>
</div>
</div>
<div class="hq-page hq-page-maker ">
<div class="hq-maker ">
<div class="hq-maker__item font-fzls">
<h3 class="hq-maker__title">我的名字是</h3>
<label class="hq-input">
<input type="text" class="font-normal" name="" id="input-me">
</label>
</div>
<div class="hq-maker__item font-fzls">
<h3 class="hq-maker__title">TA的名字是</h3>
<label class="hq-input">
<input type="text" class="font-normal" name="" id="input-ta">
</label>
</div>
<div class="hq-maker__item">
<h3 class="hq-maker__title font-fzls">我们在这一天结婚</h3>
<div id="dateSelector">
<label class="hq-input__year" for="idYear">
<select id="idYear" name="idYear" data="2015"></select>
<span class="real">2015</span>
<span class="txt">年</span>
</label>
<label class="hq-input__month" for="idMonth">
<select id="idMonth" name="idMonth" data="5"></select>
<span class="real">5</span>
<span class="txt">月</span>
</label><label class="hq-input__day" for="idDay">
<select id="idDay" name="idDay" data="20"></select>
<span class="real">20</span>
<span class="txt">日</span>
</label>
<input type="date" name="date" id="input-selectdate" class="input-selectdate" value="2015-05-20" min="1815-01-01" max="2215-12-12" >
</div>
</div>
<div class="hq-maker__item">
<div class="hq-maker__btn" id="btn_make"></div>
</div>
</div>
</div>
<div class="hq-page hq-page-making ">
<div class="hq-making">
<div class="progress">
<div class="step" id="making-step"></div>
<div class="txt">
生成中 <span class="num" id="making-progress">0%</span>
</div>
</div>
</div>
</div>
<div class="hq-page hq-page-result ">
<div class="result-inner" style="display:none">
<div class="tips">
<div class="txt">左右滑动</br>切换模板</div>
<div class="arrow arrow-left"></div>
<div class="arrow arrow-right"></div>
</div>
<div class="hq-swiper font-fzks">
<ul id="slide-inner">
<li class="inner-page">
<div class="hq-result temp1">
<div class="hq-result__item">
<ul class="hq-words">
<li><strong class="hq-words__date">日期</strong><span class="time-year">二零一五</span> 年 <span class="time-month">五</span> 月 <span class="time-day">二十</span> 日</li>
</ul>
<dl class="hq-words mask">
<dt>结<br/>婚</br>人</dt>
<dd class="font-normal">
<p class="name-me">牛栏山</p>
<p clas
brohunshu.zip （27个子文件） 
brohunshu 
photo.jpg 242KB
index.htm 14KB js main.min.js 83KB jsapi news.js 5KB css img 
making_1.png 25KB making_2.png 55KB lotus.png 21KB making_4.png 79KB making_3.png 95KB page_sprite_01.png 86KB arrow.png 1KB page_sprite_04_01.png 18KB words_bg.png 9KB loading_sprite.png 100KB page_sprite_05_01.png 62KB share.jpg 8KB page_sprite_02.png 61KB page_sprite_04_02.png 42KB bg.jpg 44KB flowers.png 3KB input_bg.png 17KB page_sprite_03_02.png 59KB page_sprite_03_01.png 39KB page_sprite_05_02.png 40KB share_tips.png 39KB mainnew.css 192KB icon.png 53KB资源评论
