所有项目提交

betmay/betmay 3.25/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

betmay/betmay 3.25/css/base.css

@@ -0,0 +1,70 @@
+/* 所有标签的内外边距清零 */
+* {
+    margin: 0px;
+    padding: 0px;
+    /* css3盒子模型 */
+    box-sizing: border-box;
+    font-family:DFKai-SB;
+}
+/* em 和 i 斜体的文字不倾斜 */
+em,
+i {
+    font-style: normal
+}
+/* 去掉li 的小圆点 */
+/* li {
+    list-style: none
+} */
+/* ul{
+    list-style: none;
+} */
+
+img {
+    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
+    border: 0;
+    /* 取消图片底侧有空白缝隙的问题 */
+    vertical-align: middle;
+}
+
+button {
+    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
+    cursor: pointer
+}
+
+a {
+    color: #666;
+    text-decoration: none
+}
+
+a:hover {
+    color: #c81623
+}
+
+button,
+input {
+    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
+    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+    /* 默认有灰色边框我们需要手动去掉 */
+}
+
+body {
+    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
+    -webkit-font-smoothing: antialiased;
+    /* background-color: #fff; */ 
+    /* font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; */
+    /* color: #666 */
+}
+
+.hide,
+.none {
+    display: none
+}
+/* 清除浮动 */
+.clearfix::after {
+    visibility: hidden;
+    clear: both;
+    display: block;
+    content: ".";
+    height: 0
+}
+

betmay/betmay 3.25/css/index.css

