<!DOCTYPE HTML>
<html>
<head>
<title>Big Picture</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<header id="header">
<!-- Logo -->
<h1 id="logo"><a href="#">Big Picture</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#one">What I Do</a></li>
<li><a href="#two">Who I Am</a></li>
<li><a href="#work">My Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen">
<div class="content container small">
<header>
<h2>Hey.</h2>
</header>
<p>Welcome to <strong>Big Picture</strong> a responsive site template designed
by <a href="http://html5up.net">HTML5 UP</a>, built on <a href="http://skeljs.org">skelJS</a>,
and released for free under the <a href="http://www.moobnn.com/">Creative Commons Attribution 3.0 license</a>.</p>
<footer>
<a href="#one" class="button style2 down">More</a>
</footer>
</div>
</section>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<!-- One -->
<section id="one" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>What I Do</h2>
</header>
<p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.
Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu,
id varius justo euismod in. Curabitur egestas consectetur magna urna.</p>
</div>
<a href="#two" class="button style2 down anchored">Next</a>
</section>
<!-- Two -->
<section id="two" class="main style2 left dark fullscreen">
<div class="content box style2">
<header>
<h2>Who I Am</h2>
</header>
<p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.
Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis arcu,
id varius justo euismod in. Curabitur egestas consectetur magna urna.</p>
</div>
<a href="#work" class="button style2 down anchored">Next</a>
</section>
<!-- Work -->
<section id="work" class="main style3 primary">
<div class="content container">
<header>
<h2>My Work</h2>
<p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.
Fusce blandit ultrices sapien, in accumsan orci rhoncus eu. Sed sodales venenatis
arcu, id varius justo euismod in. Curabitur egestas consectetur magna vitae urna.</p>
</header>
<!--
Lightbox Gallery
Powered by poptrox. Full docs here: https://github.com/n33/jquery.poptrox
-->
<div class="container small gallery">
<div class="row flush images">
<div class="6u"><a href="images/fulls/01.jpg" class="image full l"><img src="images/thumbs/01.jpg" title="The Anonymous Red" alt="" /></a></div>
<div class="6u"><a href="images/fulls/02.jpg" class="image full r"><img src="images/thumbs/02.jpg" title="Airchitecture II" alt="" /></a></div>
</div>
<div class="row flush images">
<div class="6u"><a href="images/fulls/03.jpg" class="image full l"><img src="images/thumbs/03.jpg" title="Air Lounge" alt="" /></a></div>
<div class="6u"><a href="images/fulls/04.jpg" class="image full r"><img src="images/thumbs/04.jpg" title="Carry on" alt="" /></a></div>
</div>
<div class="row flush images">
<div class="6u"><a href="images/fulls/05.jpg" class="image full l"><img src="images/thumbs/05.jpg" title="The sparkling shell" alt="" /></a></div>
<div class="6u"><a href="images/fulls/06.jpg" class="image full r"><img src="images/thumbs/06.jpg" title="Bent IX" alt="" /></a></div>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary">
<div class="content container">
<header>
<h2>Say Hello.</h2>
<p>Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore condimentum.</p>
</header>
<div class="box container small">
<!--
Contact Form
To get this working, place a script on your server to receive the form data, then
point the "action" attribute to it (eg. action="http://mydomain.tld/mail.php").
More on how it all works here: http://www.1stwebdesigner.com/tutorials/custom-php-contact-forms/
-->
<form method="post" action="#">
<div class="row half">
<div class="6u"><input type="text" name="name" placeholder="Name" /></div>
<div class="6u"><input type="text" name="email" placeholder="Email" /></div>
</div>
<div class="row half">
<div class="12u"><textarea name="message" placeholder="Message" rows="6"></textarea></div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" class="button" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<!--
Social Icons
Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
-->
<ul class="actions">
<li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li>
<li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li>
<li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li>
<li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li>
<li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li>
</ul>
<!-- Menu -->
<ul class="menu">
<li>© Untitled</li>
<li>Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> | More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></li>
</ul>
</footer>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
全屏大气的CSS3动画HTML5互联网产品模板_大气 精品 商务 .rar
共42个文件
jpg:15个
css:8个
js:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 44 浏览量
2023-04-27
13:41:29
上传
评论
收藏 792KB RAR 举报
温馨提示
全屏大气的CSS3动画HTML5互联网产品模板_大气 精品 商务 漂亮 bootstrap 单页 跳转 html5 css3 互联网 科技 产品 软件 仿apple 动画 扁平化 手机 自适应 响应式
资源推荐
资源详情
资源评论
收起资源包目录
全屏大气的CSS3动画HTML5互联网产品模板_大气 精品 商务 漂亮 bootstrap 单页 跳转 html5 css3 互联网 科技 产品 软件 仿apple 动画 扁平化 手机 自适应 响应式.rar (42个子文件)
全屏大气的CSS3动画HTML5互联网产品模板_大气 精品 商务 漂亮 bootstrap 单页 跳转 html5 css3 互联网 科技 产品 软件 仿apple 动画 扁平化 手机 自适应 响应式
h5c3_104_bigpicture
js
jquery.poptrox.min.js 10KB
skel.min.js 21KB
init.js 13KB
jquery.min.js 91KB
css
style.css 40KB
font
FontAwesome.otf 62KB
fontawesome-webfont.eot 37KB
fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 198KB
fontawesome-webfont.ttf 79KB
style-narrower.css 1KB
skel-noscript.css 4KB
style-narrow.css 664B
style-wide.css 310B
ie
PIE.htc 40KB
v8.css 2KB
html5shiv.js 2KB
backgroundsize.min.htc 4KB
style-normal.css 310B
style-mobile.css 3KB
images
overlay.png 31KB
poptrox-closer.svg 315B
poptrox-nav.svg 318B
dark-arrow.svg 403B
arrow.svg 420B
loader.gif 2KB
index.html 7KB
images
intro.jpg 63KB
one.jpg 69KB
fulls
02.jpg 47KB
06.jpg 44KB
01.jpg 23KB
05.jpg 29KB
04.jpg 30KB
03.jpg 45KB
thumbs
02.jpg 10KB
06.jpg 10KB
01.jpg 9KB
05.jpg 10KB
04.jpg 10KB
03.jpg 10KB
two.jpg 65KB
共 42 条
- 1
资源评论
紫微前端
- 粉丝: 4311
- 资源: 869
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功