复制代码

HTML笨方法仿写站酷

 

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#header {
				height: 60px;
				/*高度60*/
				background: yellow;
				/*背景颜色黄色*/
			}
			
			#h-nav {
				width: 1740px;
				/*宽带1740*/
				height: 60px;
				/*background: red;*/
				margin: 0px auto;
				/**/
				/*overflow: hidden;*/
			}
			
			#logo {
				width: 120px;
				height: 20px;
				background: yellowgreen;
				background: url(img/logo.svg) no-repeat;
				margin-top: 20px;
				float: left;
			}
			
			#nav {
				width: 648px;
				height: 60px;
				/*background:aqua;*/
				float: left;
				margin-left: 400px;
			}
			
			#denglu {
				width: 257px;
				height: 60px;
				/*background: olive;*/
				float: right;
			}
			#lu{

    height: 23px;
    display: inline-block;
    margin-left: 12px;
			}
			ul li {
				list-style: none;
			}
			
			* {
				margin: 0;
				padding: 0;
			}
			
			.shouye li {
				float: left;
				line-height: 60px;
				margin-right: 43px;
			}
			
			.shouye>li a {
				text-decoration: none;
				color: #222;
			}
			
			#fang {
				width: 128px;
				height: 56px;
				margin-top: 20px;
			}
			
			#da {
				float: left;
				width: 20px;
				height: 20px;
				background: url(img/nav-search.svg)no-repeat;
			}
			#xiao{width: 20px;
			height: 20px;
			background: url(img/nav-upload.svg);
			float: left;
			margin-left: 20px;
			}
			#tu {
				width: 1380px;
				height: 350px;
				background: url(img/33.png);
				margin: 0px auto;
				margin-top: 20px;
				cursor: pointer;
			}
			
			#xiaotu {
				width: 1380px;
				height: 210px;
				margin: 0px auto;
				margin-top: 20px;
			}
			
			.ul1 li {
				width: 260px;
				height: 208px;
				background: red;
				cursor: pointer;
			}
			
			.ul1 li {
				float: left;
				margin-left: 20px;
			}
			
			ul.ul1 {
				overflow: hidden;
			}
			
			li#tu1 {
				margin-left: 0px;
			}
			
			#id1 {
				height: 60px;
				/*background: cyan;*/
				    position: relative;
			}
			
			#id2 {
				width: 1380px;
				height: 60px;
				/*background: yellowgreen;*/
				margin: 0px auto;
			}
			
			#div3 {
				width: 372px;
				height: 60px;
				/*background: red;*/
				margin: 0px auto;
			}
			
			.ul2 li {
				margin-top: 20px;
				float: left;
				margin-left: 45px;
				cursor: pointer;
			}
			
			#hui {
				height: 3100px;
				background: #f4f4f4;
			}
			
			#id3 {
				width: 1387px;
				height: 345px;
				/*background: red;*/
				margin: 0px auto;
			}
			
			.ul3 li {
				width: 260px;
				height: 195px;
				/*background: cyan;*/
				cursor: pointer;
			}
			
			.ul3 li {
				width: 260px;
				height: 345px;
				/*background: yellowgreen;*/
				/*display: inline-block;*/
				float: left;
				margin-right: 19px;
				margin-bottom: 20px;
			}
			
			#pian5 {
				margin-right: 0;
			}
			
			.pian-img {
				width: 260px;
				height: 195px;
				/*background: cyan;*/
			}
			
			.pian-font {
				width: 260px;
				height: 100px;
				background: #ffffff;
			}
			
			.pian-btu {
				width: 260px;
				height: 50px;
				background:#ffffff;
				margin-top: 2px;
			}
			
			.pian-yu {
				width: 228px;
				height: 20px;
				/*background: hotpink;*/
				margin: 0px auto;
				position: relative;
				Left: 0;
				top: 6px;
			}
			
			.pian-zui {
				width: 228px;
				height: 18px;
				/*background: lightsalmon;*/
				margin: 0px auto;
				position: relative;
				Left: 0;
				top: 3px;
			}
			
			.pian-zui p {
				color: #bbb;
			}
			
			.pian-nan {
				width: 228px;
				height: 16px;
				/*background: red;*/
				margin-top: 30px;
			}
			
			.yanjin1 {
				width: 50px;
				height: 16px;
				/*background: yellow;*/
				margin-left: 10px;
				display: inline-block;
			}
			
			.span1 {
				color: #bbb;
			}
			
			.pl {
				width: 30px;
				height: 17px;
				/*background: yellowgreen;*/
				margin-left: 20px;
				display: inline-block;
			}
			
			.zan {
				width: 46px;
				height: 17px;
				/*background: yellow;*/
				margin-left: 30px;
				display: inline-block;
			}
			
			.pian-bu {
				width: 150px;
				height: 26px;
				/*background: lightcoral;*/
				margin-top: 6px;
				margin-left: 14px;
				display: inline-block;
			}
			
			.pian-sha>img {
				border-radius: 50%;
				margin-right: 10px;
				width: 24px;
				height: 24px;
				/*background: url(img/_100sh.jpg);*/
				border: none;
				vertical-align: middle;
			}
			
			.pian-sha {
				color: #333;
				font-size: 12px;
			}
			
			.pian-w {
				width: 49px;
				height: 26px;
				/*background: cyan;*/
				margin-top: 6px;
				margin-right: 20px;
				display: inline-block;
				float: right;
			}
			#div4{
				width: 1903px;
				height: 40px;
				background: #F4F4F4;
				margin-top: -17px;
				clear: both;
			}
			.zhenfangxing{
				width: 500px;
				height: 40px;
				/*background: blue;*/
				margin: 0px auto;
			}
			.pian-zheng{
				width: 40px;
				height: 40px;
				/*background: #333;*/
				float: left;
				margin-left: 3px;
				/*background-color: #333 ;*/
				border-radius: 4px;
				    border: 1px solid #333;
				    line-height: 44px;
				    text-align: center;
			}
			.div5{
				width: 1903px;
				height: 400px;
				background: #f4f4f4;
				/*margin-top: -20px;*/
			}
			
			.div6{
				width: 1903px;
				height: 115px;
			}
			.div7{
				width: 1903px;
				height: 61px;
				
			}
			.div9{
				width: 680px;
				height: 115px;
				background: yellow;
				margin-top: -90px;
				margin-left: 210px;
			}
			.div8{
				width: 680px;
				height: 115px;
				margin-top: -115px;
				margin-left: 971px;
			}
			.div10{
				width: 1380px;
				height: 19px;
				/*background: yellow;*/
				margin-left: 235px;
				margin-top: -244px;
			}
			.huan{
				margin-left: 1263px;
			}
			.div12 li{
				width: 260px;
				height: 145.99px;
				background: cyan;
				float: left;
				margin-left: 13px;
			}
			.div11{
				width:1380px;
				height: 210px;
				background: #ffffff;
				margin:0px auto;
				margin-top: 15px;
			}
			.div13{
				width: 1903px;
				height: 229px;
				background: #282828;
				margin: 0px auto;
				margin-top: 20px;
			}
			.div14 li{
				width: 250px;
				height: 19px;
                margin-top: 4px;
                white-space: nowrap;
                text-overflow: ellipsis;
                float: left;
                margin-left: 20px;
                margin-top: 20px ;
			}
			.div15{
				width: 1380px;
				height: 131px;
				background: #282828;
				margin: 0px auto;
			}
			.div16{
				width:1253px ;
				height: 21px;
			    /*background: yellow;*/
			    margin: 0px auto;
			    /*margin-top: 20px;*/
			   line-height: 138px;
			}
			.div16 a{
				margin-left: 31px;
				cursor: pointer;
				text-decoration: none;
				color: #666;
				
			}
			.div17{
				width: 877px;
				height: 19px;
				/*background: red;*/
				color: #666;
				margin-top: 110px;
				margin-left: 205px;
			}
			.div17 a{
				color: #666;
			}
			.div17 a{
				    
                    text-decoration: none;
                    font-size: 12px;
                    
			}
			.ass{
				width: 131px;
				height: 21px;
				/*background: yellow;*/
				float: right;
			}
			.ass1{
				margin-left: 32px;
			}
			.ass2{
				width: 770px;
                height: 19px;
                /*background: yellow;*/
                margin-top: 11px;
                margin-left: 207px;
                    font-size: 12px
			}
			.ass2 a{
				color: #666;
				text-decoration: none;
			}
			.police{
				    background: url(img/下载.png) 
				    no-repeat;
                    padding-left: 20px;
  					background-position:0px 3px;
                    
			}
			.shouye{
				
			}
			.hide{
				background-color: #FF0000;
			}
			.ui-hide{
				width: 152px;
				height: 100px;
				background: #fff;
				position: absolute;
				top: 60px;
				left: 0px;
				display: none;
			}
			.shouye>li{
				position: relative;
			}
			.shouye>li:hover .ui-hide{
				display: block;
				
			}
			#ce{
				width: 33px;
    height: 23px;
    display: block;
    float: left;
			}
			#xiao2{
				width: 100px;
    height: 56px;
    margin-top: -55px;
    margin-left: 104px;
			}
