Wechat-Data
/
自我介绍.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>智果小芯 | 关于我的简单介绍</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta -equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/css/style.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/css/font.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/css/font-awesome.min.css">
    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/xiaoshidi-hub/[email protected]/blog/Blog.png" type="image/x-icon">
</head>
<style type="text/css">

    body{
        font-family: '猫的天空之城';
		background-color: #000000
    }
    a{
        color: #080808;
    }
    a:hover{
        color: #121212
    }
    @media(min-width: 768px) {
        .introducation{
            width: 90%;
            position: absolute;
            top: 49%;
            left: 50%;
            transform: translate(-50%,-50%)
        }
    }
</style>
<body>

    <!-- 下面这两行代码是取消右键的，如果保留右键注释即可 -->
    <body oncontextmenu="return false" onselectstart="return false"
    ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>


<div class="container container-fluid banner-info">
    <div class="introducation" >
        <div class="row introdu">
            <div class="col-md-4">
                <img class="rotation img" src="https://cdn.jsdelivr.net/gh/Yafine/Yafine-imgs/images/xiaoshidi.jpg" alt="author.jpg" width="200px" height="200px" style="opacity: 0.6;border: 1px solid #080808;;border-radius: 50%;">
            </div>
            <div class="col-md-8" style="padding: 10px">
                <table class="table">
                    <thead>
                        <tr>
                            <th colspan="3"><h4><i class="fa fa-address-card" aria-hidden="true"></i> 个人简介</h4></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td scope="row"><i class="fa fa-user" aria-hidden="true"></i> 江湖人称：小师弟</td>
                            <td><i class="fa fa-user-secret" aria-hidden="true"></i> 洒家名叫：刘 * </td>
                        </tr>
                        <tr>
                            <td scope="row"><i class="fa fa-birthday-cake" aria-hidden="true"></i> 洒家生辰：199x.xx</td>
                            <td><i class="fa fa-map-marker" aria-hidden="true"></i> 洒家山寨：中国 | 湖北 | 武汉</td>
                        </tr>
                        <tr>
                            <td scope="row"><i class="fa fa-bicycle" aria-hidden="true"></i> 洒家爱好：旅游 | 听歌 |运动</td>
                            <td><i class="fa fa-angellist" aria-hidden="true"></i> 洒家特点：Higher | Good-tempered | Sincere</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="row about-me">
            <div class="col-md-6" style="padding: 5px 0">
                <center><h5>关于我 | About Me</h5></center>
                <ul class="list-group list">
                    <li class="list-group-item"><i class="fa fa-circle" aria-hidden="true"></i> 学历： 电子信息工程硕士在读</li>
                    <li class="list-group-item"><i class="fa fa-circle" aria-hidden="true"></i> 现况： 学习嵌入式技术知识,还需要继续努力</li>
                    <li class="list-group-item"><i class="fa fa-circle" aria-hidden="true"></i> 目标： 优秀嵌入式电子开发工程师</li>
                    <li class="list-group-item"><i class="fa fa-circle" aria-hidden="true"></i> 博客： 记录学习过程的点滴</li>
                    <li class="list-group-item"><i class="fa fa-circle" aria-hidden="true"></i> 兴趣： 写文章、做视频</li>
                    <li class="list-group-item"><i class="fa fa-circle" aria-hidden="true"></i> 其他： 一个热爱嵌入式的小码农</li>
                </ul>
            </div>
            <div class="col-md-6 skills" style="padding: 5px 20px;">
                <center><h5>我的技能 | My Skills</h5></center>
                <div class="progress">
                    <div class="progress-bar bg-success" role="progressbar" style="width: 65%;"
                        aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">STC51 &emsp; 80%</div>
                </div>
                <div class="progress">
                    <div class="progress-bar bg-info" role="progressbar" style="width: 75%;"
                        aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">STM32 &emsp; 90%</div>
                </div>
                <div class="progress">
                    <div class="progress-bar bg-danger" role="progressbar" style="width: 85%;"
                        aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">Altium designer &emsp; 95%</div>
                </div>
                <div class="progress">
                    <div class="progress-bar bg-dark" role="progressbar" style="width: 50%;"
                        aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">C/C++  50%</div>
                </div>
                <div class="progress">
                    <div class="progress-bar bg-primary" role="progressbar" style="width: 30%;"
                        aria-valuenow="30" aria-valuemin="0" aria-valuemax="100">Java &emsp; 30%</div>
                </div>
                <div class="progress">
                    <div class="progress-bar bg-secondary" role="progressbar" style="width: 25%;"
                        aria-valuenow="15" aria-valuemin="0" aria-valuemax="100">Python/Git  &nbsp;25%</div>
                </div>
                <div class="progress">
                    <div class="progress-bar bg-warning" role="progressbar" style="width: 10%;"
                        aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">Andriod &emsp; 10%</div>
                </div>
            </div>
        </div>
        <div class=" row contact-title" style="margin-top: 2px">
            <div class="col-md-12" style="padding: 10px 0;">
                <h4>联系我 | Contact Me</h4>
            </div>
        </div>
        <div class="row contact" style="padding: 5px 0;">
            <div class="col-md-2 col-4"><a href="https://www.liuyao-blog.cn" title="个人博客"><img src="https://cdn.jsdelivr.net/gh/Yafine/Yafine-imgs/images/xiaoshidi.jpg" alt="" srcset=""></a></div>
            <div class="col-md-2 col-4"><a href="https://github.com/xiaoshidi-hub" title="Github"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/github.jpg" alt="" srcset=""></a></div>
            <!-- <div class="col-md-1"><a href="https://home.cnblogs.com/u/1264379/" title="博客园"><img src="/images/src/cnblogs.png" alt="" srcset=""></a></div> -->
            <!-- <div class="col-md-1"><a href="https://www.zhihu.com/people/xuan-tian-40-64/activities" title="知乎"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/zhihu.jpg" alt="" srcset=""></a></div> -->
            <div class="col-md-2 col-4"><a href="https://blog.csdn.net/qq_39400113" title="CSDN"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/csdn.png" alt="" srcset=""></a></div>
            <!-- <div class="col-md-1"><a href="https://my.oschina.net/u/3957755" title="开源中国"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/oschina.png" alt="" srcset=""></a></div> -->
            <!-- <div class="col-md-1"><a href="https://www.jianshu.com/u/3b3856869772" title="简书"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/jianshu.png" alt="" srcset=""></a></div> -->
            <!-- <div class="col-md-1"><a href="https://juejin.im/user/5a902053f265da4e7527ae71" title="掘金"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/juejin.png" alt="" srcset=""></a></div> -->
            <!-- <div class="col-md-1"><a href="https://segmentfault.com/u/baixiaobai_5b6a4161d6643/articles" title="Sgementfault"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/Sgementfault.png" alt="" srcset=""></a></div> -->
            <div class="col-md-2 col-4"><a href="http://wpa.qq.com/msgrd?v=3&uin=2515361695&site=qq&menu=yes" title="QQ"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/qq.png" alt="" srcset=""></a></div>
            <div class="col-md-2 col-4"><a href="[email protected]" title="邮件"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/mail.png" alt="" srcset=""></a></div>
            <div class="col-md-2 col-4"><a href="https://music.163.com/#/user/home?id=2135202072" title="QQ音乐"><img src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/images/social/tencent.png" alt="" srcset=""></a></div>
        </div>
        <div class="row copy" style="text-align: center;margin-top: 5px;">
            <div class="col-md-12">
                <h5 style="color: aquamarine">Copyright <i class="fa fa-copyright"></i> 20121 <a href="https://www.liuyao-blog.cn" style="text-decoration-color: none;color: #fff;">果果小师弟のBlog</a>. All Rights Reserved</h5>
            </div>
        </div>
    </div>
</div>


	<script src="https://cdn.jsdelivr.net/gh/Yafine/[email protected]/js/yinghua.js"></script>

</body>
</html>