4 gadi atpakaļ · d570c24e6f
--- a/index.css
+++ b/index.css
@@ -0,0 +1,156 @@
 
				+::-webkit-scrollbar {
			
 
				+    width: 0;
			
 
				+    /* height: 0; */
			
 
				+    background: #f2f2f2;
			
 
				+    padding-right: 2px;
			
 
				+}
			
 
				+
			
 
				+::-webkit-scrollbar-thumb {
			
 
				+    background: #b4bbc5;
			
 
				+    border-radius: 10px;
			
 
				+    border: 0;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+body{
			
 
				+    margin:0;
			
 
				+    position:relative;
			
 
				+    left:0;
			
 
				+}
			
 
				+
			
 
				+#base{
			
 
				+    position:absolute;
			
 
				+    width:100%;
			
 
				+}
			
 
				+
			
 
				+.back-picture{
			
 
				+    position: absolute;
			
 
				+    border-width: 0;
			
 
				+    left:0;
			
 
				+    top:0;
			
 
				+    width:100%;
			
 
				+    height:1070px;
			
 
				+    background-color:darkseagreen;
			
 
				+}
			
 
				+
			
 
				+.titles{
			
 
				+    position:absolute;
			
 
				+    top:193px;
			
 
				+    /* left:674px; */
			
 
				+    width:100%;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+
			
 
				+.locate1{
			
 
				+    top:272px;
			
 
				+}
			
 
				+
			
 
				+.locate2{
			
 
				+    top:363px;
			
 
				+}
			
 
				+
			
 
				+.buttons{
			
 
				+    position:absolute;
			
 
				+    top:874px;
			
 
				+    left:0;
			
 
				+    width: 100%;
			
 
				+    display:flex;
			
 
				+    justify-content: center;
			
 
				+    font-size: 22px;
			
 
				+    font-family:'Microsoft YaHei','Arial Negreta', 'Arial Normal', 'Arial';
			
 
				+    
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.button{
			
 
				+    margin:0 20px 0 20px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.text{
			
 
				+    position: absolute;
			
 
				+    left: inherit;
			
 
				+    top:27px;
			
 
				+    width: 267px;
			
 
				+    text-align: center;
			
 
				+    color:#FFFFFF;
			
 
				+    font-weight: normal;
			
 
				+}
			
 
				+
			
 
				+.text a{
			
 
				+    color: inherit;
			
 
				+}
			
 
				+.text a:link{
			
 
				+    text-decoration:none;
			
 
				+}
			
 
				+.text a:visited{
			
 
				+    text-decoration:none;
			
 
				+}
			
 
				+.text a:hover{
			
 
				+    text-decoration:none;
			
 
				+}
			
 
				+.text a:active{
			
 
				+    text-decoration:none;
			
 
				+}
			
 
				+
			
 
				+.contact{
			
 
				+    position: absolute;
			
 
				+    top:88px;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+.contact-icon{
			
 
				+    position: absolute;
			
 
				+    /* left:1686px; */
			
 
				+    right:39px;
			
 
				+    width:105px;
			
 
				+    height:25px;
			
 
				+    display: flex;
			
 
				+    justify-content:space-between;
			
 
				+}
			
 
				+
			
 
				+.contact-content{
			
 
				+    position: absolute;
			
 
				+    top:33px;
			
 
				+    right:39px;
			
 
				+
			
 
				+    visibility: hidden;
			
 
				+}
			
 
				+
			
 
				+.contact:hover .contact-content{
			
 
				+    visibility: visible;
			
 
				+}
			
 
				+
			
 
				+.items{
			
 
				+    position: absolute;
			
 
				+    top:28px;
			
 
				+    left:28px;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    justify-content: space-between;
			
 
				+
			
 
				+    font-size: 12px;;
			
 
				+    
			
 
				+}
			
 
				+
			
 
				+.item{
			
 
				+    color:#FFFFFF;
			
 
				+}
			
 
				+
			
 
				+.item-title{
			
 
				+    color:#D06814;
			
 
				+}
			
 
				+
			
 
				+.block1{
			
 
				+    height: 60px;
			
 
				+}
			
 
				+
			
 
				+.block2{
			
 
				+    top:122px;
			
 
				+    height:35px;
			
 
				+}
			
 
				+
			
 
				+.block3{
			
 
				+    top:193px;
			
 
				+    height:103px;
			
 
				+}
			
--- a/index.html
+++ b/index.html
@@ -0,0 +1,63 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+    <head>
			
 
				+        <meta charset="UTF-8"/>
			
 
				+        <title>永不落幕的博博会</title>
			
 
				+        <link rel="stylesheet" href="index.css"/>
			
 
				+    </head>
			
 
				+    <body>
			
 
				+        <div class="base">
			
 
				+            <div class="back-picture">
			
 
				+                <img alt="背景图片" class="back-image" src="pic1-1.png"/>
			
 
				+            </div>
			
 
				+            <div class="titles">
			
 
				+                <img alt="博博会 中德人工智能研究院 四维时代" class="img" src="pic2-1.png"/>
			
 
				+            </div>
			
 
				+            <div class="titles locate1">
			
 
				+                <img alt="永不落幕的博博会" class="img" src="pic3-1.png"/>
			
 
				+            </div>
			
 
				+            <div class="titles locate2">
			
 
				+                <img alt="第九届中国博物馆及相关产品与技术博览会" class="img" src="pic4-1.png"/>
			
 
				+            </div>
			
 
				+            <div class="buttons">
			
 
				+                <div class="button">
			
 
				+                    <img alt="点击" class="img" src="pic5-1.png">
			
 
				+                    <div class="text"><a href="">点击看展</a></div>
			
 
				+                </div>
			
 
				+                <div class="button">
			
 
				+                    <img alt="点击" class="img" src="pic5-1.png">
			
 
				+                    <div class="text"><a href="http://www.expo-museums.com/Index/column/id/162">参加云展</a></div>
			
 
				+                </div>
			
 
				+                <div class="button">
			
 
				+                    <img alt="点击" class="img" src="pic5-1.png">
			
 
				+                    <div class="text"><a href="http://www.expo-museums.com/Index/history/column/143">往届博博会</a></div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+            <div class="contact">
			
 
				+                <div class="contact-icon">
			
 
				+                    <img alt="商务合作电话" src="pic6-1.png"/>
			
 
				+                    <img alt="商务合作微信" src="pic7-1.png"/>
			
 
				+                    <img alt="商务合作邮箱" src="pic8-1.png"/>
			
 
				+                </div>
			
 
				+                <div class="contact-content">
			
 
				+                    <img alt="联系方式" src="pic9-1.png"/>
			
 
				+                    <div class="items block1">
			
 
				+                        <div class="item item-title">商务合作电话:</div>
			
 
				+                        <div class="item">13581625033（黎先生）</div>
			
 
				+                        <div class="item">15733737800（刘小姐）</div>
			
 
				+                    </div>
			
 
				+                    <div class="items block2">
			
 
				+                        <div class="item item-title">商务合作邮箱:</div>
			
 
				+                        <div class="item">sales@4dage.com</div>
			
 
				+                    </div>
			
 
				+                    <div class="items block3">
			
 
				+                        <div class="item item-title">商务合作微信:</div>
			
 
				+                        <div class="item"><img alt="微信二维码" src="pic10-1.png"/></div>
			
 
				+                    </div>
			
 
				+                </div>
			
 
				+            </div>
			
 
				+        </div>
			
 
				+
			
 
				+
			
 
				+    </body>
			
 
				+</html>
			
--- a/pic1-1.png
+++ b/pic1-1.png
--- a/pic1-2.png
+++ b/pic1-2.png
--- a/pic1-3.png
+++ b/pic1-3.png
--- a/pic10-1.png
+++ b/pic10-1.png
--- a/pic10-2.png
+++ b/pic10-2.png
--- a/pic10-3.png
+++ b/pic10-3.png
--- a/pic2-1.png
+++ b/pic2-1.png
--- a/pic2-2.png
+++ b/pic2-2.png
--- a/pic2-3.png
+++ b/pic2-3.png
--- a/pic3-1.png
+++ b/pic3-1.png
--- a/pic3-2.png
+++ b/pic3-2.png
--- a/pic3-3.png
+++ b/pic3-3.png
--- a/pic4-1.png
+++ b/pic4-1.png
--- a/pic4-2.png
+++ b/pic4-2.png
--- a/pic4-3.png
+++ b/pic4-3.png
--- a/pic5-1.png
+++ b/pic5-1.png
--- a/pic5-2.png
+++ b/pic5-2.png
--- a/pic5-3.png
+++ b/pic5-3.png
--- a/pic6-1.png
+++ b/pic6-1.png
--- a/pic6-2.png
+++ b/pic6-2.png
--- a/pic6-3.png
+++ b/pic6-3.png
--- a/pic7-1.png
+++ b/pic7-1.png
--- a/pic7-2.png
+++ b/pic7-2.png
--- a/pic7-3.png
+++ b/pic7-3.png
--- a/pic8-1.png
+++ b/pic8-1.png
--- a/pic8-2.png
+++ b/pic8-2.png
--- a/pic8-3.png
+++ b/pic8-3.png
--- a/pic9-1.png
+++ b/pic9-1.png
--- a/pic9-2.png
+++ b/pic9-2.png
--- a/pic9-3.png
+++ b/pic9-3.png