2 Star 0 Fork 0

刻意练习/fullpageDemo

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.php 3.67 KB
一键复制 编辑 原始数据 按行查看 历史
刻意练习 提交于 2018-07-02 19:52 . wjj
<?php
get_header();
?>
<div class="page page1 one">
<div class="slider">
<ul class="clearfix">
<li class="slider-item active">
</li>
<li class="slider-item">
</li>
<li class="slider-item">
</li>
</ul>
</div>
<i class="down-ico animate3">
<svg version="1.1" id="图层_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20.8 11.4" style="enable-background:new 0 0 20.8 11.4;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l9.4,9.4c0.4,0.4,0.4,1,0,1.4
C10.9,11.3,10.7,11.4,10.4,11.4z"/>
<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l9.4-9.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-9.4,9.4
C10.9,11.3,10.7,11.4,10.4,11.4z"/>
</svg>
</i>
</div>
<div class="page page2">
<div class='left'>
<div class="pic-wrap">
<img src="<?php bloginfo('template_url'); ?>/images/page2_left.png" alt="..." />
</div>
<div class='left-text animate-line'>
<h3>技术专利</h3>
<h2>非对称交替发生正负离子技术</h2>
</div>
</div>
<div class='right-list'>
<div class='right-list-item'>
<a href="#" class='link-wrap'>
<div class='pic-wrap'>
<img src="<?php bloginfo('template_url'); ?>/images/item1.png" alt="..." />
</div>
<p class='text pic-wrap'>
<img src="<?php bloginfo('template_url'); ?>/images/item1_text.png" alt="..." />
</p>
</a>
</div>
<div class='right-list-item'>
<a href="#" class='link-wrap'>
<div class='pic-wrap'>
<img src="<?php bloginfo('template_url'); ?>/images/item2.png" alt="..." />
</div>
<p class='text pic-wrap'>
<img src="<?php bloginfo('template_url'); ?>/images/item2_text.png" alt="..." />
</p>
</a>
</div>
<div class='right-list-item'>
<a href="#" class='link-wrap'>
<div class='pic-wrap'>
<img src="<?php bloginfo('template_url'); ?>/images/item3.png" alt="..." />
</div>
<p class='text pic-wrap'>
<img src="<?php bloginfo('template_url'); ?>/images/item3_text.png" alt="..." />
</p>
</a>
</div>
</div>
<i class="down-ico animate3">
<svg version="1.1" id="图层_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20.8 11.4" style="enable-background:new 0 0 20.8 11.4;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l9.4,9.4c0.4,0.4,0.4,1,0,1.4
C10.9,11.3,10.7,11.4,10.4,11.4z"/>
<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l9.4-9.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-9.4,9.4
C10.9,11.3,10.7,11.4,10.4,11.4z"/>
</svg>
</i>
</div>
<div class='page page3'>
<div class="bottom">
</div>
<i class="down-ico animate3">
<svg version="1.1" id="图层_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 20.8 11.4" style="enable-background:new 0 0 20.8 11.4;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3L0.3,1.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l9.4,9.4c0.4,0.4,0.4,1,0,1.4
C10.9,11.3,10.7,11.4,10.4,11.4z"/>
<path class="st0" d="M10.4,11.4c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l9.4-9.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-9.4,9.4
C10.9,11.3,10.7,11.4,10.4,11.4z"/>
</svg>
</i>
</div>
<?php
get_footer();
?>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/can_contact/fullpageDemo.git
git@gitee.com:can_contact/fullpageDemo.git
can_contact
fullpageDemo
fullpageDemo
master

搜索帮助