jQuery+H5结婚倒计时邀请函电子请帖模板源码

jQuery+H5结婚倒计时邀请函电子请帖模板源码插图

这是一款,jQuery+H5结婚倒计时邀请函电子请帖模板,

功能:自适应全屏,随机图片切换,自带音乐效果,

下载后更改的自己需求的代码片段,

邀请信息:

<section class="content">
<header class="p-title">
<h3>庆宴时间:<i class="ion ion-compose"></i></h3>
<h4 class="subhead">2018115</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>
jQuery+H5结婚倒计时邀请函电子请帖模板源码-大雄搜集站
jQuery+H5结婚倒计时邀请函电子请帖模板源码
此内容为免费资源,请登录后查看
R币 0
本站付费资源为网络虚拟产品,全网最低价,一经出售,不予退款,购买前请三思!
免费资源
© 版权声明
THE END
喜欢点个赞支持一下吧
点赞0赏币 分享
Not afraid of people blocking, I'm afraid their surrender.
不怕万人阻挡,只怕自己投降
评论交流 共2条

请登录后发表评论