直接使用代码

图片素材

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

css代码

 <style>
.about-top{margin-top:100px;margin-bottom:50px;}
.about-top .content{background: #199ed8;}
.about-top .content img{display:block;margin-top:-50px;margin-left:50px;}
.about-top .content p{color:#fff;padding:50px;line-height: 30px;padding-left:0}
</style>

HTML+JS代码

 <div class="container">
  <div class="about-top">
    <div class="content">
      <div class="row">
        <div class="col-md-6">
          <img src="http://www.bootfastui.cn/img/2021/0328-7/about.jpg" />
        </div>
        <div class="col-md-6">
          <p>
            艺智道智慧艺术课堂，专注于多媒体教学课程研发，现已推出筝之道古筝、欢橙美术，更多课在持续续研发中...<br />
            2003年开始从事艺术教育培训，至今办学17年，2013年开始研发标准化课程，2017-06-27日成立多媒体课程研发公司 —
            明艺教育科技有限公司，主产品：艺智道智慧艺术课堂，2018年2月正式推出多媒体课程产品：筝之道多媒体古筝，2019年10月正式推出欢橙多媒体少儿创意美术。

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

</div>