當(dāng)前位置：首頁(yè) >

html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)

發(fā)布時(shí)間：2023/12/18 38 豆豆

生活随笔收集整理的這篇文章主要介紹了 html简洁漂亮的个人简历,个人主页，个人简介网页版(源码) 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

文章目錄

1.設(shè)計(jì)來(lái)源
- 1.1 主界面
- 1.2 基本資料
- 1.3 專業(yè)技能
- 1.4 教育經(jīng)歷
- 1.5 工作經(jīng)驗(yàn)
2.效果和源碼
- 2.1 動(dòng)態(tài)效果
- 2.2 源代碼
源碼下載

作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/128349160

html簡(jiǎn)潔漂亮的個(gè)人簡(jiǎn)歷,個(gè)人主頁(yè)，個(gè)人簡(jiǎn)介網(wǎng)頁(yè)版(源碼) html簡(jiǎn)潔漂亮的個(gè)人簡(jiǎn)歷,個(gè)人主頁(yè)，個(gè)人簡(jiǎn)介網(wǎng)頁(yè)版(源碼)。一款非常簡(jiǎn)潔，亮麗的個(gè)人簡(jiǎn)介模板，適用于個(gè)人主頁(yè)，個(gè)人簡(jiǎn)歷等相關(guān)主題，界面分為個(gè)人信息，基本資料，專業(yè)技能，教育經(jīng)歷，工作經(jīng)驗(yàn)等五個(gè)版塊，支持?jǐn)U張，具體效果見(jiàn)下面的原文鏈接，里面有視頻和代碼講解。代碼容易上手，下載后直接運(yùn)行。

1.設(shè)計(jì)來(lái)源

主旨： 簡(jiǎn)潔，干凈，明亮，舒適的風(fēng)格;
語(yǔ)言： 可以html+js+css,也可以html+css;
版塊： 人信息，基本資料，專業(yè)技能，教育經(jīng)歷（支持更多擴(kuò)展）；
適用： 個(gè)人簡(jiǎn)介，個(gè)人簡(jiǎn)歷，個(gè)人主頁(yè)，個(gè)人博客，個(gè)人空間等方向；

1.1 主界面

主界面動(dòng)態(tài)的朦朧天空背景圖，可以配置自己的圖標(biāo)，個(gè)人名言，名字，職稱，郵箱，手機(jī)號(hào)，工作地址等信息，也可以擴(kuò)展新的。

1.2 基本資料

基本資料動(dòng)態(tài)的朦朧天空背景圖，可以配置個(gè)人職業(yè)技能，大圖標(biāo)，姓名，年齡，性別，手機(jī)號(hào)，郵箱，qq號(hào)，居住地，戶籍，學(xué)歷，學(xué)校，專業(yè)等信息，也可以擴(kuò)展新的。

1.3 專業(yè)技能

專業(yè)技能動(dòng)態(tài)的科技線路背景圖，可以配置個(gè)人專業(yè)技能，按列表排序出來(lái)，個(gè)人的掌握的工具，及熟練度等信息，也可以擴(kuò)展新的。

1.4 教育經(jīng)歷

教育經(jīng)歷動(dòng)態(tài)的科技線路背景圖，可以配置個(gè)人教育的學(xué)校，時(shí)間，幾學(xué)到的東西等信息，也可以擴(kuò)展新的。

1.5 工作經(jīng)驗(yàn)

工作經(jīng)驗(yàn)動(dòng)態(tài)的科技線路背景圖，可以配置個(gè)人工作過(guò)的公司，工作的時(shí)間，負(fù)責(zé)的項(xiàng)目，開發(fā)工具等信息，也可以擴(kuò)展新的。

2.效果和源碼

2.1 動(dòng)態(tài)效果

下面咋們一起來(lái)看看這個(gè)個(gè)人簡(jiǎn)歷的動(dòng)態(tài)效果，改變圖片，可以配置多種風(fēng)格，靈活運(yùn)用，效果酷炫。

