提交 f3cadb4a 编写于 作者: wanhai_wu's avatar wanhai_wu

project

上级 7be41f2a
流水线 #91 已失败 ,包含阶段
文件已添加
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link crossorigin="" rel="shortcut icon" type="image/x-icon" href="./picture/home/favicon.ico">
<title>关于我们</title>
</head>
<script type="text/javascript" src="./js/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="./js/layout.js"></script>
<style type="text/css">
@import url("./css/main.css");
@import url("./css/layout.css");
.nav-tf-flex .head-br:nth-of-type(5) span{
width: 30px;
height: 1px;
border-bottom:1px solid #F4A63A;
}
.nav-tf-flex .head-br:nth-of-type(5) a{
color:#F4A63A;
}
.about-box{
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
gap: 50px;
width: auto;
margin-top: 122px;
height: 482px;
background: linear-gradient(270deg, #FCFCFC 0%, #F7F7F7 100%);
border-radius: 8px;
padding-left: 44px;
padding-right: 35px;
}
.content-left{
display: flex;
justify-content: center; /*垂直居中*/
align-items: left; /*水平居中 */
flex-direction: column; /*轴方向*/
flex-wrap: nowrap; /*换行*/
}
.content-right{
width: 539px;
position: relative;
height: 359px;
}
.tle-ft{
background: linear-gradient(270deg, #FCFCFC 0%, #F7F7F7 100%);
border-radius: 8px;
width: 96px;
height: 33px;
font-size: 24px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #000000;
line-height: 33px;
}
.cnt-ft{
margin-top: 20px;
width: 522px;
height: 224px;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
line-height: 28px;
}
.box-border-about {
width: 539px;
height: 359px;
border: 2px solid #F4A73D;
position: absolute;
top: -15px;
left: -15px;
z-index: 1;
}
.box-border-bottom {
width: 540px;
height: 360px;
position: absolute;
z-index: 2;
}
</style>
<body>
<header></header>
<main class="m-flex-m" style="margin-bottom: 100px;">
<div class="about-box">
<div class="content-left">
<span class="tle-ft">公司介绍</span>
<span class="cnt-ft">创升无限是一家新兴的文化数字科技型企业,致力于为客户提供高品质的数字化解决方案。创升无限拥有国内领先的实景三维建模技术以及自研算法的核心技术,能够快速、准确地将真实场景转化为高清晰度的三维模型,实现虚拟与现实的无缝对接。创升无限还兼具突出的互联网运营能力,能够有效地将三维模型应用于各种场景,如文化旅游、教育培训、智慧城市等,为用户带来全新的视觉体验和价值创造。创升无限是一家充满活力和创新的企业,不断探索文化数字科技的前沿领域,致力于成为行业的领导者和引领者。</span>
</div>
<div class="content-right">
<div class="box-border-about"></div>
<div class="box-border-bottom">
<img src="./picture/about/小模舱线下旗舰店-27.png">
</div>
</div>
</div>
</main>
<footer></footer>
</body>
<script>
</script>
</html>
\ No newline at end of file
header{
background-color: #F8F9F9;
}
.header-top{
width: auto;
height: 95px;
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
gap: 50px;
margin-left: 20%;
margin-right: 20%;
}
a{
text-decoration: none;
color: inherit;
}
.bottom a:hover {
color:#f4a63a
}
.nav-tf{
font-size: 16px;
font-weight: bold;
text-align:center;
/* font-style: italic; */
flex: 5;
}
.nav-tf-flex{
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
gap: 112px;
}
.logo{
width: 140px;
height: 30px;
flex: 1;
}
footer{
width: auto;
height: 223px;
background-color: #F8F9F9;
}
.bottom{
width: auto;
height: 200px;
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
}
.bottom-nav-le{
width: 400px;
height: 62%;
}
.bottom-nav-ce{
width: 450px;
height: auto;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
}
.bottom-nav-rt{
width: 400px;
height: auto;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
}
.bottom-nav-flex{
display: flex;
flex-direction: inherit; /*轴方向*/
flex-wrap: nowrap; /*换行*/
}
.f-nav{
flex: 1;
}
.f-nav ul{
list-style-type: none;
}
.f-nav ul li{
list-style-type: none;
padding-top: 10px;
color: #333333;
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
}
.f-nav-top{
width: 100px;
height: 28px;
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
color: #333333;
line-height: 28px;
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
margin-left:10px;
}
.f-radius{
width: 4px;
height: 14px;
background-color: #F4A538;
border-radius: 3px;
margin-right: 5px;
}
.copyright{
background: #868686;
color: #ffffff;
font-size: 16px;
text-align: center;
width: auto;
height: 36px;
line-height: 36px;
}
.bottom-nav-rt-top{
display: flex;
justify-content: left; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
margin-left: 50px;
}
.bottom-nav-rt-bottom{
display: flex;
justify-content: left; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
margin-left: 50px;
gap: 5px;
}
.bt-rt-tl{
}
.bt-rt-tr{
font-family: PingFangSC-Medium, PingFang SC;
color: #F4AB46;
margin-left: 10px;
margin-top: 10px;
}
.head-br{
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: column; /*轴方向*/
flex-wrap: nowrap; /*换行*/
gap: 5px;
}
.header-br-size{
/* width: 30px;
height: 100px;
border:1px solid #F4A435; */
}
* {
margin: 0;
padding: 0;
}
section, footer, aside, nav, article, figure
{
display: block;
}
.m-flex-i{
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
}
.m-flex-m{
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: column; /*轴方向*/
flex-wrap: nowrap; /*换行*/
/* gap: 60px; */
}
.m-flex-cl{
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: column; /*轴方向*/
flex-wrap: nowrap; /*换行*/
gap: 60px;
}
.m-flex-cl image{
flex: 1;
/* gap: 60px; */
}
.box3-pic{
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
margin-left: 360px;
margin-right: 360px;
gap: 60px;
margin-top: 46px;
}
.box2-click{
/* margin-top: 60px; */
}
.box3-click{
margin-top: 60px;
}
.click-url{
font-size: 24px;
/* line-height: 60px; */
color: #f4a63a;
border-radius: 38px;
border: 1px solid #f4a63a;
/* text-align: center; */
width: 250px;
height: 60px;
display: flex;
justify-content: center; /*垂直居中*/
align-items: center; /*水平居中 */
flex-direction: initial; /*轴方向*/
flex-wrap: nowrap; /*换行*/
}
.re-img{
position: relative;
top: 40%;
left: 50%;
transform: translate(-50%, -30%);
}
.linkPage {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 22px;
}
<div class="bottom">
<div class="bottom-nav-le">
<img style="width: 178px;height: 38px;" src="./picture/home/创升logo最新(1).png">
</div>
<div class="bottom-nav-ce bottom-nav-flex">
<div class="f-nav">
<div class="f-nav-top">
<p class="f-radius"></p><p style="float: right;">产品</p>
</div>
<ul style="margin-left: 42px;">
<li><a href="./xmc.html">小模舱</a></li>
<li><a href="./xmh.html">小模盒</a></li>
<li>Modelsmesh(敬请期待)</li>
</ul>
</div>
<div class="f-nav">
<div class="f-nav-top"><p class="f-radius"></p>关于我们 </div>
<ul style="margin-left: 25px;">
<li> <a href="./about.html">公司介绍</a> </li>
</ul>
</div>
</div>
<div class="bottom-nav-rt">
<div class="bottom-nav-rt-top">
<div class="bt-rt-tl">
<img src="./picture/home/电话2.png">
</div>
<div class="bt-rt-tr">
<div style=" font-size: 20px;">电话咨询:</div>
<div style="font-size: 30px;">027-63499592</div>
</div>
</div>
<div class="bottom-nav-rt-bottom">
<img src="./picture/home/邮件.png">
<span>bd@upmobius.com</span>
</div>
</div>
</div>
<div class="copyright">
Copyright©2023 Upmobius Innovation
</div>
\ No newline at end of file
<style>
.head-br-bottom {
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #A5A5A5;
line-height: 17px;
}
</style>
<div class="header-top">
<div class="logo">
<img src="./picture/home/创升logo最新.png">
</div>
<div class="nav-tf">
<nav class="nav-tf-flex">
<div class="head-br">
<a href="./index.html" target="_self" class="linkPage">首页</a>
<span class="header-br-size"></span>
</div>
<div class="head-br">
<a href="./xmc.html" target="_self" class="linkPage" >小模舱</a>
<span class="header-br-size"></span>
</div>
<div class="head-br">
<a href="./xmh.html" target="_self" class="linkPage">小模盒</a>
<span class="header-br-size"></span>
</div>
<div class="head-br">
<a href="#" target="_self" class="linkPage">Modelsmesh</a>
<p class="head-br-bottom">敬请期待</p>
</div>
<div class="head-br">
<a href="./about.html" target="_self" class="linkPage">关于我们</a>
<span class="header-br-size"></span>
</div>
</nav>
</div>
</div>
\ No newline at end of file
此差异已折叠。
此差异已折叠。
$(document).ready(function(){
$("header").load('header.html')
$("footer").load('footer.html')
})
文件已添加
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
此差异已折叠。
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册