</style>
	</head>

	<body>
		<div id="header">
			<div id="h-nav">
				<div id="logo"></div>
				<div id="nav">
					<ul class="shouye">
						<li>
							<a class = "souye" href="javascript:;">首页</a>
							 <div class="hide">
							 	<ul class="ui-hide">
							 		<li>站酷首页</li>
							 		<li>我的首页</li>
							 	</ul>
							 </div>
						</li>
						<li>
							<a href="">发现</a>
						</li>
						<li>
							<a href="">职位</a>
						</li>
						<li>
							<a href="">活动</a>
						</li>
						<li>
							<a href="">正版素材</a>
						</li>
						<li>
							<a href="">课程</a>
						</li>
						<li>
							<a href="">版权保护</a>
						</li>
						<li>
							<a href="">...</a>
						</li>
					</ul>
				</div>
				<div id="denglu">
					<div id="fang">
						<div id="da"></div>
						<div id="xiao"></div>
					</div>
					<div id="xiao2">
						<div id="lu">登录</div>
						<div id="ce">注册</div>
					</div>

				</div>
			</div>
			<div id="content">
				<div id="tu"></div>
				<div id="xiaotu">
					<ul class="ul1">
						<li id="tu1"><img src="img/8d09bb93091801c62c13ceb0f73437f3.jpg" width="260" height="208" /></li>
						<li id="tu2"><img src="img/b5e3252142ca.jpg" width="260" height="208" /></li>
						<li id="tu3"><img src="img/23316d6480c7bc561462951226ee28a1.jpg" width="260" height="208" /></li>
						<li id="tu4"><img src="img/3015c205f995828b157518e6e5d6a9ff.jpg" width="260" height="208" /></li>
						<li id="tu5"><img src="img/9f2cb14efd6e397a82f3078e73310f41.jpeg" width="260" height="208" /></li>
					</ul>
				</div>
				<div id="id1">
					<div id="id2">
						<div id="div3">
							<ul class="ul2">
								<li>首页推荐</li>
								<li>我的关注</li>
								<li>全部推荐</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			</style>
			<div id="hui">
				<div id="id3">
					<ul class="ul3">
						<li id="pian">
							<div class="pian-img"><img src="img/100sh.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>疫情沙盘可视化构建-Visuali...</p>
									<div class="pian-zui">
										<p>UI-软件界面</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 234</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 3</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>999</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/_100sh.jpg" width="24" height="24" />糟老头</div>
								</div>
								<div class="pian-w">2天</div>
							</div>
						</li>
						<li id="pian2">
							<div class="pian-img"><img src="img/1c_1e_1o_100sh.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">QQ飞车X圣闘士星矢联动A车宣传视频</font>
									</p>
									<div class="pian-zui">
										<p>网页-企业官网</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 524</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>239</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/QQ图片20201022085107.jpg" width="24" height="24" />周鑫</div>
								</div>
								<div class="pian-w">22天</div>
							</div>
						</li>
						<li id="pian3">
							<div class="pian-img"><img src="img/@260w__100sh.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">漫画 /520的崩溃从"算了"开始...</font>
									</p>
									<div class="pian-zui">
										<p>书法字体设计|第120回</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 834</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>799</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/0sh.jpg" width="24" height="24" />彭渝</div>
								</div>
								<div class="pian-w">2小时</div>
							</div>
						</li>
						<li id="pian4">
							<div class="pian-img"><img src="img/0143786100sh.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">"化作自然 系列作品相可为龙"</font>
									</p>
									<div class="pian-zui">
										<p>手工艺-手办/模玩</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 124</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 6</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>987</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/10sh.jpg" width="24" height="24" />郭书宏</div>
								</div>
								<div class="pian-w">3小时</div>
							</div>
						</li>
						<li id="pian5">
							<div class="pian-img"><img src="img/01495c60a5c3c311013e3b7dc5fcff.jpg" width="260" height="195" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">“酸掉牙”的设计就交给你了!</font>
									</p>
									<div class="pian-zui">
										<p>特别企划</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 24</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>99</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/@260w__100sh.jpg" width="24" height="24" />召财猫</div>
								</div>
								<div class="pian-w">4天</div>
							</div>
						</li>
					</ul>
					  
					  
					  
					  
					  
					  
					  
					  <ul class="ul3">
						<li id="pian">
							<div class="pian-img"><img src="img/图一h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>彩虹糖·魔性动画CHT缩写梗篇</p>
									<div class="pian-zui">
										<p>动漫</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 344</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>99</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/23316d6480c7bc561462951226ee28a1.jpg"24" height="24" />老头</div>
								</div>
								<div class="pian-w">1天</div>
							</div>
						</li>
						<li id="pian2">
							<div class="pian-img"><img src="img/图二.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">非人哉688-689</font>
									</p>
									<div class="pian-zui">
										<p>动漫短篇-企业官网</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 524</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>29</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/QQ图片20201022085107.jpg" width="24" height="24" />赵芳</div>
								</div>
								<div class="pian-w">2天</div>
							</div>
						</li>
						<li id="pian3">
							<div class="pian-img"><img src="img/图三100sh.jpg"/></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">爱很明显,不爱也是。</font>
									</p>
									<div class="pian-zui">
										<p>三维-动画/影视</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 34</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>626</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/3015c205f995828b157518e6e5d6a9ff.jpg" width="24" height="24" />星辰</div>
								</div>
								<div class="pian-w">57分</div>
							</div>
						</li>
						<li id="pian4">
							<div class="pian-img"><img src="img/图四_100sh.jpg"/></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">十二生肖系列插画</font>
									</p>
									<div class="pian-zui">
										<p>插画-艺术插画</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 14</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/>5</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>7</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/@260w__100sh.jpg" width="24" height="24" />新河</div>
								</div>
								<div class="pian-w">3小时</div>
							</div>
						</li>
						<li id="pian5">
							<div class="pian-img"><img src="img/图五00sh.jpg" width="260" height="195" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">小Z的旅城 & 寻味美食~</font>
									</p>
									<div class="pian-zui">
										<p>美食街</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 4</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 3</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>45</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/@260w__100sh.jpg" width="24" height="24" />猫</div>
								</div>
								<div class="pian-w">4分</div>
							</div>
						</li>
					</ul>
					
					<ul class="ul3">
						<li id="pian">
							<div class="pian-img"><img src="img/图6sh.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>The Sleeping Beauty...</p>
									<div class="pian-zui">
										<p>动物世界</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 434</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 2</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>349</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/1c_1e_1o_100sh.jpg" width="24" height="24" />温柔</div>
								</div>
								<div class="pian-w">2年</div>
							</div>
						</li>
						<li id="pian2">
							<div class="pian-img"><img src="img/图七h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">这里不是火星,这里是喵星球</font>
									</p>
									<div class="pian-zui">
										<p>三维-动画/影视</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 554</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>239</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图七h.jpg" width="24" height="24" />喵喵</div>
								</div>
								<div class="pian-w">22天</div>
							</div>
						</li>
						<li id="pian3">
							<div class="pian-img"><img src="img/图八.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">【POPIC】1、2、3,开跳</font>
									</p>
									<div class="pian-zui">
										<p>书法字体设计</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 34</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>359</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图三100sh.jpg" width="24" height="24" />臣退</div>
								</div>
								<div class="pian-w">2小时</div>
							</div>
						</li>
						<li id="pian4">
							<div class="pian-img"><img src="img/图九.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">Wallet project/大阳阳</font>
									</p>
									<div class="pian-zui">
										<p>UI-APP界面</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 334</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 4</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>87</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/yanjin (1).svg" width="24" height="24" />红叶</div>
								</div>
								<div class="pian-w">1小时</div>
							</div>
						</li>
						<li id="pian5">
							<div class="pian-img"><img src="img/图10sh.jpg" width="260" height="195" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">#2021青春答卷#荣誉&神童</font>
									</p>
									<div class="pian-zui">
										<p>纯艺术-实验艺术</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 54</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>29</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/@260w__100sh.jpg" width="24" height="24" />失策</div>
								</div>
								<div class="pian-w">9时</div>
							</div>
						</li>
					</ul>
					
					
					
					<ul class="ul3">
						<li id="pian">
							<div class="pian-img"><img src="img/图11h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>「魔女的盛宴3」站酷线上展</p>
									<div class="pian-zui">
										<p>活动-专题策划</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 34</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 3</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>49</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/_100sh.jpg" width="24" height="24" />吸取</div>
								</div>
								<div class="pian-w">2天</div>
							</div>
						</li>
						<li id="pian2">
							<div class="pian-img"><img src="img/图12h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">插画-概念设定</font>
									</p>
									<div class="pian-zui">
										<p>【Wasteland】</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 54</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>23</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/QQ图片20201022085107.jpg" width="24" height="24" />唐婉芹</div>
								</div>
								<div class="pian-w">14天</div>
							</div>
						</li>
						<li id="pian3">
							<div class="pian-img"><img src="img/图12.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">为游戏《三国杀》创作的角色插画</font>
									</p>
									<div class="pian-zui">
										<p>插画-游戏原画</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 504</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 1</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>339</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/0sh.jpg" width="24" height="24" />渝儿</div>
								</div>
								<div class="pian-w">0.2秒</div>
							</div>
						</li>
						<li id="pian4">
							<div class="pian-img"><img src="img/图13.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">摩菜菜市场VI视觉识别</font>
									</p>
									<div class="pian-zui">
										<p>平面-品牌</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 144</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 5</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>357</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/10sh.jpg" width="24" height="24" />红菱</div>
								</div>
								<div class="pian-w">9小时</div>
							</div>
						</li>
						<li id="pian5">
							<div class="pian-img"><img src="img/图14h.jpg" width="260" height="195" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">NiceLab-Studio品牌升级-VI应用设计</font>
									</p>
									<div class="pian-zui">
										<p>平面-品牌</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 64</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>110</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/100sh.jpg" width="24" height="24" />不要放手</div>
								</div>
								<div class="pian-w">4天</div>
							</div>
						</li>
					</ul>
					
					
					
					<ul class="ul3">
						<li id="pian">
							<div class="pian-img"><img src="img/图15.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>《德佑》品牌/包装设计</p>
									<div class="pian-zui">
										<p>平面-品牌</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 504</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 8</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>909</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图10sh.jpg" width="24" height="24" />爱</div>
								</div>
								<div class="pian-w">5天</div>
							</div>
						</li>
						<li id="pian2">
							<div class="pian-img"><img src="img/图16h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">《滚》</font>
									</p>
									<div class="pian-zui">
										<p>动漫-短篇/格漫</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 999</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>999</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/8d09bb93091801c62c13ceb0f73437f3.jpg" width="24" height="24" />离我远点</div>
								</div>
								<div class="pian-w">24天</div>
							</div>
						</li>
						<li id="pian3">
							<div class="pian-img"><img src="img/图17h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">JOOCYEE 酵色-乐乐茶系列</font>
									</p>
									<div class="pian-zui">
										<p>摄影-时尚/艺术摄影</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 44</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>79</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/01495c60a5c3c311013e3b7dc5fcff.jpg" width="24" height="24" />爱和恨</div>
								</div>
								<div class="pian-w">16时</div>
							</div>
						</li>
						<li id="pian4">
							<div class="pian-img"><img src="img/图17.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">带你去2050的世界</font>
									</p>
									<div class="pian-zui">
										<p>手工艺-手办/模玩</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 554</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 6</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>667</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/9f2cb14efd6e397a82f3078e73310f41.jpeg" width="24" height="24" />宏</div>
								</div>
								<div class="pian-w">6小时</div>
							</div>
						</li>
						<li id="pian5">
							<div class="pian-img"><img src="img/图18o_100sh.jpg" width="260" height="195" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">Hisense 海信电视 XDR功能展示用视频</font>
									</p>
									<div class="pian-zui">
										<p>三维-场景</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 214</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 1</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>674</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/@260w__100sh.jpg" width="24" height="24" />鲲</div>
								</div>
								<div class="pian-w">2时</div>
							</div>
						</li>
					</ul>
					
					
					
					<ul class="ul3">
						<li id="pian">
							<div class="pian-img"><img src="img/图19h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>无人机Rendering</p>
									<div class="pian-zui">
										<p>三维-产品</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 454</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 3</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>520</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图6sh.jpg" width="24" height="24" />暴龙</div>
								</div>
								<div class="pian-w">7分</div>
							</div>
						</li>
						<li id="pian2">
							<div class="pian-img"><img src="img/图21h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">蛋黄猫22职场篇</font>
									</p>
									<div class="pian-zui">
										<p>动漫-网络表情</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 904</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>999</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/016.jpg" width="24" height="24" />地球人</div>
								</div>
								<div class="pian-w">18天</div>
							</div>
						</li>
						<li id="pian3">
							<div class="pian-img"><img src="img/图20.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">你在一座城市做过最孤独的一件事...</font>
									</p>
									<div class="pian-zui">
										<p>动漫-动画片</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 867</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 5</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>199</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/0sh.jpg" width="24" height="24" />喵星人</div>
								</div>
								<div class="pian-w">21时</div>
							</div>
						</li>
						<li id="pian4">
							<div class="pian-img"><img src="img/图22.jpg" width="260" height="195"/></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">C4D+AE 动态视觉 电商广告</font>
									</p>
									<div class="pian-zui">
										<p>《C4D+AE动态视觉综合提升班》</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 14</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>97</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图10sh.jpg" width="24" height="24" />山人</div>
								</div>
								<div class="pian-w">3小时</div>
							</div>
						</li>
						<li id="pian5">
							<div class="pian-img"><img src="img/图23.jpg" width="260" height="195" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">孩子的鞋子<UpSheep>儿童羊毛...</font>
									</p>
									<div class="pian-zui">
										<p>网页-电商</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 294</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>449</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图八.jpg" width="24" height="24" />绝望</div>
								</div>
								<div class="pian-w">7天</div>
							</div>
						</li>
					</ul>
					
					
					
					<ul class="ul3">
						<li id="pian">
							<div class="pian-img"><img src="img/图24h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>一文读懂智能汽车HMI设计...</p>
									<div class="pian-zui">
										<p>文章</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 134</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 3</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>900</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图二.jpg" width="24" height="24" />站酷规划</div>
								</div>
								<div class="pian-w">2天</div>
							</div>
						</li>
						<li id="pian2">
							<div class="pian-img"><img src="img/图25h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">2021腾讯QQ飞车发布会</font>
									</p>
									<div class="pian-zui">
										<p>企业官网</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 54</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>29</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图21h.jpg" width="24" height="24" />腾讯</div>
								</div>
								<div class="pian-w">11天</div>
							</div>
						</li>
						<li id="pian3">
							<div class="pian-img"><img src="img/图26h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">WISEMIND - 和平精英 x ASTON...</font>
									</p>
									<div class="pian-zui">
										<p>平面设计</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 84</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>9</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/3015c205f995828b157518e6e5d6a9ff.jpg" width="24" height="24" />渝</div>
								</div>
								<div class="pian-w">2小时</div>
							</div>
						</li>
						<li id="pian4">
							<div class="pian-img"><img src="img/图27.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">使命召唤。</font>
									</p>
									<div class="pian-zui">
										<p>平面-海报</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 124</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 6</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>7</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图16h.jpg" width="24" height="24" />fd</div>
								</div>
								<div class="pian-w">4小时</div>
							</div>
						</li>
						<li id="pian5">
							<div class="pian-img"><img src="img/图28h.jpg" width="260" height="195" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">樱花派对,落樱缤纷</font>
									</p>
									<div class="pian-zui">
										<p>工业/产品-生活用品</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 24</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>99</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/nav-upload.svg" width="24" height="24" />你的数学老师</div>
								</div>
								<div class="pian-w">4天</div>
							</div>
						</li>
					</ul>
					
					
					
					<ul class="ul3">
						<li id="pian">
							<div class="pian-img"><img src="img/图29.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>云飞的小公园</p>
									<div class="pian-zui">
										<p>插画-儿童插画</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 34</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 3</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>59</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图14h.jpg" width="24" height="24" />鱼子</div>
								</div>
								<div class="pian-w">81天</div>
							</div>
						</li>
						<li id="pian2">
							<div class="pian-img"><img src="img/30.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">鱼子记录·2021.4.30~5.4,济南&...</font>
									</p>
									<div class="pian-zui">
										<p>摄影-人文/纪实摄影</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 724</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>39</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/30.jpg" width="24" height="24" />鱼儿</div>
								</div>
								<div class="pian-w">5分钟</div>
							</div>
						</li>
						<li id="pian3">
							<div class="pian-img"><img src="img/图31.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">外网大神都在用的“液态艺术”海...</font>
									</p>
									<div class="pian-zui">
										<p>文章-多领域</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 4</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 9</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>7</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图11h.jpg" width="24" height="24" />拆白</div>
								</div>
								<div class="pian-w">7小时</div>
							</div>
						</li>
						<li id="pian4">
							<div class="pian-img"><img src="img/图32h.jpg" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">【POPIC】美美的睡醒后,做什么呢?</font>
									</p>
									<div class="pian-zui">
										<p>三维-动画/影视</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 124</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 6</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>9</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/图32h.jpg" width="24" height="24" />梦琪</div>
								</div>
								<div class="pian-w">3小时</div>
							</div>
						</li>
						<li id="pian5">
							<div class="pian-img"><img src="img/图33.jpg" width="260" height="195" /></div>
							<div class="pian-font">
								<div class="pian-yu">
									<p>
										<font size="2">《北瓜·杂集》 界面风格祭</font>
									</p>
									<div class="pian-zui">
										<p>UI-APP界面</p>
									</div>
									<div class="pian-nan">
										<div class="yanjin1">
											<span class="span1"><img src="img/yanjin (1).svg"/> 24</span>
										</div>
										<div class="pl">
											<span class="span1"><img src="img/laji.svg"/> 0</span>
										</div>
										<div class="zan">
											<span class="span1"><img src="img/-zan.svg"/>49</span>
										</div>
									</div>
								</div>
							</div>
							<div class="pian-btu">
								<div class="pian-bu">
									<div class="pian-sha"><img src="img/@260w__100sh.jpg" width="24" height="24" />子猫</div>
								</div>
								<div class="pian-w">4天</div>
							</div>
						</li>
					</ul>
				</div>
								<div id="div4">
					<div class="zhenfangxing">
						<div class="pian-zheng"> < </div>
						<div class="pian-zheng"> 1 </div>
						<div class="pian-zheng"> 2 </div>
						<div class="pian-zheng"> 3 </div>
						<div class="pian-zheng"> 4 </div>
						<div class="pian-zheng"> 5 </div>
						<div class="pian-zheng"> 6 </div>
						<div class="pian-zheng"> 7 </div>
						<div class="pian-zheng">...</div>
						<div class="pian-zheng"> 99 </div>
						<div class="pian-zheng"> > </div>
					</div>
			</div>
			<div id="footer">
				<div class="div5">
					<div class="div6">
						<div class="div7"></div>
					</div>
					<div class="div9"><img src="img/长图2.jpg" width="680" height="115"/></div>
					<div class="div8"><img src="img/长图1.jpeg" width="680" height="115"/></div>
				</div>
				<div class="div10">
					<span>推荐课程</span>
					<span class="huan">换一换</span>
				</div>
				<div class="div11">
					<ul class="div12">
						<li><img src="img/图34.jpg" width="260" height="145.99"/></li>
						<li><img src="img/1c_1e_1o_100sh.jpg" width="260" height="145.99"/></li>
						<li><img src="img/30.jpg" width="260" height="145.99"/></li>
						<li><img src="img/图11h.jpg" width="260" height="145.99"/></li>
						<li><img src="img/01495c60a5c3c311013e3b7dc5fcff.jpg"width="260" height="145.99"/></li>
					</ul>
					<ul class="div14">
						<li>臆想画:创意图形的拓展与剪影</li>
						<li>Logo·字体·品牌·包装设计实战班(即</li>
						<li>UI设计进阶班(1V1作品辅导)</li>
						<li>电商设计系统实训班(即将停售)</li>
						<li>C4D+AE动态视觉综合提升班</li>
					</ul>
				</div>
				<div class="div13">
					<div class="div15">
						<div class="div16">
							<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 class="ass">
								<img src="img/下载 (1111).svg" "width="25"" "height="21""/>
								<img src="img/下载 (微博).svg" "width="25"" "height="21"" class="ass1"/>
							</div>
						</div>
						<div class="div17">
							<span class="police">
								<a href="">京公网安备11010502000501号</a>
							</span>
							<span >丨</span>
							<a href="">广播电视节目制作经营许可证(京)字第06990号</a>
							<span >丨</span>
							<a href="">京ICP备11017824号</a>
							<span >丨</span>
							<a href="">京ICP证130164号</a>
							<span >丨</span>
							<a href="">人力资源服务许可证</a>
						</div>
						<div class="ass2">
							<span>
								<a href="">营业执照</a>
							</span>
							<span >丨</span>
							<a href="">网上有害信息举报专区</a>
							<span >丨</span>
							<a href="">不良信息举报电话:010-56538658</a>
							<span >丨</span>
							<a href="">举报邮箱  jubao@zcool.com.cn</a>
							<span >丨</span>
							<a href="">联系电话:010-56538600</a>
						</div>
					</div>
				</div>
			</div>
	</body>

</html>

 

  

 

posted @ 2021-06-22 15:48  怪~咖  阅读(99)  评论(0编辑  收藏  举报
复制代码