HTML炫酷PJAX引导单页

释放双眼,带上耳机,听听看~!

目录

    %title插图%num
    %title插图%num
    %title插图%num
    %title插图%num
    %title插图%num
    %title插图%num
    官方演示: https://dwq.im
    本地演示版本: https://www.weidro.cn 来源: https://dwq.im

    源码奉上

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>钻芒控i - ZMKI.CN</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://www.zmki.cn/wp-content/uploads/img/5c86fcfc8fe5b.css" rel="stylesheet" type="text/css" media="screen and (min-width:769px)">
    <link rel="stylesheet" href="https://cdn.webfont.youziku.com/webfonts/nomal/128084/47844/5c83cf49f629d806a46ebcba.css">
    <link rel="stylesheet" href="https://cdn.webfont.youziku.com/webfonts/nomal/128084/28621/5c844ee0f629d804346ff9ed.css">
    <link rel="stylesheet" href="https://www.zmki.cn/wp-content/uploads/img/5c864c1c53b90.css">
    <link href='https://cdn.webfont.youziku.com/webfonts/nomal/128124/28595/5c86fa42f629d80398467484.css' rel='stylesheet' type='text/css' />
    <link href='https://cdn.webfont.youziku.com/webfonts/nomal/128124/41243/5c86fa46f629d80398467485.css' rel='stylesheet' type='text/css' />
    <link href='https://cdn.webfont.youziku.com/webfonts/nomal/128124/28595/5c86fa42f629d80398467484.css' rel='stylesheet' type='text/css' />
    <!--[if lt IE 9]>
    <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="https://www.zmki.cn/wp-content/uploads/img/5c864cc07d831.ico">
    <link rel="apple-touch-icon" href="https://www.zmki.cn/wp-content/uploads/img/5c864cc07d831.ico">
    <link rel="apple-touch-icon" sizes="72x72" href="https://www.zmki.cn/wp-content/uploads/img/5c864cc07d831.ico">
    <link rel="apple-touch-icon" sizes="114x114" href="https://www.zmki.cn/wp-content/uploads/img/5c864cc07d831.ico">
    <link rel="bookmark" href="https://www.zmki.cn/wp-content/uploads/img/5c864cc07d831.ico">
    <link rel="icon" href="https://www.zmki.cn/wp-content/uploads/img/5c864cc07d831.ico" type="image/x-icon">
    </head>
    <body class="start" id="body">
    <div id="awd-site-wrap" class="bg bg-home">
    	<div id="bg">
    		<div id="overlay">
    			<div class="awd-site-bg bg-home active" style="left:735px;top:15px">
    			</div>
    			<div class="awd-site-bg bg-subscribe" style="left:816px;top:15px">
    			</div>
    			<div class="awd-site-bg bg-about">
    			</div>
    			<div class="awd-site-bg bg-contact">
    			</div>
    			<div class="awd-site-bg bg-services">
    			</div>
    		</div>
    		<canvas id="awd-site-canvas" width="1203" height="890"></canvas>
    	</div>
    	<header id="awd-site-header">
    	<div id="awd-site-logo" class="animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500">
    		<h1 style="font-family:'ActionJackson';   font-size: 42px;margin-top: 6px;"><a class="go-slide" data-slide="home"><span>zmki</span><span></span><span></span></a></h1>
    	</div>
    	<button class="menu-toggle animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500" data-role="toggle"><span></span><span></span><span></span></button><nav id="awd-site-nav" class="navigation animated fadeInDown visible" data-animation="fadeInDown" data-animation-delay="500">
    	<div class="nav-container">
    		<ul>
    			<li><a href="https://www.zmki.cn/" data-slide="home" class="active">首页</a></li>
    			<li><a href="https://www.zmki.cn/" data-slide="subscribe" class="">订阅</a></li>
    			<li><a href="https://www.zmki.cn/" data-slide="about">关于</a></li>
    			<li><a href="https://www.zmki.cn/" data-slide="services">服务</a></li>
    			<li><a href="https://www.zmki.cn/" data-slide="contact">联系我们</a></li>
    		</ul>
    	</div>
    	<p class="mbbq" id="zt" style="margin-top: -100px;font-family:'Jackey_HandWrite';font-size: 32px;">© 2019 ZMKI.CN/p>
    	</nav></header><main id="awd-site-main"><section id="awd-site-content">
    	<div class="sections-block ps-container" data-ps-id="0048d35c-c355-f2d9-50fd-ee4ed9e0992c">
    		<div class="slides">
    			<div class="slides-wrap">
    				<div class="slide-item active" data-slide-id="home">
    					<div class="container-fluid">
    						<div class="row">
    							<div class="col-md-12">
    								<div class="slide-content">
    									<div class="row">
    										<div class="col-lg-6 col-md-6 svm">
    										</div>
    										<div class="col-lg-5 col-lg-offset-1 col-md-6 svm">
    											<div class="section-info text-right">
    												<h2 class="section-title text-default animated fadeIn visible" data-animation="fadeIn" data-animation-delay="50">Hey Guys!<br>
    												我们即将上线啦...</h2>
    												<p class="animated fadeIn visible" data-animation="fadeIn" data-animation-delay="55">
    													我们的网站正在建设。<br>
    													它将是非常棒的网站。
    												</p>
    												<a href="https://www.zmki.cn/" class="btn go-slide animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60" data-slide="about">更多资料</a> <a href="https://www.zmki.cn/gaunyvliuyanban" class="btn btn-inverse go-slide animated fadeIn visible" data-animation="fadeIn" data-animation-delay="60" data-slide="contact">联系我们!</a>
    											</div>
    										</div>
    									</div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div class="slide-item" data-slide-id="subscribe">
    					<div class="container-fluid">
    						<div class="row">
    							<div class="col-md-12">
    								<div class="slide-content">
    									<div class="row">
    										<div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
    											<div class="section-info text-right">
    												<h2 class="section-title text-default animated" data-animation="fadeIn" data-animation-delay="60">订阅<br>
    												我们的通讯</h2>
    												<p class="animated" data-animation="fadeIn" data-animation-delay="100">
    													加入我们的邮件通讯. <strong>它的快速和容易.</strong><br>
    													你将成为第一个知道<br>
    													我们项目启动的人.
    												</p>
    											</div>
    										</div>
    										<div class="col-md-5 col-md-pull-7 svm">
    											<div class="section-info text-left">
    												<p>
    													<strong>别忘了</strong>点击确认电子邮件,您将会收到以<strong>激活</strong>您的订阅。
    												</p>
    												<div class="row">
    													<div class="col-md-12 col-md-offset-0 col-sm-8 col-sm-offset-2">
    														<form id="subscribe-form" class="subscribe-form" method="post" novalidate>
    															<input type="email" id="subscribe-email" name="EMAIL" placeholder="请留下你的邮箱地址"><button type="submit" id="subscribe-submit" class="btn btn-inverse"><span>订阅</span><i class="fa fa-envelope"></i></button>
    															<div class="form-notice subscribe-notice">
    															</div>
    														</form>
    													</div>
    												</div>
    											</div>
    										</div>
    									</div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div class="slide-item" data-slide-id="about">
    					<div class="container-fluid">
    						<div class="row">
    							<div class="col-md-12">
    								<div class="slide-content">
    									<div class="row">
    										<div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
    											<div class="section-info text-right">
    												<h2 class="section-title text-default animated" data-animation="fadeIn" data-animation-delay="60">关于我们</h2>
    												<p class="animated" data-animation="fadeIn" data-animation-delay="100">
    													公司致力于为客户提供专业的电信增值服务,帮助企业便捷接入验证码短信、短信通知、语音验证码、国际验证码、短信公众号、短信营销、彩信营销、数字奖励营销、手机话费充值、手机流量充值等电信增值服务,满足企业运营、营销推广多场景需要。
    												</p>
    											</div>
    										</div>
    										<div class="col-md-5 col-md-pull-7 svm">
    											<div class="section-info text-left">
    												<div class="features-list">
    													<div class="featured-item animated" data-animation="fadeIn" data-animation-delay="150">
    														<div class="featured-text">
    															<h3><i class="fa fa-rocket"></i> 安全高效</h3>
    															<p>
    																多年的技术积累与创新,树立在该领域的标杆地位。业务平台及软件全部自主研发,且都通过了国家知识产权认定。
    															</p>
    														</div>
    													</div>
    													<div class="featured-item">
    														<div class="featured-item animated" data-animation="fadeIn" data-animation-delay="150">
    															<div class="featured-text">
    																<h3><i class="icon-paint"></i> 高性能、高并发</h3>
    																<p>
    																	在互联网及通讯行业有十几年的技术研发和运营维护经验,掌握高性能、高并发、大数据处理技术。
    																</p>
    															</div>
    														</div>
    													</div>
    												</div>
    											</div>
    										</div>
    									</div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div class="slide-item" data-slide-id="services">
    					<div class="container-fluid">
    						<div class="row">
    							<div class="col-md-12">
    								<div class="slide-content">
    									<div class="row">
    										<div class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">
    											<div class="section-info text-right">
    												<h2 class="section-title text-default animated" data-animation="fadeIn">我们的服务</h2>
    												<p class="animated" data-animation="fadeIn" data-animation-delay="100">
    													若您的账号未经过六个鸡实名认证,请根据提示完成认证。若您的账号已完成认证,请直接填写入驻信息。通过六个鸡个人认证的用户入驻完成后成为个人开发者,通过六个鸡企业认证的用户入驻完成后成为企业开发者。
    												</p>
    											</div>
    										</div>
    										<div class="col-md-5 col-md-pull-7 svm">
    											<div class="section-info text-left">
    												<div class="service animated" data-animation="fadeIn" data-animation-delay="150">
    													<h3>短信通知</h3>
    													<p>
    														3秒可达,三网合一专属通道,与工信部携号转网平台实时互联.99%到达率,短信结合语音验证,服务100%,专线机房,支持大容量、高并发、电信级运维保障,实时监控自动切换
    													</p>
    												</div>
    												<div class="service animated" data-animation="fadeIn" data-animation-delay="150">
    													<h3>语音通知</h3>
    													<p>
    														灵活,支持带入变量,动态语音内容灵活支持业务场景;安全,语音验证难窃取,安全有保障;可靠,支持大容量,高并发,稳定可靠
    													</p>
    												</div>
    											</div>
    										</div>
    									</div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    				<div class="slide-item" data-slide-id="contact">
    					<div class="container-fluid">
    						<div class="row">
    							<div class="col-md-12">
    								<div class="slide-content">
    									<div class="row">
    										<div class="col-lg-5 col-lg-offset-1 col-md-6 col-md-push-6 svm">
    											<div class="section-info text-right">
    												<h2 class="section-title text-default animated" data-animation="fadeIn">联系我们</h2>
    												<div class="contact-info">
    													<p class="contact-item">
    														<i class="fa fa-phone"></i> 手机(PHONE):1388888888
    													</p>
    													<p class="contact-item">
    														<i class="fa fa-envelope"></i>邮箱(Email):<a href="mailto:cpol@qq.com" title="Send an email" class="icon fa-envelope-o11">cpol@qq.com</a>
    													</p>
    													<p class="contact-item">
    														<i class="fa fa-map-marker"></i> 中国●河南
    													</p>
    												</div>
    												<p class="animated" data-animation="fadeIn" data-animation-delay="100">
    												</p>
    												<h3>通信能力创新 让通讯更简单</h3>
    												<h5>优质便捷的云通信服务平台</h5>
    												<p>
    												</p>
    											</div>
    										</div>
    										<div class="col-lg-6 col-md-6 col-md-pull-6 svm">
    											<div class="section-info text-left"  id="zt">
    												<form id="contact-form" class="contact-form"  id="zt">
    													<div class="row">
    														<div class="col-lg-4 col-md-6 col-md-12 animated" data-animation="fadeIn" data-animation-delay="200"  id="zt">
    															<input type="text" name="contact-name" placeholder="真实姓名" class="contact-form-name required" id="zt">
    														</div>
    														<div class="col-lg-4 col-md-6 col-md-12 animated" data-animation="fadeIn" data-animation-delay="200">
    															<input type="email" name="contact-email" placeholder="电子邮箱" class="contact-form-email required">
    														</div>
    														<div class="col-lg-4 col-md-12 animated" data-animation="fadeIn" data-animation-delay="200">
    															<input type="text" name="contact-subject" placeholder="从事行业" class="contact-form-subject required">
    														</div>
    														<div class="col-md-12 animated" data-animation="fadeIn" data-animation-delay="150">
    															<textarea name="contact-message" placeholder="说两句吧..." class="contact-form-message required" rows="4"></textarea><button class="btn btn-block" type="submit" id="submit" name="submit"><span>提交留言</span><i class="fa fa-send"></i></button>
    														</div>
    													</div>
    													<div class="contact-notice">
    													</div>
    												</form>
    											</div>
    										</div>
    									</div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<div class="ps-scrollbar-x-rail" style="left:0;bottom:3px">
    			<div class="ps-scrollbar-x" style="left:0;width:0">
    			</div>
    		</div>
    		<div class="ps-scrollbar-y-rail" style="top:0;right:3px">
    			<div class="ps-scrollbar-y" style="top:0;height:0">
    			</div>
    		</div>
    	</div>
    	</section></main><footer id="awd-site-footer">
    	<div class="copyright animated fadeInUp visible" data-animation="fadeInUp" data-animation-delay="500">
    		<p class="pcbq" id="zt" style="font-family:'Jackey_HandWrite';font-size: 32px;">© 2019 ZMKI.CN</p>
    	</div>
    	</footer>
    	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    	<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    	<script type="text/javascript" src="https://www.zmki.cn/wp-content/uploads/img/5c864e42e2a64.js"></script>
    	<script type="text/javascript" src="https://www.zmki.cn/wp-content/uploads/img/5c864e599a7ea.js"></script>
    	<script type="text/javascript" src="https://www.zmki.cn/wp-content/uploads/img/5c864e7053ea4.js"></script>
    </div>
    </body>
    </html>


    End.

    给TA打赏
    共{{data.count}}人
    人已打赏
    后端文档笔记网站源码

    利用PHP实现404页自动更换图片 附api

    2019-3-9 0:08:34

    Wordpresswordpress美化前端

    wordpress后台登录界面美化

    2019-3-31 20:18:28

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索