完整网页代码|引导页-导航页源码01款

时间:6个月前   阅读:349

看到蛮喜欢,就扒了下来

<!DOCTYPE HTML>
<html>	<meta charset="utf-8">
	<head>
		<title>全新单页</title>
	<meta name="author" content="zshao" />
<base target="_blank">
<meta name="keywords" content="关键词" />
<meta name="description" content="描述" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
                <meta http-equiv="Pragma" content="no-cache">
                <meta http-equiv="Expires" content="0">
		<link rel="stylesheet" href="http://shuju.zshao.vip/2021/4yuefen/a/css/main.css">
		<noscript><link rel="stylesheet" href="http://shuju.zshao.vip/2021/4yuefen/a/css/noscript.css"></noscript>
	</head>
	<body class="is-preload">
		<!-- Sidebar -->
			<section id="sidebar">
				<div class="inner">
					<nav>
						<ul>
							<li><a href="#intro">欢迎</a></li>
							<li><a href="#one">软件介绍</a></li>
							<li><a href="#two">微软aim</a></li>
							<li><a href="#three">联系我们</a></li>
						</ul>
					</nav>
				</div>
			</section>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Intro -->
					<section id="intro" class="wrapper style1 fullscreen fade-up">
						<div class="inner">
							<h1>感谢你得访问</h1>
							<p> 这是一款可以让你忘记烦恼,充满欢乐能量得软件。<br>
							非常感谢你选择,从现在开始你将变得乐趣无穷。<br>
                                                        </p>
							<ul class="actions">
								<li><a href="#" class="button scrolly">下载文件</a></li>
				
								<li><a href="#" class="button scrolly">每天图集</a></li>
						
							</ul>
						</div>
					</section>

				<!-- One -->
					<section id="one" class="wrapper style2 spotlights">
						<section>
							<a class="image"><img src="http://img.zshao.vip/2021/04/20/96b6d88b3d44f.jpg" alt="" data-position="center center"></a>
							<div class="content">
								<div class="inner">
									<h2>简单教程</h2>
									<p>第一步<br>
									先关闭杀毒软件(添加信任是无效得还是会拦截)<br>
									打开软件输入卡密登录</p>
								</div>
							</div>
						</section>
						<section>
							<a class="image"><img src="http://img.zshao.vip/2021/04/20/651f9bf9e0d75.png" alt="" data-position="top center"></a>
							<div class="content">
								<div class="inner">
									<p>第二步 <br>
									等待软件安装驱动加载完成 然后登录游戏<br>
									出现任何错误请你观看使用手册。</p>	
								</div>
							</div>
						</section>
						<section>
							<a class="image"><img src="https://www.hualigs.cn/image/606d52c04e59c.jpg" alt="" data-position="0% 0%"></a>
							<div class="content">
								<div class="inner">
									<p>第三步<br>
									上号后显示功能。<br>
									简单三步教程。</p>						
								</div>
							</div>
						</section>
					</section>

				<!-- Two -->
					<section id="two" class="wrapper style3 fade-up">
						<div class="inner">
							<h2>生活得苦涩总有难以抹除故事。</h2>
							<p></p>
							<div class="features">
								<section>
									<span class="icon solid major fa-code"></span>
									<h3>活着</h3>
									<p>白天我是一名外卖员,晚上我是一个演员。</p>
								</section>
								<section>
									<span class="icon solid major fa-lock"></span>
									<h3>生活</h3>
									<p>整个世界都在变好,只有我没有变好。</p>
								</section>
								<section>
									<span class="icon solid major fa-cog"></span>
									<h3>鸡汤</h3>
									<p>即使命运不发芽,也要不惋惜千百次播种;即使花朵不成果实,也要不遗憾千百次凋零;即使永远追不到梦想,也要不停息追梦的脚步!</p>
								</section>
								<section>
									<span class="icon solid major fa-desktop"></span>
									<h3>错过</h3>
									<p>只有一个人掉队了,或许永远都没人知道少了一个我。</p>							
								</section>
								<section>
									<span class="icon solid major fa-link"></span>
									<h3>回忆</h3>
									<p>这是苦不堪言得过程。</p>
								</section>
								<section>
									<span class="icon major fa-gem"></span>
									<h3>理想</h3>
									<p>做个努力出色得人一命即中。</p>
								</section>
							</div>
							<ul class="actions">
								<li><a href="generic.html" class="button">小故事</a></li>
							</ul>
						</div>
					</section>

				<!-- Three -->
					<section id="three" class="wrapper style1 fade-up">
						<div class="inner">
							<h2>游戏愉快</h2>
							<p>微软aim祝你把把五杀</p>
							<div class="split style1">
								<!-- <section>
									<form method="post" action="#">
										<div class="fields">
											<div class="field half">
												<label for="name">Name</label>
												<input type="text" name="name" id="name" />
											</div>
											<div class="field half">
												<label for="email">Email</label>
												<input type="text" name="email" id="email" />
											</div>
											<div class="field">
												<label for="message">Message</label>
												<textarea name="message" id="message" rows="5"></textarea>
											</div>
										</div>
										<ul class="actions">
											<li><a href="" class="button submit">Send Message</a></li>
										</ul>
									</form>
								</section>-->
								<!--<section>
									<ul class="contact">
										<li>
											<h3>Address</h3>
											<span>12345 Somewhere Road #654<br />
											Nashville, TN 00000-0000<br />
											USA</span>
										</li>
										<li>
											<h3>Email</h3>
											<a href="#">user@untitled.tld</a>
										</li>
										<li>
											<h3>Phone</h3>
											<span>(000) 000-0000</span>
										</li>
										<li>
											<h3>Social</h3>
											<ul class="icons">
												<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
												<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
												<li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
												<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
												<li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
											</ul>
										</li>
									</ul>
								</section>-->
							</div>
						</div>
					</section>

			</div>

		<!-- Footer -->
			<footer id="footer" class="wrapper style1-alt">
				<div class="inner">
					<ul class="menu">
						<li>&copy; 感谢你得访问    </li><li>  <a href="javascript:;">备案号:鲁ICP备19058689号-1 </a></li>
					</ul>
				</div>
			</footer>

		<!-- Scripts -->
			<script src="http://shuju.zshao.vip/2021/4yuefen/a/js/jquery.min.js"></script>
			<script src="http://shuju.zshao.vip/2021/4yuefen/a/js/jquery.scrollex.min.js"></script>
			<script src="http://shuju.zshao.vip/2021/4yuefen/a/js/jquery.scrolly.min.js"></script>
			<script src="http://shuju.zshao.vip/2021/4yuefen/a/js/browser.min.js"></script>
			<script src="http://shuju.zshao.vip/2021/4yuefen/a/js/breakpoints.min.js"></script>
			<script src="http://shuju.zshao.vip/2021/4yuefen/a/js/util.js"></script>
			<script src="http://shuju.zshao.vip/2021/4yuefen/a/js/main.js"></script>

	</body>
</html>


上一篇:完整网页代码|把图片转换为base64字符

下一篇:js代码|弹窗-弹出-弹层必要代码

网友评论