20190923

分类：HBuilder

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.css" />
<style>
*{margin: 0;padding: 0;}
body{width: 100%;height: 100%;background: url(img/section_mobile_bg.jpg);font-size: 14px;}

mobile{padding: 30px 0;text-align: center;}

        #mobile h3{font-family: "arial rounded mt bold";font-size: 10rem;color: #fff;font-style: italic;  
        text-shadow:5px 5px 0.3rem #62819d}  
        #mobile.list i{font-size: 3rem;color: #fff;padding: 2rem;}  
        #mobile.list h5{font-size: 1rem;color: #fff;}  

    </style>  
</head>  
<body>  
    <section id="mobile">  
        <div class="section-inner">  
            <h3>One World</h3>  
            <h2>万物互联，极致体验</h2>  
            <div class="col-md-3 col-xs-6"><i class="fa fa-apple"></i><h2>原生移动app开发</h2></div>  
            <div class="col-md-3 col-xs-6"><i class="fa fa-weixin"></i><h2>微信公众平台开发</h2></div>  
            <div class="col-md-3 col-xs-6"><i class="fa fa-desktop"></i><h2>网站开发</h2></div>  
            <div class="col-md-3 col-xs-6"><i class="fa fa-laptop"></i><h2>桌面应用开发</h2></div>  
        </div>  
    </section>  

</body>

</html>

0 赞关注分享

1 个评论

要回复文章请先登录或注册

2***@qq.com (作者)

2019-09-23 15:58

20190923

mobile{padding: 30px 0;text-align: center;}

1 个评论

目录

公告