105 lines
3.0 KiB
HTML
105 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>欢迎来到我的网站</title>
|
|
<link rel="icon" type="image/x-icon" href="./xiaohui.png" />
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
|
|
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
|
<style>
|
|
@charset "utf-8";
|
|
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
|
|
a:link, a:visited, a:hover, a:active { cursor: pointer;}
|
|
body{height:100%;width:100%;margin:0; padding:0; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;color: #333;background-color: #eee;}
|
|
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
|
|
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
|
|
area{outline:none;}
|
|
img{ border:0;outline: none;}
|
|
ol,ul{list-style:none;}
|
|
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
|
|
a:hover{ text-decoration:none;}
|
|
.clearfix:after {content:"";display:block;height:0;clear:both;}
|
|
.clearfix {zoom:1;}
|
|
.item_1 {
|
|
width:80%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin:0 auto;
|
|
}
|
|
.outside {
|
|
width:30%;
|
|
background-color: #fff;
|
|
margin-top: 40px;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.outside:hover {
|
|
box-shadow: 0px 5px 30px 5px #888888;
|
|
}
|
|
.outside img {
|
|
width: 100%;
|
|
display: block;
|
|
height:200px;
|
|
}
|
|
.item {
|
|
height:50px;
|
|
padding: 30px;
|
|
}
|
|
|
|
.item .top {
|
|
font-size: 18px;
|
|
margin-bottom: 6px;
|
|
}
|
|
.item .cen {
|
|
font-size: 14px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="item_1">
|
|
<div onclick="window.open('../rcs/chaxun/html/main.html','_self')" class="outside">
|
|
<img class="xueba_png" src="./rcs.png" alt="">
|
|
<div class="item">
|
|
<p class="top">RCS</p>
|
|
<p class="cen">一款专注于查课的软件</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div onclick="window.open('../JD/html/JD.html','_self')" class="outside">
|
|
<img class="xueba_png" src="./jd.jpg" alt="">
|
|
<div class="item">
|
|
<p class="top">JD</p>
|
|
<p class="cen">专注仿写100年(不建议手机查看)</p>
|
|
</div>
|
|
</div>
|
|
<div onclick="window.open('../xueBaLiShi/html/mine.html','_self')" class="outside">
|
|
<img class="xueba_png" src="./xueba.png" alt="">
|
|
<div class="item">
|
|
<p class="top">学霸理时</p>
|
|
<p class="cen">一款初具雏形的超潜力app</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="item_1">
|
|
<div onclick="window.open('../office/20181118_word/html/insert_link.html','_self')" class="outside">
|
|
<img class="xueba_png" src="./office.png" alt="">
|
|
<div class="item">
|
|
<p class="top">Office</p>
|
|
<p class="cen">这是上课笔记</p>
|
|
</div>
|
|
</div>
|
|
<div onclick="window.open('../CSGO/html/main.html','_self')" class="outside">
|
|
<img class="xueba_png" src="./csgo.jpg" alt="">
|
|
<div class="item">
|
|
<p class="top">CSGO</p>
|
|
<p class="cen">专注仿写100年(不建议手机查看)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|