@@ -0,0 +1,784 @@
+body,html{
+    margin: 0;
+    padding: 0;
+    height: 100vh;
+}
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+   
+  }
+  .scrollTop{
+    width: 100px;
+    /* height: 50px; */
+    position: fixed;
+    right: 5%;
+    z-index: 999999;
+    bottom:10% ;
+    cursor: pointer;
+   
+    border-radius: 50%;
+  }
+.headerBox{
+    width: 100%;
+    height: 760px;
+    /* background: palevioletred; */
+    /* border-radius: 0px 0px 80px 80px; */
+    /* background: #2f3548; */
+  
+    background-image: url("../img/topBG11111.svg");
+    background-repeat: no-repeat;
+    background-size:cover;
+    background-position: 100% 80%;
+    position: relative;
+   
+}
+/* .headerBg{
+  background: #f2b252;
+} */
+
+.header{
+    width: 100%;
+    height: 200px;
+    background-image: url("../img/headBG.svg");
+    background-repeat: no-repeat;
+    /* background: goldenrod; */
+    z-index: 999; 
+    /* position: fixed;
+    top: 0;
+    left: 0; */
+    /* background: palegoldenrod; */
+    position: relative;
+}
+.langBox{
+   position: absolute;
+   right: 3%;
+   top: 40px;
+   color: #ffffff;
+   display: flex;
+   align-items: center;
+}
+.langBox span{
+   display: inline-block;
+   font-size: 16px;
+   cursor: pointer;
+   display: flex;
+   align-items: center;
+
+}
+.langBox img{
+   width: 20px;
+   margin-right: 5px;
+}
+.langBox span:hover{
+   color: #F0A93E;
+   
+}
+.logoBox{
+    width: 100%;
+    height: 80%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    padding-top: 30px;
+}
+.logo{
+    width: 15%;
+    height: 100%;
+    text-align: center;
+}
+.logo img{
+    width: 50%;
+}
+ .menu{
+    width: 50%;
+    height: 100%;
+   
+ }
+ .menu ul{
+    width: 75%;
+    height: 50%;
+    display: flex;
+    justify-content: space-around;
+    background: greenyellow;
+    align-items: center;
+    background: #fff;
+    border-radius: 20px;
+    box-shadow: 10px 10px 10px rgba(0,0,0,.2);
+ }
+ .menu ul li{
+    color: #393f51;
+    font-weight: bold;
+    font-size: 17px;
+    cursor: pointer;
+    transition: 0.3s all;
+ }
+ .menu ul li:hover{
+    color: #f2b252;
+ }
+ .menu ul li:hover a{
+    color: #f2b252;
+ }
+ .menu ul li a{
+    color: #393f51;
+    transition: 0.3s all;
+ }
+ .highlight{
+    color: #f2b252 !important;
+ }
+
+ .highlight a{
+    color: #f2b252 !important;
+ }
+ .email{
+    width: 20%;
+    height: 100%;
+    /* background: goldenrod; */
+    text-align: center;
+    padding-top: 20px;
+ }
+ .email img{
+    width: 30%;
+ }
+ .textBox{
+    width: 24%;   
+    margin-left: 27%;
+    margin-top: 5%;
+    text-align: center;
+    line-height: 60px;
+    color:#ffffff ;
+    text-align: left;
+ 
+ }
+ .textBox p:nth-of-type(1){
+    font-size: 60px;
+    font-weight: bold;
+ }
+ .textBox p:nth-of-type(2){
+    font-size: 38px;
+    font-weight: bold;
+   
+ }
+ .textBox p:nth-of-type(2) span{
+    background: #f2b252;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+ }
+ .textBox p:nth-of-type(3){
+    font-size: 23px;
+    /* background: #ccc; */
+    line-height: 50px;
+   
+ }
+ .computerImg{
+  
+    /* background: hotpink; */
+    position: absolute;
+    right: 8%;
+    top:38%;
+    z-index: 1;
+ }
+ /* -------------- 我们的团队---------- */
+
+ .teamBox{
+   box-sizing: border-box;
+    width: 100%;
+
+    display: flex;
+    padding-bottom: 10%;
+    /* background: palegoldenrod; */
+ }
+ .teamBox .left{
+    width: 50%;
+    height: 1700px;
+    /* background: palevioletred; */
+    position: relative;
+ }
+ .left .text{
+    width: 100%;
+    height: 80%;
+    background: #f0a93f;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+      background-image: url("../img/team2.svg");
+    background-repeat: no-repeat;
+    background-size: 80%;
+    background-position: 80% 30%;
+ 
+ }
+ .text .contentBox{
+    width: 50%;
+    text-align: center;
+    line-height: 70px;
+    color:#ffffff ;
+    text-align: left;
+   
+    
+ }
+
+ .contentBox p:nth-of-type(1){
+    font-size: 60px;
+    font-weight: bold;
+ }
+ .contentBox p:nth-of-type(2){
+    font-size: 38px;
+    font-weight: bold;
+    /* margin-top: 20px; */
+ }
+ .contentBox p:nth-of-type(2) span{
+    background: #fff;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+ }
+ .contentBox p:nth-of-type(3){
+    font-size: 25px;
+   
+ }
+ .left img{
+    width: 60%;
+    position: absolute;
+    top: 60%;
+    left: 10%;
+ }
+ .teamBox .right{
+    width: 60%;
+    height: 1700px;
+    position: relative;
+ }
+ .right img{
+    width: 100%;
+    position: absolute;
+    top: 35%;
+    left: -8%;
+ }
+
+ /* ----------产品介绍------------------ */
+ .product{
+    width: 100%;
+
+    background-image: url("../img/product.png");
+    background-repeat: no-repeat;
+    background-size: 70%;
+    background-position: 90% 0%;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    padding-bottom: 10%;
+ }
+ .Ptitle{
+    margin-top: 1%;
+    text-align: center;
+    font-size: 66px;
+    font-weight: bold;
+    padding-left: 13%;
+    color: #2E3548;
+ }
+ .INTRODUCTION{
+    font-size: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-left: 20%;
+    margin-top: 2%;
+ }
+ .INTRODUCTION span{
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    background: #F2B252;
+    border-radius: 50%;
+    margin-right: 20px;
+ }
+ .productBox{
+    width: 100%;
+    height: 1500px;
+    display: flex;
+    margin-top: 3%;
+ }
+ .productLeft{
+    width: 50%;
+    /* height: 100%; */
+    text-align: right;
+    padding-right: 6%;
+
+ }
+ .productLeftImg{
+   position: relative;
+   text-align: right;
+   display: flex;
+   justify-content:right;
+ }
+ 
+ .productLeftImg2{
+    margin-top: 8%;
+    position: relative;
+    display: flex;
+    justify-content:right;
+ }
+ .productLeftBox{
+   width:531px ;
+   height: 100%;
+   overflow: hidden;
+   position: relative;
+
+ }
+
+ .productright{
+    width: 50%;
+    /* height: 100%; */
+    text-align: left;
+    margin-top: 2.2%;
+    padding-left: 2%;
+ }
+ .productrightImg{
+   position: relative;
+ }
+ .productrightImg2{
+    margin-top: 8%;
+    position: relative;
+ }
+
+
+ .UIen{
+    position: absolute;
+    /* top:358px;
+    left: 330px; */
+    top: 50.5%;
+    left: 0;
+    color: #F0A93E;
+    font-weight: bold;
+    font-size: 25px;
+  
+ }
+ .UIzh{
+    position: absolute;
+    /* top:416px;
+    left: 383px; */
+    top: 59%;
+    left: 12%;
+    color: #fff;
+    font-weight: bold;
+    font-size: 22px;
+ }
+
+ .WebsiteEn{
+   position: absolute;
+   /* top:358px;
+   left: 330px; */
+   top: 50.5%;
+   left: 0px;
+    color: #F0A93E;
+    font-weight: bold;
+    font-size: 25px;
+ }
+ .WebsiteZh{
+   position: absolute;
+   /* top:416px;
+   left: 383px; */
+   top: 59%;
+   left: 27%;
+    color: #fff;
+    font-weight: bold;
+    font-size: 22px;
+ }
+ .Designen{
+    position: absolute;
+    top:358PX;
+    left: 10px;
+    color: #F0A93E;
+    font-weight: bold;
+    font-size: 25px;
+ }
+ .Designzh{
+    position: absolute;
+    top:420px;
+    left: 120px;
+    color: #fff;
+    font-weight: bold;
+    font-size: 22px;
+ }
+ .maintenanceEn{
+    position: absolute;
+    /* top:1137PX;
+    left: 61px; */
+    top:358PX;
+    left: 10px;
+    color: #F0A93E;
+    font-weight: bold;
+    font-size: 25px;
+ }
+
+ .maintenanceZh{
+    position: absolute;
+    /* top:1243px;
+    left: 131px; */
+    top:420px;
+    left: 210px;
+    color: #fff;
+    font-weight: bold;
+    font-size: 22px;
+ }
+
+
+ /* ----------解决方案------------------ */
+ .Solution{
+    width: 100%;
+    height: 2900px;
+    /* background: pink; */
+    background-image: url("../img/solution.svg");
+    background-repeat: no-repeat;
+    background-size: 70%;
+    position: relative;
+
+ }
+ .rightBg{
+    width: 8%;
+    height: 100%;
+    background: #F0A93E;
+    position: absolute;
+    top: 0;
+    right:0;
+    border-radius: 50px 0px 0px 50px;
+    z-index: -1;
+ }
+
+
+ .Stitle{
+    padding-top: 5%;
+    text-align: left;
+    font-size: 66px;
+    font-weight: bold;
+    padding-left: 11%;
+    color: #2E3548;
+ }
+ .SOLUTION{
+    font-size: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: left;  
+    margin-top: 2%;
+ }
+ .SOLUTION span{
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    background: #F2B252;
+    border-radius: 50%;
+    margin-right: 20px;
+ }
+ .SolutionContent{
+    width: 100%;
+    height: 80%;
+    display: flex;
+ }
+ .SolutionLeft{
+   width: 40%;
+   /* background: pink; */
+   display: flex;
+    align-items: end;
+ 
+   flex-direction: column;
+
+ }
+ .SolutionLeftContent{
+    width: 60%;
+    text-align: left;
+    margin-right: 5%;
+    margin-top:15%;
+ }
+ .SolutionLeftContent :nth-of-type(1){
+    font-weight: bold;
+    font-size: 22px;
+ }
+
+ .SolutionLeftContent :nth-of-type(2){
+   line-height: 36px;
+   color: #757575;
+    margin-top: 2%;
+ }
+
+ .SolutionImgs{
+    width: 80%;
+    display: flex;
+    margin-top: 10%;
+    justify-content: space-around;
+    align-items: center;
+ }
+
+ .SolutionImgs div{
+    border:1px solid #f2b252;
+    height: 160px;
+    text-align: center;
+    border-radius: 20px;
+    margin-left: 5%;
+    line-height: 130px;
+    padding: 0;
+ }
+
+
+ .SolutionImgs img{
+    width: 55%;
+ }
+ .SolutionImgs .SolutionImgs3{
+   width: 50%;
+ }
+
+ .SolutionRight{
+    width: 60%;
+    height: 100%;
+    /* background: peachpuff; */
+ }
+ .SolutionRightContent{
+    width: 100%;
+    z-index: 12;
+    text-align: right;
+    padding-right: 5%;
+    /* padding-top: 5%; */
+ }
+ .SolutionRightContentImg{
+    width: 100%;
+    margin-top: 5%;
+    display: flex; 
+    flex-direction: column;
+    align-items: end;
+    
+ }
+ .SolutionRightContentImg img{
+    width: 730px;
+  
+  
+ }
+ .SolutionRightContentImg p{
+    width: 730px;
+    display: flex;
+    flex-direction: column;
+   align-items: start;
+    /* padding-left: 32%; */
+    margin-top: 3%;
+ }
+
+ .SolutionRightContentImg p span:nth-of-type(1){
+    font-size: 28px;
+    font-weight: 600;
+ }
+
+ .SolutionRightContentImg p span:nth-of-type(2){
+    font-size: 20px;
+    margin-top: 2%;
+    color: #757575;
+    font-weight: 600;
+    text-align: left;
+ }
+
+/* ----------案例------------------ */
+.caseBox{
+    background-color: #2F3448;
+}
+ .case{
+    width: 100%; 
+    margin-top: 1%;
+    background-color: #ECFBFF;
+    background-image: url("../img/case.svg");
+    background-repeat: no-repeat;
+    background-size:70% 100%;
+    border-radius: 0px 0px 100px 100px;
+    overflow: hidden;
+ }
+
+ .Ctitle{
+    padding-top: 5%;
+    text-align: left;
+    font-size: 66px;
+    font-weight: bold;
+    padding-left: 15%;
+    color: #2E3548;
+  
+ }
+ .CASE{
+    font-size: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: left;  
+    margin-top: 2%;
+ }
+ .CASE span{
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    background: #F2B252;
+    border-radius: 50%;
+    margin-right: 20px;
+ } 
+
+ .Rotating{
+    width: 65%;
+ 
+    background: #fff;
+    display: flex;
+    /* justify-content: center; */
+    /* align-items: center; */
+    margin-left: 30%;
+    padding: 30px;
+    border-radius: 20px;
+    flex-direction: column;
+    padding-top: 50px;
+    position: relative; 
+    margin-bottom: 150px;
+
+ }
+ .sliderShadow{
+    width: 90%;
+    /* height: 90%; */
+    /* background: red; */
+    margin:  0 auto;
+    display: flex;
+    box-shadow: 5px 5px 10px 1px #ccc;
+
+ }
+ .slider {
+    /* position: relative; */
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    /* margin:  0 auto; */
+   
+  }
+
+  .slides {
+    width: 100%;
+    /* height: 100%; */
+    display: flex;
+    transition: transform 0.5s ease-in-out;
+   /* background: palegreen; */
+}
+
+
+.slide {
+   width: 100%;
+  /* height: 100%; */
+  object-fit: contain;
+    /* object-fit: cover; */
+
+  }
+
+ .arrow {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 30px;
+    color: #757575;
+    cursor: pointer;
+    z-index: 1;
+
+  }
+
+ .arrow.left {
+    left: 10px;
+  }
+
+ .arrow.right {
+    right: 10px;
+  }
+
+ .dots-container {
+    position: absolute;
+    bottom: 190px;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+  }
+
+ .dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background-color: gray;
+    margin: 0 5px;
+    cursor: pointer;
+  }
+
+ .dot.active {
+    background-color: orange;
+  }
+
+
+  .RotatingTitle{
+    margin-top: 50px;
+    margin-left: 50px;
+  }
+
+  .RotatingTitle p:nth-of-type(1){
+    font-size: 25px;
+    font-weight: 600;
+  }
+
+  .RotatingTitle p:nth-of-type(2){
+    font-size: 18px;
+    margin-top: 10px;
+  }
+  /* ---------------页尾---------------------- */
+  .footer{
+    width: 100%;
+    height: 500px;
+    background: #2E3548;
+    padding-top: 8%;
+  }
+
+  .footerBox{
+    width: 100%;
+    height: 85%;
+    /* background: paleturquoise; */
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0px 13%;
+  }
+  .footerLogo{
+    width: 30%;
+   display: flex;
+   flex-direction: column;
+   align-items: center;
+   /* background: palegoldenrod; */
+  }
+  .footerLogo img{
+    width: 60%;
+   
+  }
+  .footerLogo span{
+    color: #fff;
+    margin-top: 20px;
+    font-size: 15px;
+    
+  }
+  .footerLogo span a{
+   color: #fff;
+   /* color: #F2B252; */
+  }
+  .footerLogo span a:hover{
+   color: #F2B252;
+   text-decoration: underline;
+  }
+  .footerText{
+    width: 60%;
+    height: 100%;
+    text-align: right;
+    display: flex;
+    flex-direction: column;
+    align-items: end;
+    justify-content: end;
+    /* background: palegreen; */
+  }
+
+  .footerText span{
+    display: inline-block;
+    /* background: #f0a93f; */
+    /* margin-top: 32%; */
+    color: #ECFBFF;
+   
+  }

betmay/betmay 3.25/html/Solution.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>

betmay/betmay 3.25/html/aboutUs.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>

betmay/betmay 3.25/html/product.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>

betmay/betmay 3.25/img/LOGO.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.88 113.52"><defs><style>.cls-1{fill:#07889b;}.cls-1,.cls-2{fill-rule:evenodd;}.cls-2{fill:#e37222;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M78,105.4h3a2.54,2.54,0,0,0,1.78-.52,2.2,2.2,0,0,0,.55-1.67,2.24,2.24,0,0,0-.54-1.63,2.21,2.21,0,0,0-1.63-.56H78v4.38Zm0,2.73v5.39H74.83V98.39h6.73a4.33,4.33,0,0,1,4.84,4.87,5,5,0,0,1-1.2,3.6,4.49,4.49,0,0,1-3.43,1.27Zm15.25,5.39V101.09H88.71v-2.7h12.06v2.7H96.31v12.43Zm10.56,0V98.39h11V101h-7.91v3.22h7.24v2.59h-7.24v3.89h8.29v2.8Zm15,0v-3.09h3.09v3.09Zm12.08,0V98.39h3.11v12.33h7.39v2.8Zm14.82,0h3.11V101.09h4.46v-2.7H141.16v2.7h4.49v12.43Zm13.61-2.74h2.49a3.89,3.89,0,0,0,3.14-1.13,5.63,5.63,0,0,0,1-3.68,6.19,6.19,0,0,0-.9-3.73,3.31,3.31,0,0,0-2.83-1.2h-2.87v9.74Zm-3,2.74V98.39h5.92a6.69,6.69,0,0,1,5.2,1.88Q169,102.15,169,106a9.85,9.85,0,0,1-.63,3.66,6.08,6.08,0,0,1-1.84,2.54,5.68,5.68,0,0,1-2,1,13.38,13.38,0,0,1-3.23.31Zm15.61,0v-3.09h3.09v3.09Z"/><path class="cls-2" d="M116,34.59c.56.38,27.14,39,27.14,39s17.38-27.94,24-36.82C182.7,15.76,207.72,0,207.72,0s-22,5.5-45,28.78c-10,10.13-19,23.77-19,23.77l-27.52-18Z"/><path class="cls-1" d="M120,43V81.54h11.7V59.87C127.6,53.91,123.18,47.53,120,43Z"/><polygon class="cls-1" points="153.78 59.19 153.78 81.55 165.6 81.55 165.6 41.05 153.78 59.19"/><path class="cls-1" d="M9.83,57.27H18.1a6.44,6.44,0,0,0,3.9-1,3.43,3.43,0,0,0,1.28-2.92,3.28,3.28,0,0,0-1.2-2.76,5.72,5.72,0,0,0-3.55-.94H9.83v7.59Zm0,16.47H17.6c2.46,0,4.17-.34,5.16-1A4.68,4.68,0,0,0,22.82,66a6.68,6.68,0,0,0-4.18-1.11H9.83v8.88ZM0,81.72V41.58H19.48q7,0,10.34,2.53c2.23,1.67,3.34,4.26,3.34,7.74a9,9,0,0,1-1.49,5.35,9.22,9.22,0,0,1-4.53,3.25,9.68,9.68,0,0,1,5.34,3.23,9,9,0,0,1,1.85,5.8,12.29,12.29,0,0,1-1.53,6.11,10.81,10.81,0,0,1-4.33,4.23,14,14,0,0,1-4.55,1.47,56.17,56.17,0,0,1-8.22.43Zm44,0V41.58h30.5v8.21H54.26v7.09H72.74v8H54.26v8.6H75.14v8.2Zm48.63,0v-32H81.12V41.58h33.27v8.15h-11.5v32ZM187.07,66h8.77L191.38,52.2,187.07,66Zm-1-24.46h11.23l14.18,40.14h-11L198,74.35H184.61l-2.29,7.37H171.66l14.45-40.14Zm38.76,40.14h10V66.6l14-25H237.27l-7.36,16.19-7.38-16.19H211l13.9,25Z"/></g></g></svg>

betmay/betmay 3.25/img/case.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2045.04 1568"><defs><style>.cls-1{fill:none;}.cls-2{fill:#ecfbff;}.cls-3{clip-path:url(#clip-path);}.cls-4{font-size:499.81px;fill:#d9e7ed;font-family:MicrosoftYaHeiUI-Bold, Microsoft YaHei UI;font-weight:700;}</style><clipPath id="clip-path" transform="translate(125.04)"><rect class="cls-1" y="132.44" width="442.67" height="1214.67"/></clipPath></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-2" d="M125,0H2045a0,0,0,0,1,0,0V1498a70,70,0,0,1-70,70H195a70,70,0,0,1-70-70V0a0,0,0,0,1,0,0Z"/><g class="cls-3"><text class="cls-4" transform="translate(130.81 121.55) rotate(90)">Case</text></g></g></g></svg>

betmay/betmay 3.25/img/headBG.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1017 205.1"><defs><style>.cls-1{fill:#f0a93f;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M0,0V205.1c15.81-8.17,71.14-33.23,172.9-44.21,104-11.21,295,61.24,414.25,28.82C724,152.49,750.27,77.9,820.08,76.85,979.78,74.44,1017,0,1017,0Z"/></g></g></svg>

betmay/betmay 3.25/img/lang.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1727246632057" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4347" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M516.864 85.333333l82.261333 19.114667c-10.069333 42.837333 9.984 82.730667 68.053334 124.330667 135.509333 97.024 167.509333 151.722667 128.981333 272.64-22.698667 71.253333 4.821333 97.28 99.84 97.28V682.666667c-145.92 0-223.018667-72.96-180.394667-206.592 24.874667-77.994667 11.434667-100.906667-97.834666-179.2-83.456-59.733333-119.722667-131.84-100.906667-211.541334z" fill="#ffffff" p-id="4348"></path><path d="M134.656 440.32a384 384 0 0 0 495.445333 437.162667c-23.594667-54.528-49.322667-66.730667-97.28-65.365334-5.845333 0.128-10.837333 0.426667-21.76 1.066667-82.688 4.992-123.818667-5.333333-162.688-64.426667-43.477333-65.962667-29.866667-113.664 22.613334-174.165333l6.229333-7.168c39.082667-44.8 42.794667-58.794667 14.421333-99.584-31.744-45.653333-49.365333-48.085333-115.669333-29.098667-62.293333 17.792-102.229333 21.717333-141.312 1.578667z m26.368-84.394667c21.418667 16.341333 40.448 15.36 91.477333 0.768 97.408-27.861333 151.637333-20.309333 209.194667 62.421334 55.808 80.213333 41.642667 133.546667-20.181333 204.416l-6.058667 6.954666c-30.293333 34.986667-33.194667 45.013333-15.786667 71.381334 16.981333 25.856 31.317333 29.44 86.229334 26.154666 11.861333-0.725333 17.450667-1.024 24.490666-1.237333 81.664-2.304 137.813333 28.16 177.237334 115.712A384 384 0 1 0 161.066667 355.925333zM512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z" fill="#ffffff" p-id="4349"></path></svg>

betmay/betmay 3.25/img/product.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1313.78 370.71"><defs><style>.cls-1{font-size:330.38px;fill:#ebebed;font-family:MicrosoftYaHeiUI-Bold, Microsoft YaHei UI;font-weight:700;}.cls-2{letter-spacing:0em;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><text class="cls-1" transform="translate(0 284.24)">P<tspan class="cls-2" x="217.13" y="0">r</tspan><tspan x="355.55" y="0">oduct</tspan></text></g></g></svg>

betmay/betmay 3.25/img/solution.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1495.23 397.78"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{font-size:354.51px;fill:#ebebed;font-family:MicrosoftYaHeiUI-Bold, Microsoft YaHei UI;font-weight:700;}</style><clipPath id="clip-path" transform="translate(50.56 -6.77)"><rect class="cls-1" width="1512" height="392"/></clipPath></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><g class="cls-2"><text class="cls-3" transform="translate(0 305)">Solution</text></g></g></g></svg>

betmay/betmay 3.25/img/team.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 863.37 361.33"><defs><style>.cls-1{font-size:322.02px;fill:#f2b252;font-family:MicrosoftYaHeiUI-Bold, Microsoft YaHei UI;font-weight:700;}.cls-2{letter-spacing:-0.1em;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><text class="cls-1" transform="translate(0 277.05)"><tspan class="cls-2">T</tspan><tspan x="169.66" y="0">eam</tspan></text></g></g></svg>

betmay/betmay 3.25/img/team2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 863.37 361.33"><defs><style>.cls-1{font-size:322.02px;fill:#f2b251;font-family:MicrosoftYaHeiUI-Bold, Microsoft YaHei UI;font-weight:700;}.cls-2{letter-spacing:-0.1em;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><text class="cls-1" transform="translate(0 277.05)"><tspan class="cls-2">T</tspan><tspan x="169.66" y="0">eam</tspan></text></g></g></svg>

betmay/betmay 3.25/img/解决方案背景.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 183.89 3514.67"><defs><style>.cls-1{fill:#f0a93f;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M0,0H113.89a70,70,0,0,1,70,70V3444.67a70,70,0,0,1-70,70H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z" transform="translate(183.89 3514.67) rotate(-180)"/></g></g></svg>

betmay/betmay 3.25/img/邮箱.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.8 39.68"><defs><style>.cls-1{fill:none;stroke:#fff;stroke-width:3.19px;}</style></defs><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><g id="Light_Message" data-name="Light Message"><g id="Message"><path id="Rectangle_15" data-name="Rectangle 15" class="cls-1" d="M29,1.6c6.39,0,9.58,0,12,1.24a11.36,11.36,0,0,1,5,5c1.25,2.44,1.25,5.64,1.25,12s0,9.58-1.25,12a11.36,11.36,0,0,1-5,5c-2.44,1.25-5.63,1.25-12,1.25H19.84c-6.38,0-9.58,0-12-1.25a11.41,11.41,0,0,1-5-5c-1.24-2.44-1.24-5.63-1.24-12s0-9.58,1.24-12a11.41,11.41,0,0,1,5-5c2.44-1.24,5.64-1.24,12-1.24Z"/><path id="Vector_1" data-name="Vector 1" class="cls-1" d="M15.28,15.28s8,6.84,9.12,6.84,9.12-6.84,9.12-6.84"/></g></g></g></g></svg>

betmay/betmay 3.25/index.html

@@ -0,0 +1,408 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>BETMAY</title>
+    <link rel="stylesheet" href="css/base.css">
+    <link rel="stylesheet" href="css/index.css">
+    <link rel="icon" href="./img/LOGO.svg" type="image/svg+xml">
+</head>
+
+<body>
+    <div>
+        <div class="headerBg">
+            <section class="headerBox">
+
+                <header class="header">
+                    <section class="logoBox">
+                        <div class="logo"><img src="./img/LOGO.svg" alt=""></div>
+                        <div class="menu">
+                            <ul id="menuList">
+                                <li> <a id="aboutUs" href="#section1">关于我们</a></li>
+                                <li> <a id="product" href="#section2">产品介绍</a></li>
+                                <li><a  id="programme" href="#section3">解决方案</a></li>
+                                <li><a id="case" href="#section4">成功案例</a></li>
+                            </ul>
+                        </div>
+                        <div class="email"><a href="mailto:support@betmaysg.com"><img src="./img/email.svg" alt=""></a>
+                        </div>
+                    </section>
+                    <!-- <div class="langBox">
+                        <img src="./img/lang.svg" alt="">
+                        <span onclick="toggleLanguage()" id="toggleButton">English</span>
+                    </div> -->
+                </header>
+                <div class="textBox">
+                    <p>我们的宗旨</p>
+                    <p><span></span> OUR PURPOSE</p>
+                    <P id="purpose">提供完整的网站开发服务，包含UI设计、
+                        页面开发、后台开发、网站托管、网站
+                        运维等全方位服务。</P>
+                </div>
+                <img class="computerImg" src="./img/computerImg.png" alt="">
+            </section>
+        </div>
+        <section class="teamBox" id="section1">
+            <div class="left">
+                <div class="text">
+                    <div class="contentBox">
+                        <p>我们的团队</p>
+                        <p><span></span> OUR TEAM</p>
+                        <P id="team">我们拥有经验丰富的UI设计团队、网站开
+                            发团队、运维团队，能解决网站开发的一
+                            切需求。</P>
+                    </div>
+                </div>
+                <img src="./img/teamimg.png" alt="">
+
+            </div>
+            <div class="right">
+                <img src="./img/teamimg2.png" alt="">
+
+            </div>
+        </section>
+        <section class="product" id="section2">
+            <div class="Ptitle">
+                <p>产品介绍</p>
+                <p class="INTRODUCTION"><span></span> PRODUCT INTRODUCTION </p>
+            </div>
+            <div class="productBox">
+                <div class="productLeft">
+                    <div class="productLeftImg">
+                        <div class="productLeftBox">
+                            <img src="./img/productLeft.png" alt="">
+                            <span class="UIen">Ul Design</span>
+                            <span class="UIzh">UI 设计</span>
+                        </div>
+                      
+                    </div>
+                    <div class="productLeftImg2">
+                        <div class="productLeftBox">
+                        <img src="./img/productLeft2.png" alt="">
+                        <span class="WebsiteEn">Website Hosting</span>
+                        <span class="WebsiteZh">网站托管</span>
+                        </div>
+                    </div>
+
+
+
+                </div>
+                <div class="productright">
+
+                    <div class="productrightImg">
+                        <img src="./img/productright.png" alt="">
+                        <span class="Designen">Website Design</span>
+                        <span class="Designzh">网站制作</span>
+
+                    </div>
+                    <div class="productrightImg2">
+                        <img src="./img/productright2.png" alt="">
+                        <span class="maintenanceEn">Website maintenance</span>
+                        <span class="maintenanceZh">网站运维</span>
+                    </div>
+
+
+                </div>
+            </div>
+        </section>
+        <section class="Solution" id="section3">
+            <div class="Stitle">
+                <p>解决方案</p>
+                <p class="SOLUTION"><span></span> SOLUTION </p>
+            </div>
+            <div class="rightBg"></div>
+            <div class="SolutionContent">
+                <div class="SolutionLeft">
+                    <div class="SolutionLeftContent">
+                        <p id="UI">UI 设计</p>
+                        <p id="UIdescribe">对用户体验和视觉表达有着独特的见解并拥有大量的实战经验。
+                            我们整合高效的创作模式，凭借敏锐的洞察力，提供引人入胜的
+                            产品设计解决方案。团队始终坚持创新，励志为客户制作打破行
+                            业传统的的UI界面设计。</p>
+                    </div>
+                    <div class="SolutionImgs">
+                        <div>
+                            <img src="./img/SolutionImgs.svg" alt="">
+                        </div>
+                        <div>
+                            <img src="./img/SolutionImgs2.svg" alt="">
+                        </div>
+                        <div>
+                            <img class="SolutionImgs3" src="./img/SolutionImgs3.svg" alt="">
+                        </div>
+
+
+
+                    </div>
+                </div>
+                <div class="SolutionRight">
+                    <div class="SolutionRightContent">
+                        <div class="SolutionRightContentImg">
+                            <img src="./img/SolutionRightContentImg.png" alt="">
+                            <p><span id="webDesign">网页端设计</span> <span id="webDesign2">企业官网和其他界面的UI设计</span></p>
+                        </div>
+
+                        <div class="SolutionRightContentImg">
+                            <img src="./img/SolutionRightContentImg2.png" alt="">
+                            <p><span id="moveDesign">移动端设计</span> <span id="moveDesign2">APP和小程序UI设计</span></p>
+                        </div>
+                        <div class="SolutionRightContentImg">
+                            <img src="./img/SolutionRightContentImg3.png" alt="">
+                            <p><span id="SoftwareDesign">软件界面设计</span> <span id="SoftwareDesign2">应用软件和管理系统及大屏等界面UI设计</span></p>
+                        </div>
+                    </div>
+
+
+                </div>
+
+            </div>
+
+        </section>
+
+        <section class="caseBox" id="section4">
+            <div class="case">
+                <div class="Ctitle">
+                    <p>案例</p>
+                    <p class="CASE"><span></span> CASE </p>
+
+                </div>
+                <div class="Rotating">
+                    <div class="sliderShadow">
+                        <div class="slider">
+                            <div class="slides">
+                                <img class="slide" src="./img/run1.jpg" alt="Image 1">
+                                <img class="slide" src="./img/run2.jpg" alt="Image 2">
+                                <img class="slide" src="./img/run3.jpg" alt="Image 3">
+                                <img class="slide" src="./img/run4.jpg" alt="Image 4">
+                            </div>
+                            <div class="arrow left">
+                                <!-- &lt; -->
+                            </div>
+                            <div class="arrow right">
+                                <!-- &gt; -->
+
+                            </div>
+                            <div class="dots-container"></div>
+                        </div>
+                    </div>
+                    <div class="RotatingTitle">
+                        <p id="M2pool">M2pool网页端</p>
+                        <p id="digitalCurrency">数字货币平台</p>
+                    </div>
+
+                </div>
+
+            </div>
+        </section>
+
+        <section class="footer">
+            <div class="footerBox">
+                <div class="footerLogo">
+                    <img src="./img/LOGO.svg" alt="">
+                    <span > <span id="serviceConsultation">服务咨询： </span><a href="mailto:support@betmaysg.com">support@betmaysg.com</a></span>
+                </div>
+               
+                <div class="footerText">
+                    <span id="copyright">@2024 BETMAY PTE.LTD.版权所有</span>
+                </div>
+
+            </div>
+
+        </section>
+        <section class="scrollTop">
+            <img src="./img/top.svg" alt="">
+        </section>
+    </div>
+    <script>
+
+      // 准备多语言文本
+var texts = {
+    "en": {       
+        "buttonToggle": "简体中文",
+        "aboutUs": "About Us",
+        "product":"Product Introduction",
+        "programme":"Solution",
+        "case":"Success cases",
+        "purpose":"Provide complete website development services, including UI design, page development, backend development, website hosting, website operation and maintenance, and other comprehensive services.",
+        "team":"We have an experienced UI design team, website development team, and operations team that can solve all the needs of website development.",
+        "UI":"UI Design",
+        "UIdescribe":"Has unique insights and extensive practical experience in user experience and visual expression. We integrate efficient creative models and provide engaging product design solutions with the insight of Jiaorui. The team always adheres to innovation and strives to create UI interface designs that break industry traditions for clients.",
+        "webDesign":"Web design",
+        "webDesign2":"UI design for enterprise official website and other interfaces",
+        "moveDesign":"Mobile design",
+        "moveDesign2":"APP and Mini Program UI Design",
+        "SoftwareDesign":"Software interface design",
+        "SoftwareDesign2":"Interface UI design for applications and management systems and large screens, etc.",
+        "M2pool":"M2pool web version",
+        "digitalCurrency":"Digital currency platform",
+        "serviceConsultation":"Service Consultation: ",
+        "copyright":"@2024 BETMAY PTE.LTD All rights reserved",
+    },
+    "cn": {       
+        "buttonToggle": "English",
+        "aboutUs": "关于我们",
+        "product":"产品介绍",
+        "programme":"解决方案",
+        "case":"成功案例",
+        "purpose":"提供完整的网站开发服务，包含UI设计、页面开发、后台开发、网站托管、网站运维等全方位服务。",
+        "team":"我们拥有经验丰富的UI设计团队、网站开发团队、运维团队，能解决网站开发的一切需求。",
+        "UI":"UI 设计",
+        "UIdescribe":"对用户体验和视觉表达有着独特的见解并拥有大量的实战经验。我们整合高效的创作模式，凭借敏锐的洞察力，提供引人入胜的产品设计解决方案。团队始终坚持创新，励志为客户制作打破行业传统的的UI界面设计。",
+        "webDesign":"网页端设计",
+        "webDesign2":"企业官网和其他界面的UI设计",
+        "moveDesign":"移动端设计",
+        "moveDesign2":"APP和小程序UI设计",
+        "SoftwareDesign":"软件界面设计",
+        "SoftwareDesign2":"应用软件和管理系统及大屏等界面UI设计",
+        "M2pool":"M2pool网页端",
+        "digitalCurrency":"数字货币平台",
+        "serviceConsultation":"服务咨询: ",
+        "copyright":"@2024 BETMAY PTE.LTD.版权所有",
+
+        
+   
+    }
+};
+
+// 设置当前语言
+var currentLang = "cn";
+
+// 更新页面文本
+function updateTexts() {   
+    document.getElementById("toggleButton").innerText = texts[currentLang].buttonToggle;
+    document.getElementById("aboutUs").innerText = texts[currentLang].aboutUs;
+    document.getElementById("product").innerText = texts[currentLang].product;
+    document.getElementById("programme").innerText = texts[currentLang].programme;
+    document.getElementById("case").innerText = texts[currentLang].case;
+    document.getElementById("purpose").innerText = texts[currentLang].purpose;
+    document.getElementById("UI").innerText = texts[currentLang].UI;
+    document.getElementById("UIdescribe").innerText = texts[currentLang].UIdescribe;
+    document.getElementById("webDesign").innerText = texts[currentLang].webDesign;
+    document.getElementById("webDesign2").innerText = texts[currentLang].webDesign2;
+    document.getElementById("moveDesign").innerText = texts[currentLang].moveDesign;
+    document.getElementById("moveDesign2").innerText = texts[currentLang].moveDesign2;   
+    document.getElementById("SoftwareDesign").innerText = texts[currentLang].SoftwareDesign;
+    document.getElementById("SoftwareDesign2").innerText = texts[currentLang].SoftwareDesign2;
+    document.getElementById("M2pool").innerText = texts[currentLang].M2pool;
+    document.getElementById("digitalCurrency").innerText = texts[currentLang].digitalCurrency;
+    document.getElementById("serviceConsultation").innerText = texts[currentLang].serviceConsultation;
+    document.getElementById("copyright").innerText = texts[currentLang].copyright;
+    document.getElementById("team").innerText = texts[currentLang].team;
+
+
+    
+}
+
+// 切换语言
+function toggleLanguage() {
+    currentLang = (currentLang === "en" ? "cn" : "en");
+    updateTexts();
+}
+
+// 当文档加载完毕时执行
+window.onload = function() {
+    updateTexts();
+};
+
+
+        // 回到顶部
+        const scrollTopElement = document.querySelector('.scrollTop');
+
+        scrollTopElement.addEventListener('click', () => {
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        });
+
+        //高亮导航
+        const menuList = document.getElementById('menuList');
+        menuList.addEventListener('click', function (event) {
+            if (event.target.tagName === 'A') {
+                const links = menuList.querySelectorAll('a');
+                links.forEach(link => {
+                    link.parentElement.classList.remove('highlight');
+                });
+                event.target.parentElement.classList.add('highlight');
+            }
+        });
+
+
+
+
+        // 轮播图
+        const slides = document.querySelectorAll('.slide');
+        const leftArrow = document.querySelector('.arrow.left');
+        const rightArrow = document.querySelector('.arrow.right');
+        const dotsContainer = document.querySelector('.dots-container');
+        let currentSlide = 0;
+
+        // 创建小圆点
+        for (let i = 0; i < slides.length; i++) {
+            const dot = document.createElement('div');
+            dot.classList.add('dot');
+            if (i === 0) {
+                dot.classList.add('active');
+            }
+            dotsContainer.appendChild(dot);
+        }
+
+        const dots = document.querySelectorAll('.dot');
+
+        function showSlide(n) {
+            const translateXValue = -n * 100;
+            slides.forEach((slide, index) => {
+                slide.style.transform = `translateX(${translateXValue}%)`;
+            });
+            dots.forEach((dot, index) => {
+                dot.classList.toggle('active', index === n);
+            });
+            currentSlide = n;
+        }
+
+        function nextSlide() {
+            currentSlide++;
+            if (currentSlide >= slides.length) {
+                currentSlide = 0;
+            }
+            showSlide(currentSlide);
+        }
+
+        function prevSlide() {
+            currentSlide--;
+            if (currentSlide < 0) {
+                currentSlide = slides.length - 1;
+            }
+            showSlide(currentSlide);
+        }
+
+        leftArrow.addEventListener('click', prevSlide);
+        rightArrow.addEventListener('click', nextSlide);
+
+        dots.forEach((dot, index) => {
+            dot.addEventListener('click', () => {
+                showSlide(index);
+            });
+        });
+
+        let intervalId;
+
+        function startAutoSlide() {
+            intervalId = setInterval(nextSlide, 3000);
+        }
+
+        function stopAutoSlide() {
+            clearInterval(intervalId);
+        }
+
+        const slider = document.querySelector('.slider');
+        slider.addEventListener('mouseenter', stopAutoSlide);
+        slider.addEventListener('mouseleave', startAutoSlide);
+
+        startAutoSlide();
+    </script>
+</body>
+
+</html>