152 lines
3.4 KiB
HTML
152 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title></title>
|
||
<style >
|
||
*{
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
a {
|
||
background-color: transparent;
|
||
text-decoration: none;
|
||
color: #333333;
|
||
}
|
||
.wrap{
|
||
width: 7.5rem;
|
||
height: auto;
|
||
}
|
||
.logo_top{
|
||
width: 1.64rem;
|
||
height: 0.65rem;
|
||
/* margin-top: 0; */
|
||
margin-left: 0.3rem;
|
||
}
|
||
.top{
|
||
width: 7.5rem;
|
||
height: 0.82rem;
|
||
background-color: #F6F6F6;
|
||
display: flex;
|
||
align-items: center;
|
||
word-break:keep-all;
|
||
overflow: auto;
|
||
}
|
||
.top::-webkit-scrollbar{
|
||
display:none
|
||
}
|
||
.top>div{
|
||
width: 1.29rem;
|
||
height: 0.31rem;
|
||
font-size: 0.32rem;
|
||
font-family: PingFang SC;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
line-height: 0.38rem;
|
||
margin-left: 0.4rem;
|
||
|
||
}
|
||
.zu_us{
|
||
width: 6.84rem;
|
||
height: 1.40rem;
|
||
margin-left: 1.2rem;
|
||
|
||
}
|
||
.zu_us>img{
|
||
width: 6.84rem;
|
||
height: 1.40rem;
|
||
margin-top:0.3rem;
|
||
margin-left:-0.5rem ;
|
||
|
||
}
|
||
.zu_us>p{
|
||
font-size: 0.34rem;
|
||
font-family: PingFang;
|
||
font-weight: bold;
|
||
color: #FFFFFF;
|
||
text-shadow: 0px 0px 13px rgba(0,0,0,0.5000);
|
||
margin-top: -1.2rem;
|
||
margin-left: 1.85rem;
|
||
}
|
||
.fangx_us{
|
||
width: 0.05rem;
|
||
height: 0.24rem;
|
||
background: #0F5FB6;
|
||
margin-left: 1.2rem;
|
||
margin-top: 0.5rem;
|
||
|
||
|
||
}
|
||
.jianjie_us{
|
||
font-size: 0.28rem;
|
||
font-family: PingFang SC;
|
||
font-weight: 600;
|
||
color: #333333;
|
||
margin-top: -0.3rem;
|
||
margin-left: 1.4rem;
|
||
}
|
||
.jianjie_us>h5{
|
||
font-size: 0.24rem;
|
||
font-family: PingFang SC;
|
||
font-weight: 300;
|
||
color: #333333;
|
||
line-height: 0.36rem;
|
||
margin-top: 0.2rem;
|
||
margin-right: 0.3rem;
|
||
}
|
||
.dutu_Us{
|
||
width: 6.90rem;
|
||
height: 6.03rem;
|
||
}
|
||
.dutu_Us>img{
|
||
width: 6.82rem;
|
||
height: 5.75rem;
|
||
background: #D8D8D8;
|
||
margin-left: 0.5rem;
|
||
margin-top: 0.5rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<a href="../index.html"><img class="logo_top" src="images/logo1@2x.png" alt=""></a>
|
||
<div class="top">
|
||
<div><a href="../java.html">课程体系</a> </div>
|
||
<div><a href="../Aboutuse.html">关于我们</a></div>
|
||
<div><a href="../NewsInformation.html">新闻动态</a></div>
|
||
<div><a href="../GraduateStyle.html">毕业生风采</a></div>
|
||
<div style="margin-left:0.7rem; margin-right:0.3rem"><a href="../ContacUs.html">联系我们</a></div>
|
||
</div>
|
||
<div class="zu_us">
|
||
<img src="./images/back-image2.jpg" >
|
||
<p>联系我们</p>
|
||
</div>
|
||
<div class="fangx_us"></div>
|
||
<div class="jianjie_us">
|
||
<p>联系我们</p>
|
||
<h5>码小白训练营<h5>
|
||
<h5>地址：北京市海淀区这里是地址详细信息 </h5>
|
||
<h5>邮编：100082 </h5>
|
||
<h5>电话：010-62200000 </h5>
|
||
<h5>传真：010-62200000</h5>
|
||
<h5>地图：</h5>
|
||
</div>
|
||
<div class="dutu_Us">
|
||
<img src="./images/ditu.png" >
|
||
</div>
|
||
<script>
|
||
window.onload = function () {
|
||
getRem(750, 100)
|
||
};
|
||
window.onresize = function () {
|
||
getRem(750, 100)
|
||
};
|
||
function getRem(pwidth, prem) {
|
||
var html = document.getElementsByTagName("html")[0];
|
||
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
|
||
html.style.fontSize = oWidth / pwidth * prem + "px";
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|