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

这是一款，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>