1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>实训平台</title>
<style>
.box{
width: 1500px;
height: 1500px;
}
.box1{
width: 1500px;
height: 100px;
}
.box12{
width: 400px;
height: 100px;
float: left;
}
.box13{
width: 250px;
height: 100px;
text-align: center;
line-height: 100px;
float: left;
}
.box14{
width: 250px;
height: 100px;
line-height: 100px;
float: left;
}
.box15{
width: 250px;
height: 100px;
line-height: 100px;
float: left;
font-size: large;
}
.box15{
width: 250px;
height: 100px;
line-height: 100px;
float: left;
font-size: large;
}
.item1{
width: 125px;
height: 50px;
margin-top: 21px;
line-height: 35px;
text-align: center;
background-color: rgba(245, 245, 220, 0.265);
}
.item2{
width: 125px;
height: 50px;
margin-top: 21px;
line-height: 35px;
text-align: center;
background-color: rgba(0, 0, 255, 0.29);
float: left;
}
.picture{
width: 1500px;
height: 546px;
}
.gongkai{
width: 200px;
height: 50px;
}
span{
font-size: xx-large;
font-weight: 1000;
}
.class1{
width: 1500px;
height: 300px;
float: left;
}
.class2{
width: 1500px;
height: 300px;
float: left;
}
.class11{
width: 370px;
height: 300px;
float: left;
}
.class12{
width: 370px;
height: 300px;
margin-left: 10px;
float: left;
}
.class13{
width: 370px;
height: 300px;
float: left;
}
.class14{
width: 370px;
height: 300px;
float: left;
}
.class21{
width: 370px;
height: 300px;
float: left;
}
.class22{
width: 370px;
height: 300px;
float: left;
}
.class23{
width: 370px;
height: 300px;
float: left;
}
.class24{
width: 370px;
height: 300px;
float: left;
}
</style>
</head>
<body>
<div class="box">
<div class="box1">
<div class="box12"><img src="https://s3.canghuikeji.com/upfiles/kmUUpz1Efzaqbq4Rajg9.png" alt=""></div>
<div class="box13">
<b><big>首页</big></b>
<b><big>全部课程</big></b>
<b><big>公开课</big></b>
</div>
<div class="box14">
<input type="text" name="keyword" style="width: 150px;" placeholder="请输入课程名称" value="" class="inp">
<span class="icon"></span>
<input type="submit" value=" " class="btn">
</div>
<div class="box15">
<div class="item1">教师登录</div>
</div>
<div class="16">
<div class="item2">学生登录</div>
</div>
</div>
<div class="picture"> <img width="1500px" src="https://s3.canghuikeji.com/upfiles/1700459726693.jpg" > </div>
<div class="gongkai">
<span>
公开课
</span>
</div>
<div class="class1">
<div class="class11"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718615411292.png" alt=""><b><big><big>儿童口腔医学</big></big></b> 成都文理学院实训平台</div>
<div class="class12"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718694395881.jpg" alt=""><b><big><big>投资经济学</big></big></b> 成都文理学院实训平台</div>
<div class="class13"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718689537441.png" alt=""><b><big><big>玩具设计</big></big></b> 成都文理学院实训平台</div>
<div class="class14"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718766927847.jpg" alt=""><b><big><big>和声学</big></big></b> 成都文理学院实训平台</div>
</div>
<div class="class2">
<div class="class21"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718676140846.png" alt=""><b><big><big>劳动教育</big></big></b> 成都文理学院实训平台</div>
<div class="class22"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718612937065.jpg" alt=""><b><big><big>投资学</big></big></b> 成都文理学院实训平台</div>
<div class="class23"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718778321619.jpg" alt=""><b><big><big>程光学</big></big></b> 成都文理学院实训平台</div>
<div class="class24"><img width="375px" src="https://s3.canghuikeji.com/upfiles/1718764519828.jpg" alt=""><b><big><big>智能制造</big></big></b> 成都文理学院实训平台</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>登录</title>
<style>
.head{
width: 1500px;
height: 100px;
}
.body{
width: 1500px;
height: 800px;
float: left;
}
.picture{
width: 800px;
height: 560px;
float: left;
}
.join{
background-image: url(https://zxshixun.cdcas.com/static/login/images/loginnew-box.jpg);
width: 690px;
height: 500px;
text-shadow: 10px 10px 10px rgb(216, 196, 196);
display: flex;
align-items: center;
justify-content: center;
float: left;
}
</style>
</head>
<body>
<div class="head"> <img src="https://s3.canghuikeji.com/upfiles/kmUUpz1Efzaqbq4Rajg9.png" alt=""></div>
<div class="body">
<div class="picture"> <img width="800px" height="500px" src="https://zxshixun.cdcas.com/static/login/images/loginnew-img.jpg" alt=""></div>
<div class="join">
<form action="">
<h2>学生登录</h2>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码: </label>
<input type="password" id="password" name="password"><br>
<label for="yzm">验证码:</label>
<input type="text" id="code" name="code"><br>
<input type="submit" value="登录">
</form>
</div>
</div>
</body>
</html>