page
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>peasonal resume</title>
    <link rel="stylesheet" href="./static/css/resume.css">
</head>

<body>
    <div class="container">
        <header>
            <div class="img-header">
                <div class="content">
                    <p>&lt;title&gt;<strong> ON THE WAY </strong>&lt;/title&gt;</p>
                </div>
            </div>
        </header>
        <main>
            <div class="information-all">
                <div class="col-6-asb">
                    <div class="col-3 peasonal">
                        <img class="peasonal-image" src="./static/image/peason.png" alt="">
                    </div>
                    <div class="col-9 item">
                        <p class="title name">
                            梁博奇 Alex
                        </p>
                        <div class="col-6">
                            <p class="phone">135 1111 8888</p>
                            <p class="education">xxx 大学 | 本科</p>
                        </div>
                        <div class="col-6">
                            <p class="email">XXXXXX@sina.com</p>
                            <p class="profession">计算机科学与技术</p>
                        </div>
                    </div>
                </div>
                <div class="col-6-asb">
                    <div class="col-6 ensprience">
                        <div class="item">
                            <p class="title">
                                关于我
                            </p>
                            <ul>
                                <li>2年后台开发、前端实战经验</li>
                                <li>发展方向：全栈程序员</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-6 skill">
                        <div class="item">
                            <p class="title">
                                熟练语言
                            </p>
                            <div class="lang">
                                <lable>LINUX</lable>
                                <lable>PYTHON</lable>
                                <lable>JQUERY</lable>
                                <lable>HTML</lable>
                                <lable>PHP</lable>
                                <lable>PHOTOSHOP</lable>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <section>
                <div class="title project">
                    <p>项目经验</p>
                </div>
                <div class="project-detail">
                    <div class="col-3-abs" id="project-0">
                        <div class="project-content"> <img src="./static/image/LOGO1.png" alt="">
                            <p class="project-title">Paxxal后台搭建</p>
                            <p class="create-time">2014.8 - 2014.9</p>
                            <p class="decription"> 该作品使用了MVC设计模式，SqlServer数据库，Servlet、jquery ajax的技术上制作的一个动态购物网站，实现了在数据库查询出商品显示在页面上，实现了购物车与购买功能，并对数据库进行相应操作。 </p>
                        </div>
                        <div class="link-to">
                            <a href="https://www.baidu.com" class="button">查看DEMO</a>
                            <div class="shadow"></div>
                        </div>
                    </div>
                    <div class="col-3-abs" id="project-1">
                        <div class="project-content"> <img src="./static/image/LOGO2.png" alt="">
                            <p class="project-title">聊天应用开发</p>
                            <p class="create-time">2014.8 - 2014.9</p>
                            <p class="decription"> 该作品使用了MVC设计模式，SqlServer数据库，Servlet、jquery ajax的技术上制作的一个动态购物网站，实现了在数据库查询出商品显示在页面上，实现了购物车与购买功能，并对数据库进行相应操作。 </p>
                        </div>
                        <div class="link-to">
                            <a href="https://www.baidu.com" class="button">查看DEMO</a>
                            <div class="shadow"></div>
                        </div>
                    </div>
                    <div class="col-3-abs endline" id="project-2">
                        <div class="project-content"> <img src="./static/image/LOGO3.png" alt="">
                            <p class="project-title">购物商城前端搭建</p>
                            <p class="create-time">2014.8 - 2014.9</p>
                            <p class="decription"> 该作品使用了MVC设计模式，SqlServer数据库，Servlet、jquery ajax的技术上制作的一个动态购物网站，实现了在数据库查询出商品显示在页面上，实现了购物车与购买功能，并对数据库进行相应操作。 </p>
                        </div>
                        <div class="link-to">
                            <a href="https://www.baidu.com" class="button">查看DEMO</a>
                            <div class="shadow"></div>
                        </div>
                    </div>
                </div>
            </section>
            <section>
                <div class="title work">
                    <p>工作经历</p>
                </div>
                <div class="w-experience-detail">
                    <div class="item w-experience-content">
                        <div class="logo">
                            <img class="company-logo" src="./static/image/LOGO4.png" alt="">
                        </div>
                        <div class="work-content">
                            <p class="create-time">2014.10 - 2016.10</p>
                            <p class="job">产品经理 | 多桔子信息科技有限公司</p>
                            <ul>
                                <li>团队管理，电商产品管理，电子商务策划项目管理；</li>
                                <li>网站需求分析，产品设计，产品跟踪，及后续产品优化工作；</li>
                                <li>与研发、营销、客服配合，展开产品开发、销售、售后工作；</li>
                                <li>产品应用市场调研和分析；</li>
                                <li>公司品牌宣传，产品推广，负责公司网站策划和运营工作。</li>
                            </ul>
                        </div>
                    </div>
                    <div class="item w-experience-content">
                        <div class="logo">
                            <img class="company-logo" src="./static/image/LOGO5.png" alt="">
                        </div>
                        <div class="work-content">
                            <p class="create-time">2014.10 - 2016.10</p>
                            <p class="job">软件开发工程师 | SINGU</p>
                            <ul>
                                <li>负责公司内部业务系统的设计及改进，参与公司网上商城系统产品功能设计及实施工作；</li>
                                <li>负责客户调研、客户需求分析、方案写作等工作；</li>
                            </ul>
                            <p class="key-word">参与公司多个大型电子商务项目的策划工作，担任大商集团网上商城一期建设项目经理。</p>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <footer>
            <section>
                <div class="title about-me">
                    <p>联系我</p>
                </div>
                <div class="peasonal-message">
                    <img class="peasonal-image" src="./static/image/peason.png" alt="">
                    <div class="item">
                        <p class="name">梁博奇 Alex</p>
                        <p class="phone">135 1111 8888</p>
                        <p class="email">XXXXXX@sina.com</p>
                    </div>
                    <div class="item contact">
                        <div class="col-3 qrcode">
                            <img class="qr-image" src="./static/image/QRCode.png" alt="">
                        </div>
                        <div class="col-9">
                            <p>了解更多的我</p>
                            <div class="icon-container">
                                <a href="#" class="icon">
                                    <img src="./static/image/giteeICON.png" alt="">
                                </a>
                                <a href="#" class="icon">
                                    <img src="./static/image/zhihuICON.png" alt="">
                                </a>
                                <a href="#" class="icon">
                                    <img src="./static/image/weiboICON.png" alt="">
                                </a>
                                <a href="#" class="icon">
                                    <img src="./static/image/oscICON.png" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <p class="footer">© Gitee.com</p>
        </footer>
    </div>
</body>

</html>