艺智道特色

解决培训机构痛点，回归艺术教育本质

以德修艺的课程理念

多媒体可视化教学

标准系统化课程体系

多元化教学互动

配套的家校APP

强大的研发团队

直接使用代码

图片素材

无

css代码

     <style>
    .index-com-box{padding:50px 0;}
    .index-com-box .index-com-title{font-size:32px;text-align:center;color:#000;font-weight: bold;}
    .index-com-box .index-com-descption{text-align: center;font-size:14px;line-height: 30px;color:#444;;margin-bottom:40px;}

   /* 首页-特色 */
    .index-item23{margin-bottom:40px;  transition: all .3s;}
    .index-item23:hover{box-shadow: 3px 3px 10px #b3d9ff;cursor: pointer;  margin-top: -8px;margin-bottom:48px;}
    .index-item23 .t-top{background:#199ed8;padding:20px;color:#fff;text-align: center;
    height:170px;}
    .index-item23 .t-top h5{font-size:18px;line-height: 40px;}
    .index-item23 .t-footer{border:1px solid #ccc;border-top:none;padding:20px;height:100px;}

     </style>

HTML+JS代码

 
    <!-- 艺智道特色 -->
    <div class="index-com-box">
        <div class="container">
            <h3 class="index-com-title">艺智道特色</h3>
            <p class="index-com-descption">解决培训机构痛点，回归艺术教育本质</p>
            <div class="row">
                <div class="col-md-4">
                    <div class="index-item23">
                        <div class="t-top">
                            <img src="http://www.bootfastui.cn/img/2020/0425-2/ico1.png" class="center-block" />
                            <h5>以德修艺的课程理念</h5>
                        </div>
                        <div class="t-footer">
                            <p>回归艺术教育本质，培养温良恭俭让的下一代。</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="index-item23">
                        <div class="t-top">
                            <img src="http://www.bootfastui.cn/img/2020/0425-2/ico2.png" class="center-block" />
                            <h5>多媒体可视化教学</h5>
                        </div>
                        <div class="t-footer">
                            <p>打造人无我有的核心竞争力，助你在同质化竞争中脱颖而出。</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="index-item23">
                        <div class="t-top">
                            <img src="http://www.bootfastui.cn/img/2020/0425-2/ico3.png" class="center-block" />
                            <h5>标准系统化课程体系</h5>
                        </div>
                        <div class="t-footer">
                            <p>让老师教学变的轻松愉快，校长不在为换老师而担忧。</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="index-item23">
                        <div class="t-top">
                            <img src="http://www.bootfastui.cn/img/2020/0425-2/ico4.png" class="center-block" />
                            <h5>多元化教学互动</h5>
                        </div>
                        <div class="t-footer">
                            <p>全程锁定学习兴趣，让孩子的学习更稳定持久，让课堂充满欢声语！</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="index-item23">
                        <div class="t-top">
                            <img src="http://www.bootfastui.cn/img/2020/0425-2/ico5.png" class="center-block" />
                            <h5>配套的家校APP</h5>
                        </div>
                        <div class="t-footer">
                            <p>让家长清晰的了解学员各种信息，在家也能轻松辅导学员学习。</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="index-item23">
                        <div class="t-top">
                            <img src="http://www.bootfastui.cn/img/2020/0425-2/ico6.png" class="center-block" />
                            <h5>强大的研发团队</h5>
                        </div>
                        <div class="t-footer">
                            <p>竞争的核心在自我更替，后台随时升级，课程不断丰富推陈出新。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>