<!DOCTYPE HTML>
<!--
Paradigm Shift by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Paradigm Shift by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section class="intro">
<header>
<h1>Paradigm Shift</h1>
<p>A free responsive site template designed by <a href="https://twitter.com/ajlkn">@ajlkn</a> / <a href="https://html5up.net">HTML5 UP</a></p>
<ul class="actions">
<li><a href="#first" class="arrow scrolly"><span class="label">Next</span></a></li>
</ul>
</header>
<div class="content">
<span class="image fill" data-position="center"><img src="images/pic01.jpg" alt="" /></span>
</div>
</section>
<!-- Section -->
<section id="first">
<header>
<h2>Magna sed nullam nisl adipiscing</h2>
</header>
<div class="content">
<p><strong>Lorem ipsum dolor</strong> sit amet consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor amet fermentum. Nullam venenatis erat id vehicula ultrices sed ultricies condimentum. Magna sed etiam consequat, et lorem adipiscing sed nulla. Volutpat nisl et tempus et dolor libero, feugiat magna tempus, sed et lorem adipiscing.</p>
<span class="image main"><img src="images/pic02.jpg" alt="" /></span>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Feugiat consequat tempus ultrices</h2>
</header>
<div class="content">
<p><strong>Etiam tristique libero</strong> eu nibh porttitor amet fermentum. Nullam venenatis erat id vehicula ultrices sed ultricies condimentum.</p>
<ul class="feature-icons">
<li class="icon solid fa-laptop">Consequat tempus</li>
<li class="icon solid fa-bolt">Etiam adipiscing</li>
<li class="icon solid fa-signal">Libero nullam</li>
<li class="icon solid fa-cog">Blandit condimentum</li>
<li class="icon solid fa-map-marker-alt">Lorem ipsum dolor</li>
<li class="icon solid fa-code">Nibh amet venenatis</li>
</ul>
<p>Vehicula ultrices sed ultricies condimentum. Magna sed etiam consequat, et lorem adipiscing sed nulla. Volutpat nisl et tempus et dolor libero, feugiat magna tempus, sed et lorem adipiscing.</p>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Ultrices erat magna sed condimentum</h2>
</header>
<div class="content">
<p><strong>Integer mollis egestas</strong> nam maximus erat id euismod egestas. Pellentesque sapien ac quam. Lorem ipsum dolor sit nullam.</p>
<!-- Section -->
<section>
<header>
<h3>Erat aliquam</h3>
<p>Vehicula ultrices dolor amet ultricies et condimentum. Magna sed etiam consequat, et lorem adipiscing sed dolor sit amet, consectetur amet do eiusmod tempor incididunt ipsum suspendisse ultrices gravida.</p>
</header>
<div class="content">
<div class="gallery">
<a href="images/gallery/fulls/01.jpg" class="landscape"><img src="images/gallery/thumbs/01.jpg" alt="" /></a>
<a href="images/gallery/fulls/02.jpg"><img src="images/gallery/thumbs/02.jpg" alt="" /></a>
<a href="images/gallery/fulls/03.jpg"><img src="images/gallery/thumbs/03.jpg" alt="" /></a>
<a href="images/gallery/fulls/04.jpg" class="landscape"><img src="images/gallery/thumbs/04.jpg" alt="" /></a>
</div>
</div>
</section>
<!-- Section -->
<section>
<header>
<h3>Nisl consequat</h3>
<p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam sed facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet mauris. Ut magna finibus nisi nec lacinia ipsum maximus.</p>
</header>
<div class="content">
<div class="gallery">
<a href="images/gallery/fulls/05.jpg" class="landscape"><img src="images/gallery/thumbs/05.jpg" alt="" /></a>
<a href="images/gallery/fulls/06.jpg"><img src="images/gallery/thumbs/06.jpg" alt="" /></a>
<a href="images/gallery/fulls/07.jpg"><img src="images/gallery/thumbs/07.jpg" alt="" /></a>
</div>
</div>
</section>
<!-- Section -->
<section>
<header>
<h3>Lorem gravida</h3>
<p>Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aenean ornare velit lacus, ac varius sed enim lorem ullamcorper dolore. ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis.</p>
</header>
<div class="content">
<div class="gallery">
<a href="images/gallery/fulls/08.jpg" class="portrait"><img src="images/gallery/thumbs/08.jpg" alt="" /></a>
<a href="images/gallery/fulls/09.jpg" class="portrait"><img src="images/gallery/thumbs/09.jpg" alt="" /></a>
<a href="images/gallery/fulls/10.jpg" class="landscape"><img src="images/gallery/thumbs/10.jpg" alt="" /></a>
</div>
</div>
</section>
</div>
</section>
<!-- Section -->
<section>
<header>
<h2>Duis sed adpiscing veroeros amet</h2>
</header>
<div class="content">
<p><strong>Proin tempus feugiat</strong> sed varius enim lorem ullamcorper dolore aliquam aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore.</p>
<ul class="actions">
<li><a href="#" class="button primary large">Get Started</a></li>
<li><a href="#" class="button large">Learn More</a></li>
</ul>
</div>
</section>
<!-- Elements -->
<!--
<section>
<header>
<h2>Elements</h2>
</header>
<div class="content">
<section>
<header>
<h3>Text</h3>
</header>
<div class="content">
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
<hr />
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<hr />
<h5>Blockquote</h5>
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
<h5>Preformatted</h5>
<pre><code>i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'Sorted in ' + i + ' iterations.';</code></pre>
</div>
</section>
<section>
<header>
<h3>Lists</h3>
</header>
<div class="content">
<h4>Unordered</h4>
<ul>
<li>Dolor pulvinar etiam.</li>
<li>Sagittis adipiscing.</li>
<li>Felis enim feugiat.</li>
wanghui-前端资源模版-shift.zip
需积分: 0 57 浏览量
2023-04-29
00:15:42
上传
评论
收藏 1.7MB ZIP 举报
shift.zip （70个子文件） 
shift assets js 
jquery.scrolly.min.js 831B browser.min.js 2KB breakpoints.min.js 2KB main.js 4KB util.js 12KB jquery.min.js 87KB webfonts fa-brands-400.woff 88KB fa-brands-400.ttf 131KB
fa-brands-400.svg 730KB fa-solid-900.woff 99KB fa-solid-900.eot 198KB fa-solid-900.ttf 198KB fa-brands-400.woff2 75KB fa-regular-400.woff2 13KB fa-brands-400.eot 131KB fa-regular-400.eot 33KB fa-regular-400.woff 16KB fa-regular-400.svg 141KB fa-regular-400.ttf 33KB fa-solid-900.woff2 76KB fa-solid-900.svg 897KB css main.css 76KB fontawesome-all.min.css 58KB sass libs _breakpoints.scss 4KB _vars.scss 1KB _functions.scss 2KB _vendor.scss 7KB _html-grid.scss 3KB _mixins.scss 2KB components _arrow.scss 1KB _box.scss 443B _actions.scss 2KB _image.scss 3KB _table.scss 1KB _icons.scss 728B _form.scss 6KB _button.scss 3KB _row.scss 639B _gallery.scss 5KB _icon.scss 440B _feature-icons.scss 1KB _list.scss 1KB base _page.scss 1KB _typography.scss 4KB _reset.scss 2KB main.scss 1KB layout _wrapper.scss 20KB
index.html 18KB images 
pic02.jpg 11KB gallery fulls 02.jpg 25KB 06.jpg 21KB 10.jpg 73KB 01.jpg 62KB 08.jpg 23KB 07.jpg 24KB 05.jpg 44KB 04.jpg 39KB 09.jpg 34KB 03.jpg 46KB thumbs 02.jpg 8KB 06.jpg 7KB 10.jpg 23KB 01.jpg 20KB 08.jpg 8KB 07.jpg 8KB 05.jpg 14KB 04.jpg 13KB 09.jpg 12KB 03.jpg 16KB pic01.jpg 28KB资源评论
