生活随笔
收集整理的這篇文章主要介紹了
应届生求职简历HTML模板
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
優秀的簡歷需要具備哪些要素?1、邏輯清晰、有條有理。HR面臨的動輒幾百上千份簡歷,簡歷需要在5秒內讓HR能夠get到所有重要信息。2、重點突出,簡歷有亮點用成績說話!獎學金,榮譽獎項等內容必不可少。3、目標明確,直戳需求有匹配的技能證書,但是不能貪多,把握住重點。4、研究公司,做到知己知彼明確你應聘的崗位是什么?你的公司需要什么樣的人?5、排版簡潔,有一定個人特色排版色彩簡單,低飽和度,簡歷色彩不能超過3種。
本文教你使用html+css做一個簡潔的簡歷模板,里面的內容自己更改。
網頁效果(適配手機和電腦端):
需要本文完整項目的朋友可以去下載—>>>求職簡歷html模板
當然我這里還有word版本,效果圖如下:
word版下載地址—>>>求職簡歷模板word版
html代碼:
只有html代碼是不夠的,還要有很多css,這里放不下。
<!DOCTYPE html><html><head><meta charset="utf-8"><title>應屆生求職簡歷模板
</title><link rel="stylesheet" type="text/css" href="css/style.css" /><link rel="stylesheet" type="text/css" href="css/new.css" media="all"/><link rel="stylesheet" href="css/bootstrap.min.css?v=2159" /><link rel="stylesheet" href="css/zxbj_base.css?v=2818" /><link rel="stylesheet" href="css/jm0203.css" /><style>
.m-nav-ul .nav_li:nth-child(3) a.erji_a {color: #F66000;
}
.m-nav-ul .nav_li:nth-child(3) a.triangle {border-color: #F66000;
}
.m-top_user li a {box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;
}
.m-erjinav-ul {margin-top: 25px;
}
</style>
</head><body style="height:auto;background:#f8f8f8;">
<div class="n_dispage_jm"><div class="n_dispage_jm_in resetEditStyle"><div class="baseStyle clearfix jm0203_j1" id="resume_body"><div class="divLeft clearfix" id="bar"><div data-toggle="modal" data-target="#myModalHead" class="headDiv" id="resume_head"> <span class="headNotice">點擊替換頭像
</span> <img class="resume_head" src="images/照片.jpg" height="200" /> </div><div id="bar_sort"></div><div class="msgDiv positonDiv resume_add_area resume_sort" id="resume_msg"><ul class="editBtn"><li class="btnMove" style="cursor:move;"data-placement="top" title="拖動調整上下位置"></li><li class="btnPlus resume_add" for-key="resume_msg" data-placement="bottom" title="添加一項"></li></ul><div class="baseAge baseMsg baseDel" id="resume_age"><div class="delete resume_hidden" for-id="resume_age"></div><a class="resume_icon_diy icon wbdfont" for-id="age" style="font-size:none">
</a><input class="baseBorder resume_msg resume_lang_age" for-key="age" placeholder="年齡/生日" value="22歲" /></div><div class="baseAddress baseMsg baseDel" id="resume_address"><div class="delete resume_hidden" for-id="resume_address"></div><a class="resume_icon_diy icon wbdfont" for-id="address" style="font-size:none">
</a><input class="resume_msg baseBorder resume_lang_address" for-key="address" placeholder="聯系地址" value="廣東省廣州市" /></div><div class="baseMobile baseMsg baseDel" id="resume_mobile"><div class="delete resume_hidden" for-id="resume_mobile"></div><a class="resume_icon_diy icon wbdfont" for-id="mobile" style="font-size:none">
</a><input class="resume_msg baseBorder resume_lang_mobile" for-key="mobile" placeholder="聯系電話" value="13588888888" /></div><div class="baseEmail baseMsg baseDel" id="resume_email"><div class="delete resume_hidden" for-id="resume_email"></div><a class="resume_icon_diy icon wbdfont" for-id="email" style="font-size:none">
</a><input class="resume_msg baseBorder resume_lang_email" for-key="email" placeholder="電子郵箱" value="pxh@163.com" /></div></div><div class="skillDiv positonDiv resume_add_area resume_graph resume_sort" id="resume_graph"><ul class="editBtn"><li class="btnMove" style="cursor:move;"data-placement="top" title="拖動調整上下位置"></li><li class="btnPlus resume_add" for-key="resume_graph" data-placement="bottom" title="添加一項"></li><li class="btnDel resume_hidden" for-id="resume_graph" data-placement="bottom" title="隱藏該模塊"></li></ul><ul class="skillUl resume_append_area"><li class="baseDel resume_delete_area resume_graph_item"><div class="skillTitle"><input class="resume_value baseBorder" for-key="resume_skill_graph" placeholder="填寫你的技能名稱" value="html/css/js" /></div><span><i class="resume_line" for-id="resume_skill_graph" style="width:128px;border-top-style:solid;border-top-width:8px;"></i></span><div class="delete resume_delete"></div></li><li class="baseDel resume_delete_area resume_graph_item"><div class="skillTitle"><input class="resume_value baseBorder" for-key="53815fa3293e57988958e27243b16870" placeholder="填寫你的技能名稱" value="C++" /></div><span><i class="resume_line" for-id="53815fa3293e57988958e27243b16870" style="width:128px;border-top-style:solid;border-top-width:8px;"></i></span><div class="delete resume_delete"></div></li><li class="baseDel resume_delete_area resume_graph_item"><div class="skillTitle"><input class="resume_value baseBorder" for-key="0fb2de17b37fd50c14ccda4d9b96bd94" placeholder="填寫你的技能名稱" value="交互設計" /></div><span><i class="resume_line" for-id="0fb2de17b37fd50c14ccda4d9b96bd94" style="width:128px;border-top-style:solid;border-top-width:8px;"></i></span><div class="delete resume_delete"></div></li><li class="baseDel resume_delete_area resume_graph_item"><div class="skillTitle"><input class="resume_value baseBorder" for-key="0bab43524d96b1b58129f46097ee14b7" placeholder="填寫你的技能名稱" value="英語(CET-6)" /></div><span><i class="resume_line" for-id="0bab43524d96b1b58129f46097ee14b7" style="width:128px;border-top-style:solid;border-top-width:8px;"></i></span><div class="delete resume_delete"></div></li></ul></div><div class="hobbyDiv positonDiv resume_add_area resume_icon resume_sort" id="resume_icon"><ul class="editBtn"><li class="btnMove" style="cursor:move;"data-placement="top" title="拖動調整上下位置"></li><li class="btnPlus resume_add" for-key="resume_icon" data-placement="bottom" title="添加一項"></li><li class="btnDel resume_hidden" for-id="resume_icon" data-placement="bottom" title="隱藏該模塊"></li></ul><dl class="clearfix"><dt><span><div class="resume_lang_hobby">興趣愛好
</div></span></dt><dd class="resume_append_area"><div class="hobbyicon baseDel resume_delete_area resume_icon_item"> <img src="images/籃球.png" width="50px" height="50px" style="margin:10px"/> <span class="hobbyTitle"><input class="resume_value baseBorder" for-key="resume_hobby_icon" placeholder="興趣愛好" value="籃球" /></span><div class="delete resume_delete"></div></div><div class="hobbyicon baseDel resume_delete_area resume_icon_item"> <img src="images/足球.png" width="50px" height="50px" style="margin:10px"/><span class="hobbyTitle"><input class="resume_value baseBorder" for-key="9eff2552587f9d5970ebab85696208dc" placeholder="興趣愛好" value="足球" /></span><div class="delete resume_delete"></div></div><div class="hobbyicon baseDel resume_delete_area resume_icon_item"> <img src="images/游戲.png" width="50px" height="50px" style="margin:10px"/> <span class="hobbyTitle"><input class="resume_value baseBorder" for-key="162b8459a4a82554da5e6a12c2f21c8f" placeholder="興趣愛好" value="游戲" /></span><div class="delete resume_delete"></div></div><div class="hobbyicon baseDel resume_delete_area resume_icon_item"> <img src="images/攝影.png" width="50px" height="50px" style="margin:10px"/> <span class="hobbyTitle"><input class="resume_value baseBorder" for-key="b3cf5ddaec3cbe67762a2d8d3df17f17" placeholder="興趣愛好" value="攝影" /></span><div class="delete resume_delete"></div></div></dd></dl></div></div><div class="divRight clearfix resume_main" id="foo"><div class="nameDiv positonDiv" id="resume_name"><h1><div class="resume_msg baseBorder resume_notice resume_lang_name" notice-key="msg" for-key="name" for-value="html" contenteditable="true">姓名
</div></h1><h2><div class="resume_msg baseBorder resume_notice resume_lang_job" notice-key="job" for-key="job" for-value="html" contenteditable="true">求職目標:前端開發工程師
</div></h2></div><div id="foo_sort"></div><div class="eduDiv baseItem positonDiv resume_item resume_add_area resume_sort resume_notice" notice-key="edu" id="resume_edu" for-key="edu"><ul class="editBtn"><li class="btnMove" style="cursor:move;"data-placement="top" title="拖動調整上下位置"></li><li class="btnPlus resume_add" for-key="resume_item" data-placement="bottom" title="添加一項"></li><li class="btnDel resume_hidden" for-id="resume_edu" data-placement="bottom" title="隱藏該模塊"></li></ul><dl><dt> <a class="resume_icon_diy icon wbdfont" for-id="edu" style="font-size:none">
</a> <span><div class="resume_lang_edu">教育經歷
</div><div class="Border resume_line" for-id="edu" style="width:668px;border-top-style:solid;border-top-width:2px;"></div></span> </dt><dd class="resume_append_area"><div class="baseContent baseDel resume_item_items resume_delete_area"><div class="delete resume_delete"></div><div class="conTitle"> <span class="conTitle_time"><div class="resume_time baseBorder" contenteditable="true">2018.09-2022.07
</div></span> <span class="conTitle_company"><div class="resume_unit baseBorder" contenteditable="true">北京大學
</div></span> <span class="conTitle_post"><div class="resume_job baseBorder" contenteditable="true">軟件工程(本科)
</div></span> </div><div class="baseDel_ resume_delete_area_"><div class="delete_ resume_delete_"></div><div class="conDisc baseBorder baseDel resume_value" contenteditable="true" data-toggle="tooltip" data-placement="top" title="復制粘貼文字請右鍵-粘貼為純文本"><p>主修課程:c++,java,數據結構,數據庫概論,數據庫應用,數字邏輯,匯編語言,EDA技術,操作系統,計算機網絡,Linux操作系統, 計算機圖形學,編譯原理。
</p><p>GPA: 3.6/4.0
</p><p>國家獎學金(2018-2019)
</p></div></div></div></dd></dl></div><div class="workDiv baseItem positonDiv resume_item resume_add_area resume_sort resume_notice" notice-key="work" id="resume_work" for-key="work"><ul class="editBtn"><li class="btnMove" style="cursor:move;"data-placement="top" title="拖動調整上下位置"></li><li class="btnPlus resume_add" for-key="resume_item" data-placement="bottom" title="添加一項"></li><li class="btnDel resume_hidden" for-id="resume_work" data-placement="bottom" title="隱藏該模塊"></li></ul><dl><dt> <a class="resume_icon_diy icon wbdfont" for-id="work" style="font-size:none">
</a> <span><div class="resume_lang_work">實習經歷
</div><div class="Border resume_line" for-id="work" style="width:668px;border-top-style:solid;border-top-width:2px;"></div></span> </dt><dd class="resume_append_area"><div class="baseContent baseDel resume_item_items resume_delete_area"><div class="delete resume_delete"></div><div class="conTitle"> <span class="conTitle_time"><div class="resume_time baseBorder" contenteditable="true">2021.7-2021.9
</div></span> <span class="conTitle_company"><div class="resume_unit baseBorder" contenteditable="true">阿里巴巴
</div></span> <span class="conTitle_post"><div class="resume_job baseBorder" contenteditable="true">產品實習生
</div></span> </div><div class="baseDel_ resume_delete_area_"><div class="delete_ resume_delete_"></div><div class="conDisc baseBorder resume_value" contenteditable="true" data-toggle="tooltip" data-placement="top" title="復制粘貼文字請右鍵-粘貼為純文本"><p>1、協助產品經理完成XX圖像處理小程序的流程和原型設計、UI設計,對需求進行整理和分析,并整理輸出需求文檔。
</p><p>2、與技術、運營等部門協同討論圖像處理小程序的優化等工作,并協同各部門進行上線前數據、技術準備。
</p><p>3、推動小程序上線,上線后監測用戶拉新、留存等數據并匯報,每周根據數據提出優化意見和需求,上線后1個月獲得8萬新用戶,次月留存率超過13%
</p></div></div></div></dd></dl></div><div class="outexperDiv baseItem positonDiv resume_item resume_add_area resume_sort resume_notice" notice-key="project" id="resume_project" for-key="project"><ul class="editBtn"><li class="btnMove" style="cursor:move;"data-placement="top" title="拖動調整上下位置"></li><li class="btnPlus resume_add" for-key="resume_item" data-placement="bottom" title="添加一項"></li><li class="btnDel resume_hidden" for-id="resume_project" data-placement="bottom" title="隱藏該模塊"></li></ul><dl><dt> <a class="resume_icon_diy icon wbdfont" for-id="project" style="font-size:none">
</a> <span><div class="resume_lang_project">項目經歷
</div><div class="Border resume_line" for-id="project" style="width:668px;border-top-style:solid;border-top-width:2px;"></div></span> </dt><dd class="resume_append_area"><div class="baseContent baseDel resume_item_items resume_delete_area"><div class="delete resume_delete"></div><div class="conTitle"> <span class="conTitle_time"><div class="resume_time baseBorder" contenteditable="true">2019.3-2019.6
</div></span> <span class="conTitle_company"><div class="resume_unit baseBorder" contenteditable="true">移動小程序設計(項目負責人)
</div></span> <span class="conTitle_post"><div class="resume_job baseBorder" contenteditable="true"></div></span> </div><div class="baseDel_ resume_delete_area_"><div class="delete_ resume_delete_"></div><div class="conDisc baseBorder resume_value" contenteditable="true" data-toggle="tooltip" data-placement="top" title="復制粘貼文字請右鍵-粘貼為純文本"><p>1、設計用戶需求問卷,對用戶需求進行問卷調研,撰寫相關調研報告
</p><p>2 、完成產品的信息架構和功能架構以及需求流程分析,撰寫產品需求分析說明書
</p><p>3、對產品原型進行UI界面設計,實現相關設計理念及想法最終完成產品開發
</p><p>4、使用Mindmanager、visio完成思維導圖及相關流程圖的繪制
</p></div></div></div><div class="baseContent baseDel resume_item_items resume_delete_area"><div class="delete resume_delete"></div><div class="conTitle"> <span class="conTitle_time"><div class="resume_time baseBorder" contenteditable="true">2020.3-2020.6
</div></span> <span class="conTitle_company"><div class="resume_unit baseBorder" contenteditable="true">VR APP原型設計(項目組長)
</div></span> <span class="conTitle_post"><div class="resume_job baseBorder" contenteditable="true"></div></span> </div><div class="baseDel_ resume_delete_area_"><div class="delete_ resume_delete_"></div><div class="conDisc baseBorder resume_value" contenteditable="true" data-toggle="tooltip" data-placement="top" title="復制粘貼文字請右鍵-粘貼為純文本"><p>1、對用戶體驗和同類競品進行分析和研究,考慮市場空間等可能影響到產品的相關因素
</p><p>2、設計問卷并進行問卷調研,對產品進行信息架構和用戶行為流程分析,完成相關流程圖的繪制
</p><p>3、使用Axure對產品進行原型設計,并進行可用性測試和測試用例分析
</p><p>4、深度分析產品的核心競爭力和持續盈利能力,撰寫4000+字的報告
</p></div></div></div></dd></dl></div><div class="selfDiv baseItem positonDiv resume_item resume_sort resume_notice" notice-key="self" id="resume_self" for-key="self"><ul class="editBtn"><li class="btnMove" style="cursor:move;"data-placement="top" title="拖動調整上下位置"></li><li class="btnPlus" data-placement="bottom" title="添加一項" style="display:none;"></li><li class="btnDel resume_hidden" for-id="resume_self" data-placement="bottom" title="隱藏該模塊"></li></ul><dl><dt> <a class="resume_icon_diy icon wbdfont" for-id="self" style="font-size:none">
</a> <span><div class="resume_lang_self">自我評價
</div><div class="Border resume_line" for-id="self" style="width:668px;border-top-style:solid;border-top-width:2px;"></div></span> </dt><dd><div class="baseContent"><div class="conDisc baseBorder resume_lang_self_value resume_value" contenteditable="true" data-toggle="tooltip" data-placement="top" title="復制粘貼文字請右鍵-粘貼為純文本"><p>本人做事穩重,對待工作認真,責任心較強,待人真誠,善于溝通,時刻保持學習,積極擁抱變化。喜
</p><p>歡前端開發,具備一定的軟件分析、設計、開發和應用能力,擁有較強的學習能力與團隊精神,能夠
</p><p>很快的適應工作環境。
</p></div></div></dd></dl></div></div></div></div></div>
</body>
</html>
總結
以上是生活随笔為你收集整理的应届生求职简历HTML模板的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。