![图片[1]-jQuery+H5结婚倒计时邀请函电子请帖模板源码-玖零笔记](https://7490.cn/wp-content/uploads/2023/11/d2b5ca33bd20231113165238.png)
这是一款,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>
© 版权声明
本站网络名称:
玖零笔记
本站永久网址:
https://7490.cn
网站侵权说明:
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ1622383724删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
暂无评论内容