这是一款,jQuery+H5结婚倒计时邀请函电子请帖模板,
功能:自适应全屏,随机图片切换,自带音乐效果,
下载后更改的自己需求的代码片段,
邀请信息:
<section class="content">
<header class="p-title">
<h3>庆宴时间:<i class="ion ion-compose"></i></h3>
<h4 class="subhead">2018年1月15日</h4>
</header>
<div>
<form id="mail-subscription" class="form magic send_email_form" method="get" action="ajaxserver/serverfile.php">
<p class="invite"><br/>
请在下方输入到场宾客姓名我们将提前为您安排坐席:</p>
<div class="fields clearfix">
<div class="input">
<label for="reg-email">姓名: </label>
<input id="reg-email" class="email_f" name="email" type="text" required placeholder="嘉宾姓名" data-validation-type="text">
</div>
<div class="buttons">
<button id="submit-email" class="button email_b" name="submit_email">确认</button>
</div>
</div>
<p class="email-ok invisible"><strong>等一场千年雨歇,侯一人如约而至!</strong> </p>
</form>
</div>
</section>
地址信息:
<header class="p-title">
<h3>地址<i class="ion ion-location"> </i> </h3>
<ul class="buttons">
<li class="show-for-medium-up"> <a title="About" href="#about-us" ><i class="ion ion-android-information"></i></a> </li>
<!--<li>
<a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a>
</li>-->
<li> <a title="Message" href="#contact/message"><i class="ion ion-email"></i></a> </li>
</ul>
</header>
<!-- Begin Of Page SubSction -->
<div class="contact">
<div class="row">
<div class="medium-6 columns left">
<ul>
<li>
<h4>宴会地点:</h4>
<p>某某某国际酒店</p>
</li>
<li>
<h4>地址:</h4>
<p>人民东路88888号</p>
</li>
<li>
<h4>酒店电话</h4>
<p> 010-123456789</p>
</li>
</ul>
</div>
© 版权声明
THE END
- 最新
- 最热
只看作者