master

分支 (2)

管理

管理

master

pr

commercial-poster
/
index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name ="viewport" content="width = device-width,initial-scale=1">
	<title></title>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="./css/index.css"/>
</head>
<body>
<div class="vui">
<header>
	<div class="myMarkit">
		<img  src="img/mymarkit.jpg" />
	</div>

</header>
<main>
<div class="head">
		<p class="pageBan"><img src="img/QQ截图20210218005502.jpg" ><span>CATEGORY NAMEGoES HERE</span>  </p>
		<span class="title">Sed ut perspiciatis unde omnis<br/> natus error sit voluptatem
</span>
<br />
<span class="dec">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem<br/>accusantium doloremque laudantium

</span>
<br />
<button class="ReadMore"><span>Read More</span></button>
</div>
<!-- 海报部分 -->
<img class="hb" src="./img/shop.jpg" >
<!-- 海报部分jieshu -->
<!-- s中间部分 -->
<div class="centr">

	<div class="show">
	<!-- 展示部分 -->

<div class="left">
	<div >
		<span class="show-title">Sed ut perspiciatis
		<br/>unde omnis iste
		<br/>natus error sit
		</span>
	<p class="show-dec">
		Ut enim ad minima veniam, quis nostrum
		exercitationem ullam corporis suscipit laboriosam, nisiut aliquid ex ea commodi consequatur? Quis autemvel eum iure reprehenderit qui in ea voluptate velitesse quam nihil molestiae consequatur, vel illum quidolorem eum fugiat quo voluptas nulla pariatur?"

	</p>
	<button class="ReadMore"><span>Read More</span></button>
	</div>
</div>
	<!-- 展示部分 -->
	<div class="right" >
		<div>
			<img src="img/shoe.jpg" >
		</div>
		<div class="right-b">
			<img src="img/QQ截图20210217173751.jpg" />
			<img src="img/QQ截图20210217173804.jpg" />
		</div>
	</div>


	</div>
	<p class="pageBan"><img src="img/QQ截图20210218005502.jpg" ><span>CATEGORY NAMEGoES HERE</span>  </p>
	<!-- 展示部分结束 -->

	<!-- 新闻列表部分 -->
<div class="new">
	<div class="list1">
		<div class="">
			<img src="img/QQ截图20210217174711.jpg" >
		</div>
		<div class="desc">
			<p>Lorem</p>
			<p>Ut enim ad minima veniam, quis nostrumexercitationem ullam corporis suscipitlaboriosam, nisi ut aliquid ex ea
			commodi consequatur?
			</p>
		</div>
	</div>

	<div class="list1">
		<div class="">
			<img src="img/QQ截图20210217174722.jpg" >
		</div>
		<div class="desc">
			<p>Ipsum</p>
			<p>Ut enim ad minima veniam, quis nostrumexercitationem ullam corporis suscipitlaboriosam, nisi ut aliquid ex ea
commodi consequatur?
</p>
		</div>
	</div>

	<div class="list1">
		<div class="">
			<img src="img/QQ截图20210217174744.jpg" >
		</div>
		<div class="desc">
			<p>Dorulom</p>
			<p>Ut enim ad minima veniam, quis nostrumexercitationem ullam corporis suscipitlaboriosam, nisi ut aliquid ex ea
			commodi consequatur?
			</p>
		</div>
	</div>
</div>
</div>
<!-- 潮流展示 -->
<div class="share">
	<div class="share-box">
		<div class="bg">

		</div>
		<div class="img">
		<img src="QQ截图20210217210431.jpg" >
		</div>

	</div>
	<div class="shareDec">
		<div class="left">
			<p>Like it. Shop it.Mark it.</p>
		</div>
		<div class="right">
			<p>Ut enim ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit laboriosam, nisiut aliquid ex ea commodi consequatur?
</p>
		</div>
	</div>
</div>

<!-- 潮流展示结束 -->
<!-- 聚焦图		 -->
	<div class="focus">
		<div class="bg">
			<p>Ut enim ad minima quisnostrum ullam aliquid.
		</p>
			<p>Ut enim ad minima veniam, quis nostrum exercitationem ullamcorporis suscipit laboriosam, nisi ut aliquid ex ea commodiconsequatur?
		</p>
		</div>
		<div class="img">
			<img src="img/QQ截图20210217224927.jpg" >
		</div>

	</div>
<!-- 聚焦图结束		 -->
</main>
	<footer>
		<!-- 底部展览 -->
		<div class="exhibition">

			<div class="line">
				<div class="titlt">

									<p>Lorem ipsum sitdolorum amet utenim suspicit...
				</p>
								</div>
				<div class="img">
					<img src="img/QQ截图20210217233805.jpg" >
				</div>
				<div class="img">
					<img src="img/QQ截图20210217233843.jpg" >
				</div>
			</div>

		<div class="line">
			<div class="img">
				<img src="img/QQ截图20210217233927.jpg" >
			</div>
			<div class="img or">

			</div>
			<div class="img">
				<img src="img/QQ截图20210217233907.jpg" >
			</div>
			<div class="img">
				<img src="img/QQ截图20210217233856.jpg" >
			</div>
		</div>

		<div class="line">
			<div class="img bu">

			</div>
			<div class="img">
				<img src="img/QQ截图20210217233936.jpg" >
			</div>
			<div class="img">
				<img src="./img/QQ截图20210217233945.jpg" >
			</div>
			<div class="img">
				<img src="img/QQ截图20210217233952.jpg" >
			</div>
		</div>

		<div class="line">
			<div class="img">
				<img src="img/QQ截图20210217234024.jpg" >
			</div>
			<div class="img">
				<img src="img/QQ截图20210217234016.jpg" >
			</div>
			<div class="img">
				<img src="img/QQ截图20210217233959.jpg" >
			</div>
			<div class="img bu">
			</div>
		</div>


		</div>
		<button class="LoadMore"><span>Read More</span></button>

		<!-- 底部展览结束 -->
		<!-- 当底部小于时改用轮播图 -->
		<div class="banner">
			www
		</div>
	</footer>
	</div>
</body>
</html>