diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..02718fd --- /dev/null +++ b/css/main.css @@ -0,0 +1,20 @@ +*{margin:0;padding: 0;} +body{background: black;} +li{list-style-type: none;} +.wrap{width:960px;height:330px; margin:100px auto;} +.wrap .clock{height: 220px;} +.wrap .clock ul li{width: 120px;height: 220px;float: left;margin:0 10px;} +.wrap .clock ul li ul{position: relative;} +.wrap .clock ul li ul li{width:90px;height: 20px;display: block;} +.wrap .clock ul li ul li:nth-child(1){position:absolute;left: 15px;} +.wrap .clock ul li ul li:nth-child(2){position:absolute;transform:rotateZ(90deg);top:0px;left:-35px;top:50px;} +.wrap .clock ul li ul li:nth-child(3){position:absolute;transform:rotateZ(90deg);top:0px;left:65px;top:50px;} +.wrap .clock ul li ul li:nth-child(4){position:absolute;top: 100px;left: 15px;} +.wrap .clock ul li ul li:nth-child(5){position:absolute;transform:rotateZ(90deg);top:150px;left:-35px;} +.wrap .clock ul li ul li:nth-child(6){position:absolute;transform:rotateZ(90deg);left:65px;top: 150px;} +.wrap .clock ul li ul li:nth-child(7){position:absolute;top: 200px;left: 15px;} +.wrap .clock ul .point{width: 30px;} +.wrap .clock ul .point span{display:block;height: 20px;width: 20px;background: #f10404;margin:60px 15px;} + +.wrap .date span:first-child{float: left;margin-left: 10px;} +.wrap .date span:last-child{float: right;margin-right:30px;} \ No newline at end of file diff --git a/images/back.png b/images/back.png new file mode 100644 index 0000000..13236fd Binary files /dev/null and b/images/back.png differ diff --git a/images/front.png b/images/front.png new file mode 100644 index 0000000..bfb2fcd Binary files /dev/null and b/images/front.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..d13b998 --- /dev/null +++ b/index.html @@ -0,0 +1,135 @@ + + +
+ +