diff --git a/index.html b/index.html index 491fcf4..a49f39c 100644 --- a/index.html +++ b/index.html @@ -29,12 +29,15 @@ li{margin-left:1em} .media{width:48%} .icons svg{width:80px;height:80px;margin:4px} .foot{margin-top: 5em} +.foot img{width:300px} footer{background:linear-gradient(180deg, rgba(2, 49, 137, 0.38), rgba(2, 49, 137, 0.38)), linear-gradient(329deg, #01a3ca, #023189);margin-top:50px;position:absolute;left:0;right:0;padding:3.6rem 20px 2.2rem 20px} footer h3{font-size:1.3rem;font-weight:bold;line-height:2.2rem;padding:0 0 16px 0} footer a{color:#d8ebff;text-decoration:none} footer li{list-style:none;margin-left:0} -.container{max-width:66rem;margin:0 auto} +.container{max-width:68rem;margin:0 auto} .socials li{display:inline-block;vertical-align:top;padding:0 10px 8px 0} +.socials div{float:left;margin-right:85px;margin-bottom:32px} +.socials div:last-child{margin-right:0} .copyright{color:#d8ebff;font-size: 1.1rem;opacity:0.5;font-weight:500;line-height:2.6rem} .menus{margin:50px 0} .menus div{float:left;max-width:180px;margin-right:110px;margin-bottom:32px} @@ -60,7 +63,7 @@ th{display:table-cell;font-weight:bold;text-align:left} } @media only screen and (max-width:480px){ h1{font-size:14px} - .mob-logo{width:100%} + .foot .mob-logo{width:80%} .hidden-xs{display:none} footer .menus div:nth-of-type(2n+2) {margin-right:0;max-width:110px} } @@ -74,7 +77,7 @@ th{display:table-cell;font-weight:bold;text-align:left}

本地照片和视频
目录、文件秒变独立网站

- 在线演示 + 在线演示 下载源码
@@ -255,6 +258,14 @@ th{display:table-cell;font-weight:bold;text-align:left} 《功夫》经典片段 - “还有谁?”