直接使用代码

图片素材

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

css代码

 <style>
.m-aboutus .row-h2{background:url(http://www.bootfastui.cn/img/2021/0513-6/pic_l01.jpg) 50% 50% no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding-top:80px}
.m-aboutus .row-h2 h2{text-align:center;font-size:31px;color:#fff;margin-bottom:80px}
.m-aboutus .row-h2 h2 span{color:#f77026}

.fenkuai{text-align:center;padding-bottom:80px}
.fenkuai .img,.fenkuai .k1{display:inline-block;vertical-align:middle;margin:0 19px}
.fenkuai .k1{width:320px;height:134px;background-color:#fff;border-radius:10px;padding:34px 0 0 30px}
.fenkuai .k2{padding-top:40px}
.fenkuai .k1 .pic{float:left;margin-right:15px}
.fenkuai .k1 .txt{text-align:left;margin-top:8px}
.fenkuai .k2 .txt{margin-top:0}
.fenkuai .k1 .txt p{font-size:20px;color:#000}
.fenkuai .k1 .txt span{font-size:20px;color:#000;font-weight:700}
.m-aboutus .row-h2 .r2bgm{display:block;margin:0 auto;padding-bottom:98px}

</style>

HTML+JS代码

 <section class="m-aboutus">
  <div class="row-h2">
    <div class="container">
      <h2>覆盖艺术生高三<span>全年文化课学习产品</span>，助专业课/文化课培训机构<span>高效引流招生</span></h2>
      <div class="fenkuai">
        <div class="k1">
          <div class="pic">
            <img src="http://www.bootfastui.cn/img/2021/0513-6/icon_l03.png" alt="">
          </div>
          <div class="txt">
            <p>免费定制机构专属的</p>
            <span>文化课学习小程序</span>
          </div>
        </div>
        <img src="http://www.bootfastui.cn/img/2021/0513-6/icon_l05.png" alt="" class="img">
        <div class="k1 k2">
          <div class="pic">
            <img src="http://www.bootfastui.cn/img/2021/0513-6/icon_l04.png" alt="">
          </div>
          <div class="txt">
            <p>免费发放</p>
            <span>小程序配套学习卡</span>
          </div>
        </div>
      </div>
      <img src="http://www.bootfastui.cn/img/2021/0513-6/png_l05.png" alt="" class="r2bgm">
      <br>
    </div>
  </div>

</section>