NEWS

直接使用代码

图片素材

无

css代码

 <style>.com-index-title{text-align:center; padding-top:60px; margin:0 auto;}
.com-index-title span {border:#81d8cf solid 1px; width:150px; display:inline-block;font-size:22px; line-height:45px; color:#81d8cf}
.tit { text-align:center; font-size:30px; color:#81d8cf }
.tit1{text-align:center; font-size:9px; text-transform: uppercase;color:#81d8cf; margin-bottom:40px; }
.tit1 span { letter-spacing:5px;font-size:20px;}


/* 首页--新闻 */
#index-news { padding-bottom:30px}
#index-news h1 { font-size:70px; border-bottom:#81d8cf solid 4px; font-weight:900; width:160px; color:#81d8cf; letter-spacing:2px; margin-left:10px; margin-top:-10px;padding-top:0}
#index-news ul li { font-size: 20px;  margin-left:10px;line-height: 36px;}
#index-news ul li span.time { font-size:14px; font-weight:500; float:right; margin-right:10px;display:block}
#index-news ul li a.sheng {float: left;display: block;width: 90%;}
#index-news ul li a:hover{color:#53cabe}
#index-news ul .more { border-bottom:none; float:right;}
#index-news ul .more a { font-size:16px;}


</style>

HTML+JS代码

 

<div id="index-news">
  <div class="container">
    <h2 class="com-index-title">
          <span> 新闻动态</span>
      </h2>
      <p class="tit">——</p>
      <p class="tit1"><span>艺培机构新闻报道</span><br>Yi Pei Institute News Report 
          your parents peace of mind</p>
    <br />
    <div class="row">
      <div class="col-md-5">
        <div id="myCarousel" class="carousel slide pad_010 b_k">
          <!-- 轮播（Carousel）指标 -->
          <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
          </ol>
          <!-- 轮播（Carousel）项目 -->
          <div class="carousel-inner ">
            <div class="item active ">
             <img src="/Public/images/img32.jpg" width="100%" alt="">
            </div>
            <div class="item  ">
              <img src="/Public/images/img32.jpg" width="100%" alt="">
            </div>
          </div>

        </div>
        <!--carousel end -->

      </div>
      <div class="col-md-7">
        <h1 class="new-title">NEWS</h1>
        <ul>
          <li><span class="time">03-29</span><a href="http://www.bootfastui.cn" class="sheng">
              1.少儿艺术培训：政策催化行业洗牌 依靠监管账户建立新型教培市场 </a> </li>
          <li><span class="time">03-26</span><a href="http://www.bootfastui.cn" class="sheng">
              2.如何监管校外培训机构最有力？监管账户是关键 </a> </li>
          <li><span class="time">03-22</span><a href="http://www.bootfastui.cn" class="sheng">
              3.校外培训机构乱象如何治理：找到病灶还要对症下药 </a> </li>
          <li><span class="time">03-17</span><a href="http://www.bootfastui.cn" class="sheng">
              4.对校外艺术培训机构的监管应该适当地加强 </a> </li>
          <li><span class="time">03-12</span><a href="http://www.bootfastui.cn" class="sheng">
              5.选择校外艺术培训机构擦亮双眼！“一看、二查、三问”精准筛选 </a> </li>
          <li><span class="time">01-29</span><a href="http://www.bootfastui.cn" class="sheng">
              6.郑州舞韵艺术违背国家政策采取年收费形式！明知故犯到底为哪般？ </a> </li>
          <li class="more"><a href="http://www.bootfastui.cn">更多>>></a></li>
        </ul>

      </div>
    </div>
    <!--row end-->
  </div>
</div>