我们让智慧医疗更智能

直接使用代码

图片素材

无

css代码

 <style>
.com-h1{font-size:40px;margin-top:40px;padding-bottom:0;margin-bottom:0;text-align:center}
.com-h3{font-size:20px;font-style:normal;padding-top:0;margin-top:10px;color:#666;text-align:center}
#about{padding-top:50px;padding-bottom:50px;text-align:center}
.btn-about{padding:7px 35px;border:2px solid #096;border-radius:4px;display:inline-block;font-size:18px;color:#096;cursor:pointer;margin-top:10px}
.btn-about:hover{background:#096;color:#fff}
#about .text1{font-size:60px;font-weight:500;line-height:100px;margin-top:100px}
#about .text2{font-size:25px;font-weight:500;margin-bottom:50px;font-family:'Microsoft YaHei';font-weight:700}
#about h3{line-height:50px}
</style>

HTML+JS代码

 
<div class="container " id="about">
    <h1 class="com-h1">我们让智慧医疗更智能</h1>
    <h3 class="com-h3">AIPharmacy™ 可融合医院和卫健部门网络，并安全地连接人员、过程和技术。</h3>
    <a href="http://bootfastui.cn" class="btn-about">了解我们</a>
    <div class="row">
        <div class="col-md-4">
            <div class="text1">69</div>
            <div class="text2">拥有专利技术</div>
        </div>
        <div class="col-md-4">
            <div class="text1">100+</div>
            <div class="text2">合作客户</div>
        </div>
        <div class="col-md-4">
            <div class="text1">23</div>
            <div class="text2">服务网点</div>
        </div>
    </div>
  </div>