html簡(jiǎn)潔漂亮的個(gè)人簡(jiǎn)歷,個(gè)人主頁(yè)，個(gè)人簡(jiǎn)介網(wǎng)頁(yè)版

2.2 源代碼

這里是主界面的代碼，其他圖片、js、css等代碼，見(jiàn)下面的 源碼下載 ，里面有所有代碼資源和相關(guān)說(shuō)明。

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>徐純宇 - 個(gè)人簡(jiǎn)歷,個(gè)人主頁(yè)，個(gè)人介紹，個(gè)人簡(jiǎn)介</title><link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"><link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body oncontextmenu="return false;" onselectstart="return false;" unselectable="on" ondragstart="return false;"> <aside><a class="cur_a"><span>徐純宇</span></a><a><span>基本資料</span></a><a><span>專業(yè)技能</span></a><a><span>教育經(jīng)歷</span></a><a><span>工作經(jīng)驗(yàn)</span></a> </aside> <section class="page_one" id="page1"><div class="cen_con"><div class="portrait"><img onmousemove="this.src='images/user_c.jpg'" onmouseout="this.src='images/user.jpg'"/ src="images/user.jpg"></div><div class="cen_text"><h2>業(yè)精于勤；荒于嬉；行成于思；毀于隨。</h2><hr><h3>徐純宇</h3><h3>全棧工程師</h3><h3> 1376174032@qq.com | 13300000000</h3><h3>在職北京 ? 海淀</h3></div></div><div class="down_arrow"><a class="scroll"><span></span></a> </div> </section> <section class="page_two" id="page2"><div class="con_wrap"><div class="tit_wrap"><h1 style="font-weight: bold;">基本資料</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>     畢業(yè)于北京理工大學(xué)的計(jì)算機(jī)應(yīng)用專業(yè)。從業(yè)十年有余，熟悉C#和Java前后端開發(fā)，熟悉oracle和mysql數(shù)據(jù)庫(kù)，熟悉Html和js及css前端開發(fā)，熟悉uniapp跨平臺(tái)開發(fā)小程序和app。</h2></div> <div class="myinfo"><table><tbody><tr><td rowspan="6"><img src="images/user.jpg"></td><td>姓名 | 徐純宇</td><td>手機(jī) | 13300000000</td></tr><tr><td>性別 | 男</td><td>郵箱 | 1376174032@qq.com</td></tr><tr><td>出生 | 1992.02.20</td><td>QQ號(hào) | 1376174032</td></tr><tr><td>居住 | 北京市海淀區(qū)</td><td>戶籍 | 北京市海淀區(qū)</td></tr><tr><td>學(xué)歷 | 本科</td><td>學(xué)校 | 北京理工大學(xué)</td></tr><tr><td>專業(yè) | 計(jì)算機(jī)應(yīng)用</td><td></td></tr></tbody></table></div></div><div class="down_arrow"><a class="scroll"><span></span></a> </div> </section> <section class="page_three" id="page3"><div class="con_wrap"><div class="tit_wrap"><h1 style="font-weight: bold;">專業(yè)技能</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>長(zhǎng)年累月后,精進(jìn)又向前。唯有勤學(xué)練,擅長(zhǎng)最優(yōu)先。</h2> </div><div class="skill_con"><div class="canvas_wrap"><div class="canvas_con"><div class="text_con"><p class="percent">98%</p><p class="chart_title">C#</p></div><canvas id="html5" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">93%</p><p class="chart_title">JAVA</p></div><canvas id="css3" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">96%</p><p class="chart_title">HTML</p></div><canvas id="js" width=160 height=160></canvas></div><div class="canvas_con"><div class="text_con"><p class="percent">99%</p><p class="chart_title">ORACLE</p></div><canvas id="jq" width=160 height=160></canvas></div></div><div class="text_wrap"><p>1. 熟練使用java，基于ssh能快速搭建系統(tǒng)框架。</p><p>2. 熟練使用java，基于spring boot能快速搭建系統(tǒng)框架。</p><p>3. 熟練使用HTML/CSS技術(shù)，精通js/jquery編程,能夠熟練使用angularjs，vue,reactjs等前端框架。</p><p>4. 熟悉oracle,mysql,sqlserver等各平臺(tái)安裝使用，熟練使用SQL語(yǔ)句增刪改查，觸發(fā)器，存儲(chǔ)過(guò)程，索引，序列。</p><p>5. 熟練的使用grunt，gulp等前端工具。</p><p>6. 熟悉c#語(yǔ)言研發(fā)，基于asp.new mvc能快速搭建系統(tǒng)框架，新技術(shù)asp.net core做后臺(tái)數(shù)據(jù)服務(wù)能快速搭建，跨平臺(tái)使用。</p><p>7. 熟悉c#語(yǔ)言研發(fā)，基于winform的c/s應(yīng)用程序能快速搭建框架。</p></div> </div></div><div class="down_arrow"><a class="scroll"><span></span></a> </div> </section> <section class="page_four" id="page4"><div class="con_wrap"><div class="tit_wrap"><h1 style="font-weight: bold;">教育經(jīng)歷</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>學(xué)則智，不學(xué)則愚；學(xué)則治，不學(xué)則亂。自古圣賢，成大業(yè)，未有不由學(xué)而成者。</h2></div><div class="work_con"><div class="programe"><div class="work_time">4年<br>北京理工大學(xué)</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>學(xué)習(xí)時(shí)間：2008/06 -- 2012/06</h4><p>學(xué)習(xí)技能：</p><p>大學(xué)四年時(shí)間完成了所有的學(xué)業(yè)，并參與了很多項(xiàng)目研發(fā)工作，配合老師和同學(xué)攻關(guān)了很多難題。</p><p> 1.掌握了辦公五劍客，Word，PPT，excel，ps，viso。</p> <p> 2.掌握了C#和java的前后端開發(fā)，數(shù)據(jù)庫(kù)基本應(yīng)用。</p> </div></div> </div><div class="programe"><div class="work_time">1年<br>Java培訓(xùn)班</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>學(xué)習(xí)時(shí)間：2011/05 -- 2012/04</h4><p>學(xué)習(xí)技能：</p><p>參加了一年的JAVA培訓(xùn)班，跟著老師一起做了多個(gè)項(xiàng)目。積累了很多經(jīng)驗(yàn)，有了很多經(jīng)歷。</p><p>1.掌握了springboot框架下的api開發(fā)，并開發(fā)了自己的一套數(shù)據(jù)接口。</p> <p>2.掌握了ssm框架下的前后端開發(fā)，并開發(fā)了自己的博客。</p> </div></div></div></div></div><div class="down_arrow"><a class="scroll"><span></span></a> </div> </section> <section class="page_five" id="page5"><div class="con_wrap"><div class="tit_wrap"><h1 style="font-weight: bold;">工作經(jīng)驗(yàn)</h1><div class="scissors" style="border-top:1px dashed orange;"></div><h2>生命,需要我們?nèi)ヅΑＤ贻p時(shí),我們要努力鍛煉自己的能力,掌握知識(shí)、掌握技能、掌握必要的社會(huì)經(jīng)驗(yàn)。</h2></div><div class="work_con"><div class="programe"><div class="work_time">22個(gè)月<br>汽車之家官網(wǎng)</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>開發(fā)時(shí)間：2019 /12--2021 /10</h4><h5>開發(fā)工具：VS2015，VSCode，ORACLE</h5><p>項(xiàng)目描述：</p><p>參與與客戶交流需求，參與項(xiàng)目整體開發(fā)，主要負(fù)責(zé)首頁(yè)面各方面數(shù)據(jù)綜合顯示，系統(tǒng)采用預(yù)加載，通過(guò)wcf對(duì)硬件控制，實(shí)時(shí)更新，一些頁(yè)面設(shè)計(jì)，數(shù)據(jù)庫(kù)的設(shè)計(jì)，數(shù)據(jù)測(cè)試。</p><p> 1.數(shù)據(jù)信息展示塊，2.軟硬件交互塊，3.數(shù)據(jù)解析塊。</p> </div></div> </div><div class="programe"><div class="work_time">8個(gè)月<br>聯(lián)想后臺(tái)研發(fā)</div><div class="work_text"><div class="triangle-left"></div><div class="exCon"><h4>開發(fā)時(shí)間：2021 /10--2022 /06</h4><h5>開發(fā)工具：IDEA,VSCode,MYSQL</h5><p>項(xiàng)目描述：</p><p>參與與客戶交流需求，參與項(xiàng)目整體開發(fā)，主要負(fù)責(zé)首頁(yè)面各方面數(shù)據(jù)綜合顯示，系統(tǒng)采用預(yù)加載，實(shí)時(shí)更新，一些頁(yè)面設(shè)計(jì)，數(shù)據(jù)庫(kù)的設(shè)計(jì)，數(shù)據(jù)測(cè)試。 </p><p>1.設(shè)備基礎(chǔ)信息 2.部門信息 3.用戶信息 4.數(shù)據(jù)報(bào)表 5.調(diào)試工具，6.數(shù)據(jù)監(jiān)測(cè)，7.系統(tǒng)配置等7個(gè)大功能塊系統(tǒng)采用角色分配，操作分配等權(quán)限，實(shí)現(xiàn)各個(gè)角色的權(quán)限功能。精確劃分各個(gè)部門的職責(zé)。</p> </div></div></div></div></div> </section> </body> <script type="text/javascript" src="js/main.js"></script> </html>

