网站首页

最新推荐文章于 2024-10-10 01:16:57 发布

第九年

最新推荐文章于 2024-10-10 01:16:57 发布

阅读量492

点赞数 1

本文链接：https://blog.csdn.net/qq_39173989/article/details/77430636

版权

css 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

javascript

4 篇文章 0 订阅

订阅专栏

html5

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>奥昇官网</title>
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/common.css"/>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>

<div class="header-home navbar-fixed-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-xs-3">
<div class="header-logo">
<img src="images/header-logo.png" alt="头部图片"/>
</div>
</div>
<div class="col-lg-9 col-md-9 col-xs-9">
<div class="header-nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="solution.html">解决方案</a></li>
<li><a href="news.html">新闻资讯</a></li>
<li><a href="case.html">案例展示</a></li>
<li><a href="aboutUs.html">关于我们</a></li>
<li><a href="join.html">加入奥昇</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>



<div id="myCarousel" class="carousel slide">

<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>

<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>

<a class="carousel-control left" href="#myCarousel"
data-slide="prev">&lsaquo;
</a>
<a class="carousel-control right" href="#myCarousel"
data-slide="next">&rsaquo;
</a>
</div>



<div class="solution">
<div class="aorise-title">
<a href="solution.html">解决方案/Solution More</a>
</div>
<div class="aorise-wrap"></div>
<div class="s-content">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-xs-4" >
<div class="s-content-image">
<div class="s-image">
<img src="images/1.jpg" alt="" />
</div>
<div class="s-image-title">湖南奥昇信息互联网+监督项目介绍</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-xs-4" >
<div class="s-content-image">
<div class="s-image">
<img src="images/2.jpg" alt="" />
</div>
<div class="s-image-title">区域卫生计生管理</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-xs-4" >
<div class="s-content-image">
<div class="s-image">
<img src="images/3.jpg" alt="" />
</div>
<div class="s-image-title">智慧教育</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="about">
<div class="aorise-title">
<a href="aboutUs.html">关于我们/About Us More</a>
</div>
<div class="aorise-wrap"></div>
<div class="s-content">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-xs-3" >
<div class="s-content-image">
<div class="s-image">
<img src="images/companyBrief .png" alt="" />
</div>
<div class="s-image-title">公司简介</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-xs-3" >
<div class="s-content-image">
<div class="s-image">
<img src="images/chairmen.png" alt="" />
</div>
<div class="s-image-title">荣誉资质</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-xs-3" >
<div class="s-content-image">
<div class="s-image">
<img src="images/host.png" alt="" />
</div>
<div class="s-image-title">董事长致辞</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-xs-3" >
<div class="s-content-image">
<div class="s-image">
<img src="images/enterprise.png" alt="" />
</div>
<div class="s-image-title">企业文化</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="news">
<div class="aorise-title">
<a href="news.html">新闻资讯/News More</a>
</div>
<div class="aorise-wrap"></div>
<div class="s-content">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-xs-6" >
<div class="s-content-image">
<div class="s-image">
<img src="images/newsLeft.png" alt="" />
</div>
<div class="s-image-title">有时候我们蒙住眼睛就可以欺骗自己，世界很黑，很安全。时间像水一样慢慢地从每个人身上覆盖过去。那些潮水的痕迹早就在一年一年的季风中干透，只残留一些水渍，变化着每个人的模样。这个世界上有很多没有来由的仇恨，很多没有来由的嫉妒，没有来由的怀疑，没有来由的愤怒，这些，都在人性美好的一面下暗自滋长着，等待着有一天美好的表层被捅出一个口子，然后，这些黑暗而肮脏的东西就会喷涌而出，一瞬间占领整个世界</div>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-5" >
<div class="s-content-triangle">
<div class="a-triangle">
教师的“铁饭碗”将不保？各省份将破除教师 <time datetime="">2017-05-25</time>
</div>
<div class="triangle-a"></div>

<div class="b-triangle">
互联网+监督项目介绍 <time datetime="">2017-03-28</time>
</div>
<div class="triangle-a"></div>

<div class="c-triangle">
2016年教育信息化工作要点 <time datetime="">2016-12-02</time>
</div>
<div class="triangle-a"></div>

<div class="d-triangle">
互联网巨头涉足医疗产业助力解决“看病难” <time datetime="">2016-02-03</time>
</div>
<div class="triangle-a"></div>

<div class="e-triangle">
可穿戴医疗将在2016年呈爆发式增长 <time datetime="">2016-02-23</time>
</div>
<div class="triangle-a"></div>

</div>
</div>
</div>
</div>
</div>
</div>


