Skip to content
Snippets Groups Projects
Commit 01152b8c authored by wyl's avatar wyl
Browse files

final maybe

parent 7a07795d
No related branches found
No related tags found
1 merge request!9C23096663 submit final
Showing
with 239 additions and 1 deletion
...@@ -38,3 +38,128 @@ ...@@ -38,3 +38,128 @@
background-color: #f75a53; background-color: #f75a53;
color: #fdfde3; color: #fdfde3;
} }
.banner {
overflow: hidden;
position: relative;
height: 460px;
}
.banner img {
position: absolute;
left: calc(50% - 720px);
}
.partner {
height: 385px;
background-color: #f7f7f7;
}
.title2 {
height: 123px;
}
.title2 h3,
.title3 h3,
.title4 h3 {
font-size: 22px;
text-align: center;
padding-top: 39px;
padding-bottom: 18px;
}
.title2 p,
.title3 p,
.title4 p {
font-size: 14px;
text-align: center;
padding-bottom: 28px;
}
.title2 p,
.title3 p,
.title4 p {
color: #999999;
}
.pimg ul li {
float: left;
border: 1px solid #ededed;
width: 188px;
height: 100px;
}
.pimg ul li img {
width: 150px;
height: 180px;
text-align: center;
vertical-align: middle;
/* padding-top: 30px; */
/* padding-left: 20px; */
}
.news {
margin-right: 60px;
margin-top: -100px;
}
.news dl {
float: left;
margin-right: 60px;
width: 320px;
}
.news dl dt {
font-size: 18px;
color: #000000;
font-weight: bold;
margin-bottom: 30px;
}
.news dl dd {
font-size: 12px;
line-height: 30px;
}
.news dl dd span {
float: right;
color: #8b8786;
line-height: 30px;
}
.news a {
color: #8b8786;
}
.news img {
margin-top: 26px;
}
.bottom {
margin-top: 44px;
height: 138px;
background-color: #363636;
}
.lianjie {
padding-top: 28px;
}
.bottom p {
text-align: center;
box-sizing: border-box;
font-size: 12px;
color: #797979;
line-height: 30px;
}
.bottom a {
color: #797979;
}
.bottom span {
margin: auto 10px;
}
\ No newline at end of file
...@@ -30,4 +30,4 @@ img{ ...@@ -30,4 +30,4 @@ img{
} }
.right{ .right{
float: right; float: right;
} }
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<div class="top safe">
<!-- title -->
<div class="title left">
<h1>Extreme Ironing</h1>
</div>
<div class="saying left">
<img src="../image/l.gif" alt="渐变竖线">
</div>
<div class="saying2 left">
<p>Extreme ironing (also called EI) is an extreme sport in which people take ironing boards to remote
locations and iron items of clothing. </p>
</div>
<!-- nav -->
<div class="nav1 right">
<ul>
<li><a href="../html/index.html">index</a></li>
<li>about us</li>
<li>news</li>
<li>order us</li>
<li><a href="../html/email.html">contact us</a></li>
<li><a href="../html/page.html">ask us</a</li>
<li><a href="../html/profil.html">VIP</a></li>
</ul>
</div>
<div class="banner safe">
<img src="../image/banner.gif">
</div>
<div class="partner safe">
<div class="title2">
<h3>Partners members</h3>
<p>Sincere, total win, meticulous</p>
</div>
<div class="pimg">
<ul>
<li><img src="../image/partner/1.gif" alt="1"></li>
<li><img src="../image/partner/2.gif" alt="2"></li>
<li><img src="../image/partner/3.gif" alt="3"></li>
<li><img src="../image/partner/4.gif" alt="4"></li>
<li><img src="../image/partner/5.gif" alt="5"></li>
<li><img src="../image/partner/5.gif" alt="5"></li>
</ul>
</div>
</div>
<div class="news safe clearfix">
<div class="title3">
<h3>news</h3>
<p>rencently news</p>
</div>
<dl>
<dt>Company News</dt>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
</dl>
<dl>
<dt>Industy News</dt>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
</dl>
<dl>
<dt>Media reports</dt>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
<dd><a href="#">Extreme ironing was invented in 1997 in Leicester</a><span>10-10</span></dd>
</dl>
</div>
</div>
<div class="bottom">
<p class="lianjie">
<a href="../html/index.html">index</a><span>|</span>
<a href="#">about us</a><span>|</span>
<a href="#">news</a><span>|</span>
<a href="#">order us</a><span>|</span>
<a href="../html/email.html">contact us</a><span>|</span>
<a href="../html/page.html">ask us</a><span>|</span>
<a href="../html/profil.html">VIP</a>
</p>
<p>Copyright &copy; xxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>phone:xxxxxxxxxx E-mail :xxxxxxxxxxxxxxxxx location:xxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
</body>
</html>
\ No newline at end of file
image/partner/1.gif

33.1 KiB

image/partner/2.gif

33.1 KiB

image/partner/3.gif

18.1 KiB

image/partner/4.gif

67.9 KiB

image/partner/5.gif

15.6 KiB

image/partner/baoli.gif

6.14 KiB

image/partner/dangdang.gif

8.18 KiB

image/partner/garden.gif

7.1 KiB

image/partner/green.gif

6.89 KiB

image/partner/hengda.gif

6.69 KiB

image/partner/jd.gif

7.43 KiB

image/partner/longhu.gif

8.67 KiB

image/partner/mengbasha.gif

9.39 KiB

image/partner/tmall.gif

5.32 KiB

image/partner/vanke.gif

5.8 KiB

image/partner/weibo.gif

7.73 KiB

image/partner/weipinhui.gif

7.04 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment