首页新闻招聘找找看知识库
  • 浏览:67 2017-05-02 08:55 来自 舞石
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8"/>
            <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
            <title>赵梦霞的简历</title>
            <style type="text/css">
                body{
                    text-align:center;
                    color: #343F42;
                    font-family:"宋体", "仿宋", SimSun-ExtB, Arial, sans-serif;
                    font-size:20px;
                    background-color:#919893;
                    padding:1px;
                    margin:1px;
                }
                .div_container{
                    width:800px;
                    margin:0 auto;
                    background-color:#F6FBF5;
                    padding:20px;
                }
                .header1,.header2,.header3, .div_header3{
                    margin:0 auto;
                    font-family:"黑体", Verdana, sans-serif;
                }
                .header1{
                    font-size:30px;
                    line-height:35px;
                    color: #474B4C;
                }
                .div_header2{
                    vertical-align:middle;
                    padding:5px 20px;
                }
                .poetry{
                    margin:auto 0;
                    width:60%;
                    line-height:40px;
                    font-family:"楷体", "仿宋", Arial, Gabriola, Verdana;
                    font-size:35px;
                    display:inline-block;
                    *zoom:1;
                    *display:inline;
                    color:#110F88;
                }
                img{
                    margin:auto 0;
                    width:90px;
                    height:auto;
                    border:solid rgba(98,235,211,1.00) 3px;
                }
                table.basicInfo{
                    border-collapse:collapse;
                    background-color:#F4F5ED;
                    line-height:30px;
                    width:90%;
                    margin:0 auto;
                }
                .basicInfo td{
                    padding:5px 10px;
                    border:solid #5AB2DC 1px;
                }
                .basicInfo tr.tb_head{
                    background-color:#52B6E7;
                    color:#ffffff;
                }
                .basicInfo tr.even{
                    background-color:#A1E9EF;
                }
                .header2{
                    margin-left:20px;
                }
                .header3{
                    margin-left:25px;
                }
                .header2 h2{
                    font-size:25px;
                    line-height:30px;
                    color: #474B4C;
                    text-align:left;
                }
                .header3 h3{
                    font-size:20px;
                    line-height:30px;
                    color: #474B4C;
                    text-align:left;
                }
                .block,.block > div{
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -o-border-radius:10px;
                    -ms-border-radius:10px;
                    -moz-border-radius:10px;
                    border-radius:10px;
                }
                
                .block{
                    margin:20px;
                    border:solid #09CDF5 4px;
                    line-height:30px;    
                }
                .block > div{
                    margin:7px;
                    border:solid #09CDF5 2px;
                    text-align:left;
                }
                .block ol{
                    margin:4px 8px;
                }
                .div_header3{
                    position:relative;
                    line-height:35px;
                    margin:6px 12px;
                }
                .div_header3 label{
                    font-family:"楷体", "仿宋", Arial, Gabriola, Verdana;
                    position:absolute;
                    color:#C11C21;
                    right:10px;
                }
                .content{
                    margin:4px 8px;
                }
            </style>
        </head>
        <body>
            <div class="div_container">
            <h1 class="header1">简历</h1>
            <div class="div_header2">
                <p class="poetry">长风破浪会有时<br/>直挂云帆济沧海</p>
                <img alt="我的头像" src="DSCF1890.JPG" title="我的头像"/>
            </div>
            <table class="basicInfo" cellpadding="0" cellspacing="0">
                <tr class="tb_head">
                    <td colspan="2">基本信息</td>
                </tr>
                <tr class="even">
                    <td>姓名:赵梦霞</td>
                    <td>性别:女</td>
                </tr>
                <tr>
                    <td>最高学历:本科</td>
                    <td>毕业院校:合肥工业大学</td>
                </tr>
                <tr class="even">
                    <td>工作年限:3年</td>
                    <td>出生年份:1992.2</td>
                </tr>
                <tr>
                    <td>所在城市:南昌</td>
                    <td>联系电话:18296896616</td>
                </tr>
                <tr class="even">
                    <td colspan="2">联系邮箱:1655934845@qq.com</td>
                </tr>
                <tr>
                    <td colspan="2">自我评价:前端经验丰富、100%还原设计稿、良好的审美</td>
                </tr>
            </table>
            <div class="header2">
                <h2>项目经验</h2>
            </div>
            <div class="header3">
                <h3>解决兼容性问题</h3>
            </div>
            <div class="block">
                <div>
                <ol>
                    <li>各种css hack(!important 、svg、pie、*、_)、浏览器前缀</li>
                    <li>页面布局问题</li>
                    <li>浏览器调试(chrome、firefox、ie、360兼容、极速)</li>
                    <li>原生javascript的报错(事件)(弹窗的移动、数据表格resize、设置列宽、分割线)</li>
                    <li>Svg、xml的经验,将只支持ie9以下的用vml绘图的原生javascript代码用svg改写,并使其兼容到ie11、chrome、firefox</li>
                </ol>
                </div>
            </div>
            <div class="header3">
                <h3>封装的前端组件</h3>
            </div>
            <div class="block">
                <div>
                <ol>
                    <li>基于easyui、依赖jquery的弹窗(不依赖iframe)(左:树控件,上:搜索框,中:数据表格),兼容到ie9-11,chrome,firefox,具备对input、span、可编辑数据表格赋值的功能和默认选中旧数值的功能</li>
                    <li>基于easyui、iframe、jquery但是不依赖这些的弹窗(放到顶部页面),支持多级弹窗,父页面和子页面之间传值(模仿的是ie的模态窗体)</li>
                    <li>使用sass和compass技术整理了江财国际系统的css样式表</li>
                    <li>用css3圆角、盒阴影、线性渐变美化了按钮、并用svg使其兼容ie9、做了低版本ie的替代方案</li>
                </ol>
                </div>
            </div>
            <div class="header2">
                <h2>工作经历</h2>
            </div>
            <div class="block">
                <div>
                    <div class="div_header3">
                        <span>江西惠当家股份有限公司/.net工程师(偏前端)<span>
                        <label>2016.07至今</label>
                    </div>
                    <div class="content">
                        项目:江财国际系统、南大公寓系统、惠当家2015系统、惠当家2016系统、青年资产系统、旅游系统。
                    </div>
                    <div class="div_header3">
                        <span>江西高盛科技有限公司/mvc开发 <span>
                        <label>2015.07-2016.06</label>
                    </div>
                    <div class="content">
                        项目:食品流通模块、地图功能、食品生产系统、四品一械系统。
                    </div>
                    <div class="div_header3">
                        <span>阿尔发网络科技有限公司 <span>
                        <label>2015.03-2015.7(实习)</label>
                    </div>
                    <div class="content">
                        项目:江西理工大学后勤满意度调查网页、幼儿园招生页面
                    </div>
                    <div class="div_header3">
                        <span>连江小学<span>
                        <label> 2014.9-2014.12(实习)</label>
                    </div>
                    <div class="content">
                        学前班:一天上7节课,什么都要教
                    </div>
                </div>
            </div>
            <div class="header2">
                <h2>技能评价</h2>
            </div>
            <div class="block">
                <div>
                    <ol>
                        <li>精通Jquery、easyui、html、css、</li>
                        <li>熟练javascript、mvc、asp .net</li>
                        <li>掌握sql</li>
                    </ol>
                </div>
            </div>
            </div>
        </body>
    </html>

     

登录后才能评论,请先登录注册