<div class="footer">
<div class="col-lg-12 col-md-12 col-xs-12">
<div class="s-image">
<img src="images/header-logo.png" alt="" />
</div>
</div>
<div class="col-lg-12 col-md-12 col-xs-12">
<div class="article_a">
<p>合作热线：4008745099 18307459777 公司地址：湖南省怀化市鹤城区河西市政协大楼</p>
</div>
</div>
<div class="col-lg-12 col-md-12 col-xs-12">
<div class="article_b">
<p>opyright © 2014 - 2017 aorise All Rights Reserved</p>
</div>
</div>
<div class="col-lg-12 col-md-12 col-xs-12">
<div class="article_c">
<p>本栏目文字内容归aorise.cn所有，任何单位及个人未经许可，不得擅自转摘使用</p>
</div>
</div>
<div class="col-lg-12 col-md-12 col-xs-12">
<div class="photo">
<img src="images/scanCode.PNG" alt="" />
</div>
</div>
<div class="col-lg-12 col-md-12 col-xs-12">
<div class="article_d"><p>奥昇教育公众号</p>
</div>
</div>
</div>

</body>

</html>

/*导航栏*/
.header-home {
box-shadow: 0px 2px 4px rgba(1, 1, 1, 0.15);
height: 54px;
padding-top: 7px;
width: 107%;
opacity: 0.85;
background-color: #fff;
}

.header-logo img {
margin-left: 157px;
}

.row .header-nav {
margin-top: 7px;
padding-left: -28px;
margin-left: 103px;
width: 824px;

}
.row .header-nav ul {

}
.row .header-nav li {
list-style: none;
float: left;
background: url(../images/nav-logo.PNG) no-repeat;
width: 103px;
height: 32px;
line-height: 32px;
}
.row .header-nav a {
text-decoration: none;
padding-left: 20px;
color: #fff;
font-size: 14px;
}
/*轮播图*/
.carousel-indicators .active {
background-color: #F96908;

}
.carousel-control img {
margin-top: 96px;
}
/*解决方案*/
.solution {

}

.solution .s-content {
padding-top: 40px;
}

.about .s-content {
margin-left:180px;
margin-top: 40px;
}

.news .s-content {
margin-top: 40px;
}

.footer {
margin-top: 24px;
margin-left: 69px;
height: 185px;
border: 1px solid #fff;
background-color: #E6E3E3;

}

.footer .s-image img {
margin-top: 4px;
width: 240px;
height: 76px;
margin-left: 161px;
}

.footer .article_a {
padding-left: 46px;
color: #8F8585;
}

.footer .article_a p {
font-size:14px;

}

.footer .article_b {
padding-left: 117px;
margin-top: 8px;
color: #8F8585;
}

.footer .article_b p {
font-size:14px;

}

.footer .article_c {
padding-left: 54px;
margin-top: 10px;
color: #8F8585;
}

.footer .article_c p {
font-size:14px;
}

.footer .photo {
margin-top: -165px;
padding-left: 1027px;
}

.footer .photo img {
width: 140px;
height: 104px;
}


.footer .article_d {
color: #8F8585;
padding-left: 1050px;
margin-top: -57px;
}

.footer .article_d p {
font-size:14px;
}

/*公共的样式*/
.aorise-title {
padding-top: 40px;
text-align: center;

}
.aorise-title a {
font-weight: bold;
font-size: 30px;
text-decoration: none;
color: #333;
cursor: pointer;
}
.aorise-wrap {
border-bottom: 2px solid #938A8A;
width: 37%;
margin: 0 auto;
margin-top: 16px;
opacity: 0.5;
}

.s-image-title {
padding-left: 5px;
margin-top: 5px;
width: 449px;
text-indent: 29px;
}

.news .s-content {
margin-left: 85px;
}

.news .s-content-triangle {
width: 535px;

}

.a-triangle {
width: 431;
height: 0;
border-width: 6px 0px 6px 8px;
border-style: solid;
border-color: transparent #ff0000;
margin-top: 14px;
margin-left: 9px;
padding-left: 16px;
line-height: 4px;
}

.triangle-a {
border-bottom: 1px dashed #333;
margin-top: 10px;
width: 560px;
}

.a-triangle time {
margin-left: 164px;
}

.b-triangle {
width: 431;
height: 0;
border-width: 6px 0px 6px 8px;
border-style: solid;
border-color: transparent #ff0000;
margin-top: 14px;
margin-left: 9px;
padding-left: 16px;
line-height: 4px;
}

.b-triangle time {
margin-left: 292px;
}

.c-triangle {
width: 431;
height: 0;
border-width: 6px 0px 6px 8px;
border-style: solid;
border-color: transparent #ff0000;
margin-top: 14px;
margin-left: 9px;
padding-left: 16px;
line-height: 4px;
}

.c-triangle time {
margin-left: 255px;
}

.d-triangle {
width: 431;
height: 0;
border-width: 6px 0px 6px 8px;
border-style: solid;
border-color: transparent #ff0000;
margin-top: 14px;
margin-left: 9px;
padding-left: 16px;
line-height: 4px;
}

.d-triangle time {
margin-left: 165px;
}

.e-triangle {
width: 431;
height: 0;
border-width: 6px 0px 6px 8px;
border-style: solid;
border-color: transparent #ff0000;
margin-top: 14px;
margin-left: 9px;
padding-left: 16px;
line-height: 4px;
}

.e-triangle time {
margin-left: 199px;
}