Watch 1 Star 0 Fork 9

Fentsoul / EasyZCOOLHTML

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Nothing here. spread retract

Clone or download
index.html 53.97 KB
Copy Edit Web IDE Raw Blame History
唯爱古 authored 2019-12-10 17:14 . 添加修改
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>站酷 (ZCOOL) - 设计师互动平台 - 打开站酷,发现更好的设计!</title>
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>
<link rel="stylesheet" href="css/index.css" />
<script src="js/advtop.js"></script>
<script src="js/banner.js"></script>
<script src="js/btmadv.js"></script>
<script src="js/gotop.js"></script>
<script src="js/hiddencontent.js"></script>
<script src="js/hover.js"></script>
<script src="js/maincontent.js"></script>
</head>
<body>
<div class="nav">
<div class="nav_cotent">
<div class="nav_left"><img src="img/logo.png"></div>
<div class="nav_mid">
<ul>
<li class="active">
<a href="#">首页</a>
</li>
<li><a href="#">发现</a>
<div class="nev_list main">
<div class="list ">
<span>平面<i></i></span>
<span>UI<i></i></span>
<span>网页<i></i></span>
<span>插画<i></i></span>
<span>动漫<i></i></span>
<span>摄影<i></i></span>
<span>空间</span>
<span>工业/产品<i></i></span>
<span>三维<i></i></span>
<span>影视<i></i></span>
<span>手工艺<i></i></span>
<span>纯艺术<i></i></span>
<span>服装<i></i></span>
<span>其他</span>
</div>
<div class="check_all ">
<span>精选作品&nbsp;&nbsp;></span>
<span>精选作品&nbsp;&nbsp;></span>
<span>精选作品&nbsp;&nbsp;></span>
</div>
</div>
</li>
<li><a href="#">同城</a></li>
<li>
<a href="#">职位</a>
<div class="nev_list horizontal">
<p>职位</p>
<p>职位</p>
<p>职位</p>
</div>
</li>
<li>
<a href="#">活动</a>
<div class="nev_list horizontal">
<p>职位</p>
<p>公司</p>
<p>+发布职位</p>
</div>
</li>
<li>
<a href="#">正版素材</a>
<div class="nev_list horizontal">
<p>图片</p>
<p>视频</p>
<p>字体</p>
<p>音乐</p>
</div>
</li>
<li>
<a href="#">课程</a>
<div class="nev_list horizontal">
<p>正在热销</p>
<p>口碑好课</p>
</div>
</li>
<li>
<a href="#">...</a>
<div class="nev_list horizontal">
<p>榜单</p>
<p>设计师</p>
<p>站酷APP</p>
<p>站酷字库</p>
</div>
</li>
</ul>
</div>
<div class="nev_right">
<span class="box">
</span>
<span class="box">
</span>
<span class="user">
<a href="#">登录</a>|<a href="#">注册</a>
</span>
</div>
</div>
</div>
<style>
.swiper-container {
width: 100%;
height: 400px;
margin-bottom: 30px;
}
.swiper-wrapper img {
width: 100%;
margin-top: 20px;
}
.swiper-button-prev {
border-radius: 100%;
background-color: rgba(168, 169, 168, 0.3);
width: 65px;
height: 65px;
}
.swiper-button-next {
border-radius: 100%;
background-color: rgba(168, 169, 168, 0.3);
width: 65px;
height: 65px;
}
</style>
<div class="banner">
<div class="swiper-container">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"><img src="img/01a2d15dc223d2a801209e1f06068a.png" alt=""></div>
<div class="swiper-slide"><img src="img/01d15c5dc223b9a8012163badaf549.png" alt=""></div>
<div class="swiper-slide"><img src="img/01fbbe5dc4cfd2a8012163ba9f8200.jpg" alt=""></div>
...
</div>
<!-- If we need pagination -->
<!-- <div class="swiper-pagination"></div> -->
<!-- If we need navigation buttons -->
<div class="swiper-button-prev">
</div>
<div class="swiper-button-next">
</div>
<!-- If we need scrollbar -->
<!-- <div class="swiper-scrollbar"></div> -->
</div>
<div class="advtop">
<!-- Banner下的推荐列表 图片一样 -->
<ul>
<li>
<img src="https://reviveimg.hellorf.com/www/images/eeefbea41fb9629498bd7aa9da6d39b5.jpg"
alt="图片加载失败" />
</li>
<li>
<img src="https://reviveimg.hellorf.com/www/images/eeefbea41fb9629498bd7aa9da6d39b5.jpg"
alt="图片加载失败" />
</li>
<li>
<img src="https://reviveimg.hellorf.com/www/images/eeefbea41fb9629498bd7aa9da6d39b5.jpg"
alt="图片加载失败" />
</li>
<li>
<img src="https://reviveimg.hellorf.com/www/images/eeefbea41fb9629498bd7aa9da6d39b5.jpg"
alt="图片加载失败" />
</li>
<li>
<img src="https://reviveimg.hellorf.com/www/images/eeefbea41fb9629498bd7aa9da6d39b5.jpg"
alt="图片加载失败" />
</li>
</ul>
</div>
<div class="subnav">
<!-- 首页推荐 最新发布 上升最快 三个标题栏 -->
<div class="content">
<div class="daohang">
<a href="" class="active">首页推荐</a>
<a href="">最新发布</a>
<a href="">上升最快</a>
</div>
</div>
</div>
</div>
<div class="mid">
<div class="mid">
<div class="content">
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
<div class=" mid_box">
<div class="mid_box_content">
<div class="mid_box_top">
<img src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt="图片加载失败" />
</div>
<div class="mid_box_mid">
<p class="mid_box_mid_tittle">立体书</p>
<p class="mid_box_mid_type">手工艺——工艺品设计</p>
<p class="mid_box_mid_foot">
<span title="共1450人气">人气</span>
<span title="共13评论">评论</span>
<span title="共70推荐">推荐</span>
</p>
</div>
<div class="mid_box_foot">
<a href="">xxxx</a>
<span title="审核时间" class="mid_box_foot_right">23小时</span>
<span class="mid_box_foot_left">
<div class="author-info">
<div class="author-content">
<div class="author-head">
<div class="author-head-left">
<div class="author-head-toux"> <a href=""> <img
src="https://img.zcool.cn/community/04cb7c554940440000019ae978ffe6.jpg@80w_80h_1c_1e_1o_100sh.jpg"></a>
</div>
<div class="author-head-mingc">
<div class="author-head-mingc—title">
<a href="">cdlight</a>
</div>
<div class="author-head-mingc-jj">
成都 |
产品设计师
</div>
</div>
</div>
<div class="author-head-right">
<input type="button" value="关注">
</div>
</div>
<div class="author-mid">
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
<a href=""><img
src="https://img.zcool.cn/community/0051ce5dad7164a801209e1f94eabd.png@260w_195h_1c_1e_1o_100sh.jpg"
alt=""></a>
</div>
<div class="auhhor-foot">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="laypage">
<!-- 页面标号 -->
<div class="hezi">
<div class="BH">
<p>&#60</p>
</div>
<div class="BH">
<p class="one">1</p>
</div>
<div class="BH">
<p>2</p>
</div>
<div class="BH">
<p>3</p>
</div>
<div class="BH">
<p>4</p>
</div>
<div class="BH">
<p>5</p>
</div>
<div class="BH">
<p>6</p>
</div>
<div class="BH">
<p>7</p>
</div>
<div class="BH">
<p>...</p>
</div>
<div class="BH">
<p>99</p>
</div>
<div class="BH">
<p>100</p>
</div>
<div class="BH">
<p>&#62</p>
</div>
</div>
</div>
<div class="advlong">
<!-- 页面标号下横幅 -->
<img src="https://reviveimg.hellorf.com/www/images/2998e8112211795da8fecc6b75fa254c.jpg" alt="图片加载失败" />
</div>
<div class="recommend">
<!-- 推荐课程 图片介绍等一样 -->
<div class="wz">
<div class="wz-left">推荐课程</div>
<div class="wz-right">换一换</div>
</div>
<div class="img">
<div class="A">
<a href="">
<img src="https://image.gogoup.com/course/20181010/1539153205655.jpg" alt="图片加载失败" />
<div class="B">
XXXXXXXXXXXXX
</div>
</a>
</div>
<div class="A">
<a href="">
<img src="https://image.gogoup.com/course/20181010/1539153205655.jpg" alt="图片加载失败" />
<div class="B">
XXXXXXXXXXXXX
</div>
</a>
</div>
<div class="A">
<a href="">
<img src="https://image.gogoup.com/course/20181010/1539153205655.jpg" alt="图片加载失败" />
<div class="B">
XXXXXXXXXXXXX
</div>
</a>
</div>
<div class="A">
<a href="">
<img src="https://image.gogoup.com/course/20181010/1539153205655.jpg" alt="图片加载失败" />
<div class="B">
XXXXXXXXXXXXX
</div>
</a>
</div>
<div class="A">
<a href="">
<img src="https://image.gogoup.com/course/20181010/1539153205655.jpg" alt="图片加载失败" />
<div class="B">
XXXXXXXXXXXXX
</div>
</a>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_bl">
<div class="footer_top">
<div class="footer_top_left">
<div class="footer_hide"><img src="./img/2weima.png" alt=""></div>
<img src="./img/phone.PNG" alt="">
<a href="" class="footer_top_left_a">移动版</a>
<a href="">关于我们</a>
<a href="">加入站酷</a>
<a href="">用户协议</a>
<a href="">隐私政策</a>
<a href="">侵权申诉</a>
<a href="">企业服务</a>
<a href="">帮助中心</a>
<a href="">联系我们</a>
<a href="">中文</a>
<a href="">English</a>
</div>
<div class="footer_top_right">
<img src="./img/Wechat.PNG" alt="">
<img src="./img/NewLang.PNG" alt="">
</div>
</div>
<div class="footer_bottom">
<a href="">京ICP备11017824号-4</a>
<i></i>
<a href="">京ICP证130164号</a>
<i></i>
<span>
<img src="./img/police.png" alt="">
<a href="">京公网安备11010502000501号</a>
</span>
<i></i>
<a href="">网络文化经营许可证 京网文[2016]6173-844号</a>
<i></i>
<a href="">广播电视节目制作经营许可证(京)字第06990号</a>
</div>
<div class="footer_bottom_2">
<a href="">营销执照</a>
<i></i>
<a href="">网上有害信息举报专区</a>
<i></i>
<a href="">不良信息举报电话:010-56538658</a>
<i></i>
<a href="">举报邮箱 jubao@zcool.com.cn </a>
<i></i>
<a href="">联系电话:010-56538600</a>
<span>
<p>Copyright © 2006-2019 </p>
<a href="">ZCOOL站酷</a>
</span>
</div>
</div>
</div>
</body>
</html>

Comment ( 0 )

Sign in for post a comment

HTML
1
https://gitee.com/fentsoul/EasyZCOOL.git
git@gitee.com:fentsoul/EasyZCOOL.git
fentsoul
EasyZCOOL
EasyZCOOL
master

Help Search