源碼下載

html簡(jiǎn)潔漂亮的個(gè)人簡(jiǎn)歷,個(gè)人主頁(yè)，個(gè)人簡(jiǎn)介網(wǎng)頁(yè)版(源碼) 點(diǎn)擊下載

???? 💞 關(guān)注博主帶你實(shí)現(xiàn)暢游前后端

???? 🏰 加入社區(qū) 帶你體驗(yàn)馬航不孤單

???? 💯 神秘個(gè)人簡(jiǎn)介帶你體驗(yàn)不一樣得介紹

???? 🎀 酷炫邀請(qǐng)函帶你體驗(yàn)高大上得邀請(qǐng)

???? ① 🉑提供云服務(wù)部署（有自己的阿里云）；
???? ② 🉑提供前端、后端、應(yīng)用程序、H5、小程序、公眾號(hào)等相關(guān)業(yè)務(wù)；
???? 如🈶合作請(qǐng)聯(lián)系我，期待您的聯(lián)系。
????注：本文撰寫于CSDN平臺(tái),作者：xcLeigh（所有權(quán)歸作者所有），https://blog.csdn.net/weixin_43151418，如果相關(guān)下載沒(méi)有跳轉(zhuǎn)，請(qǐng)查看這個(gè)地址，相關(guān)鏈接沒(méi)有跳轉(zhuǎn)，皆是抄襲本文，轉(zhuǎn)載請(qǐng)備注本文原地址。

???? 親，碼字不易，動(dòng)動(dòng)小手，歡迎 點(diǎn)贊 ? 收藏，如 🈶 問(wèn)題請(qǐng)留言（評(píng)論），博主看見(jiàn)后一定及時(shí)給您答復(fù)，及時(shí)溝通。💌💌💌

原文地址：https://blog.csdn.net/weixin_43151418/article/details/128349160（防止抄襲，原文地址不可刪除）

總結(jié)

以上是生活随笔為你收集整理的html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇： Python绘制一箭穿双心动画代码
下一篇： Fedora分区扩容以及如何修复引导