
这是一款,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><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><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><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><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
- 最新
- 最热
只看作者