【网页设计作业】个人博客-自我介绍

简洁大方的个人博客-自我介绍页面

演示视频：

个人博客-自我介绍

下载链接：

【网页设计作业】个人博客-自我介绍

使用bootstrap布局页面：

<div class="container">
        <div class="row">
            <div class="col-md-6">...</div>
            <div class="col-md-6">...</div>
        </div>
</div>
<div class="container">
        <div class="row">
            <div class="col-md-8">...</div>
            <div class="col-md-4">...</div>
        </div>
</div>

效果：

使用阿里字体图标：

<div><span class="iconfont">&#xe8ff;</span>北京市朝阳区</div>
<div><span class="iconfont">&#xe8c3;</span>12889745824</div>
<div><span class="iconfont">&#xe667;</span>12889745824@123.com</div>
<div><span class="iconfont">&#xe62e;</span>www.12889745824.com</div>

效果：

目录结构：

下载链接：

【网页设计作业】个人博客-自我介绍