直接使用代码

图片素材

点击下载本素材所包含的图片，js文件

css代码

 <style>
/*项目优势*/
#index_youshi .kuai{margin:10px; border:1px solid #ccc; padding:20px; border-bottom:5px solid #06f;}
#index_youshi .kuai:hover{ background:#06f}
#index_youshi .kuai:hover h1{ color:#fff}

@media screen and (max-width: 2700px){
#index_youshi .kuai h1{ text-align:center; font-size:18px; color:#000; font-weight:bold;}
}

@media screen and (max-width: 738px) {
#index_youshi .kuai h1{ text-align:center; font-size:14px; color:#000; font-weight:bold;}
}
</style>

HTML+JS代码

 
<!--项目优势-->
<h1><img src="http://www.bootfastui.cn/img/2021/0521/index_title_xiangmu.jpg" class="center-block"/></h1>
<div class="container" id="index_youshi">

   <div class="col-md-4 col-xs-6 pm">
       <div class="kuai">
           <img src="http://www.bootfastui.cn/img/2021/0521/index_youshi1.png" class="center-block img-responsive"/>
           <h1>签证成功率<br/>99.99%</h1>
       </div>
   </div>
   
   
   <div class="col-md-4  col-xs-6 pm">
       <div class="kuai">
           <img src="http://www.bootfastui.cn/img/2021/0521/index_youshi2.png" class="center-block img-responsive"/>
           <h1>食宿无忧<br/>24小时协助</h1>
       </div>
   </div>
   
   <div class="col-md-4   col-xs-6 pm">
       <div class="kuai">
           <img src="http://www.bootfastui.cn/img/2021/0521/index_youshi3.png" class="center-block img-responsive"/>
           <h1>为升入名校<br/>做准备</h1>
       </div>
   </div>
   
   <div class="col-md-4  col-xs-6 pm">
       <div class="kuai">
           <img src="http://www.bootfastui.cn/img/2021/0521/index_youshi4.png" class="center-block img-responsive"/>
           <h1>开阔视野<br/>建立国际人脉</h1>
       </div>
   </div>
   
   <div class="col-md-4  col-xs-6 pm">
       <div class="kuai">
           <img src="http://www.bootfastui.cn/img/2021/0521/index_youshi5.png" class="center-block img-responsive"/>
           <h1>赴美实习高年薪<br/>（3-5万美金）年薪    </h1>  
       </div>
   </div>
   
   <div class="col-md-4  col-xs-6 pm">
       <div class="kuai">
           <img src="http://www.bootfastui.cn/img/2021/0521/index_youshi6.png" class="center-block img-responsive"/>
           <h1>3年J1签证，带薪假期<br/>12-15周    </h1>   </div>
   </div>

</div>