用什么自己做网站,杭州公司网站建设,网站要求,360免费建站连接文章目录 1.设计来源1.1 主界面1.2 关于我界面1.3 教育成就界面1.4 项目演示界面1.5 联系我界面 2.效果和源码2.1 动态效果2.2 源代码2.2 源代码目录 源码下载 作者#xff1a;xcLeigh 文章地址#xff1a;https://blog.csdn.net/weixin_43151418/article/details/131263195 … 文章目录 1.设计来源1.1 主界面1.2 关于我界面1.3 教育成就界面1.4 项目演示界面1.5 联系我界面 2.效果和源码2.1 动态效果2.2 源代码2.2 源代码目录 源码下载 作者xcLeigh 文章地址https://blog.csdn.net/weixin_43151418/article/details/131263195 html实现好看的个人介绍个人主页模板3(附源码) 第三种风格html源码下载响应式布局动态展示数据效果界面整洁布局清晰。 代码备注详细可在此基础上更加完善功能打造属于自己的个人介绍主页。 1.设计来源 上一篇个人简介 html实现好看的个人介绍个人主页模板2(附源码) 的第三种风格版总共有五个版本五种风格。
1.1 主界面 主界面以名称职称图片展示个人主信息这里以偶像杨洋示例具体相关信息可以自己配置。动态加载职称具体动态效果见下面视频介绍。兼容PC端手机端。 1.2 关于我界面 关于我界面以我的基本信息和关于我的文字描述加上成长路程。 1.3 教育成就界面 教育成就界面展示教育和培训相关信息并展示自己的工作经历。 1.4 项目演示界面 项目演示界面以做过的项目组成用图片描述。 1.5 联系我界面 联系我界面以留言发送的方式和其他联系方式构成。 2.效果和源码
2.1 动态效果 这里是完整的效果演示可在此代码基础上更加完善功能支持扩展自己的个人主页可以删减内容打造属于自己的个人介绍主页。 html实现好看的个人介绍个人主页模板3(附源码) 2.2 源代码
这里是主界面的代码其他图片、js、css等代码见下面的 源码下载 里面有所有代码资源和相关说明。
!DOCTYPE html
html langenheadmeta charsetutf-8meta contentwidthdevice-width, initial-scale1.0 nameviewporttitle杨洋 - 个人简历/titlemeta contentxcLeigh namedescriptionmeta contentxcLeigh namekeywordslink hrefimg/favicon.png reliconlink hrefvendor/bootstrap/css/bootstrap.min.css relstylesheetlink hrefvendor/bootstrap-icons/bootstrap-icons.css relstylesheetlink hrefvendor/swiper/swiper-bundle.min.css relstylesheetlink relstylesheet hreffont-awesome/4.6.1/css/font-awesome.min.csslink hrefcss/style.css relstylesheet
/head
bodyi classbi bi-list mobile-nav-toggle d-xl-none/iheader idheaderdiv classd-flex flex-columndiv classprofileimg srcimg/profile-img.jpg alt classimg-fluid rounded-circleh1 classtext-lighta hrefindex.html杨 洋/a/h1div classsocial-links mt-3 text-centera hrefhttps://blog.csdn.net/weixin_43151418/article/details/131242976 target_blank classfa fbi classfa fa-fw fa-weixin/i/aa hrefhttps://blog.csdn.net/weixin_43151418/article/details/131242976 target_blank classfa fbi classfa fa-fw fa-qq/i/aa hrefhttps://blog.csdn.net/weixin_43151418/article/details/131242976 target_blank classfa fbi classfa fa-fw fa-weibo/i/aa hrefhttps://blog.csdn.net/weixin_43151418/article/details/131242976 target_blank classfa fbi classfa fa-fw fa-chain/i/aa hrefhttps://blog.csdn.net/weixin_43151418/article/details/131242976 target_blank classfa fbi classfa fa-fw fa-github-alt/i/a/div/divnav idnavbar classnav-menu navbarullia href#hero classnav-link scrollto activei classbx bx-home/i span主页/span/a/lilia href#about classnav-link scrolltoi classbx bx-user/i span关于我/span/a/lilia href#resume classnav-link scrolltoi classbx bx-file-blank/i span教育成就/span/a/lilia href#services classnav-link scrolltoi classbx bx-server/i span项目演示/span/a/lilia href#contact classnav-link scrolltoi classbx bx-envelope/i span联系我/span/a/li/ul/nav/div/headersection idhero classd-flex flex-column justify-content-center align-items-centerdiv classhero-container data-aosfade-inh1杨 洋/h1p我是一个 span classtyped data-typed-items 软件工程师 , 技术贴专家 , 源码分享家 /span/p/div/sectionmain idmainsection idabout classaboutdiv classcontainerdiv classsection-titleh2关于我/h2pnbsp;nbsp;nbsp;nbsp;杨洋1991年9月9日出生于上海市籍贯安徽省合肥市中国内地影视男演员毕业于中国人民解放军国防大学军事文化学院2003级舞蹈系。/p/divdiv classrowdiv classcol-lg-4 data-aosfade-rightimg srcimg/profile-img.jpg classimg-fluid alt/divdiv classcol-lg-8 pt-4 pt-lg-0 content data-aosfade-lefth3个人信息/h3p classfst-italicnbsp;nbsp;nbsp;nbsp;2019年主演的青春热血励志剧《全职高手》播出 [13] 。2020年主演的国际反恐题材动作片《急先锋》上映 [14] 。2021年主演的都市爱情剧《你是我的荣耀》播出 [168] 。2022年主演的军旅剧《特战荣耀》和古装武侠言情剧《且试天下》相继播出。/pdiv classrowdiv classcol-lg-6ullii classbi bi-chevron-right/i strong姓 名:/strong span杨洋/span/lilii classbi bi-chevron-right/i strong生 日:/strong span1991年9月9日/span/lilii classbi bi-chevron-right/i strong国 籍:/strong span中国/span/lilii classbi bi-chevron-right/i strong民 族:/strong span汉族/span/lilii classbi bi-chevron-right/i strong血 型:/strong spanAB型/span/li/ul/divdiv classcol-lg-6ullii classbi bi-chevron-right/i strong身 高:/strong span180 cm/span/lilii classbi bi-chevron-right/i strong职 业:/strong span演员/span/lilii classbi bi-chevron-right/i strong籍 贯:/strong span安徽省合肥市/span/lilii classbi bi-chevron-right/i strong电 话:/strong span××××××××××/span/lilii classbi bi-chevron-right/i strong星 座:/strong span处女座/span/li/ul/div/div/div/div/div/section/maina href# classback-to-top d-flex align-items-center justify-content-centeri classbi bi-arrow-up-short/i/ascript srcvendor/bootstrap/js/bootstrap.bundle.min.js/scriptscript srcjs/main.js/script
/body/html2.2 源代码目录 源码下载
html实现好看的个人介绍个人主页模板3源码 点击下载 关注博主 带你实现畅游前后端 加入社区 带你体验马航不孤单 神秘个人简介 带你体验不一样得介绍 酷炫邀请函 带你体验高大上得邀请 ① 提供云服务部署有自己的阿里云 ② 提供前端、后端、应用程序、H5、小程序、公众号等相关业务 如合作请联系我期待您的联系。 注本文撰写于CSDN平台,作者xcLeigh所有权归作者所有https://blog.csdn.net/weixin_43151418如果相关下载没有跳转请查看这个地址相关链接没有跳转皆是抄袭本文转载请备注本文原地址。 亲码字不易动动小手欢迎 点赞 ➕ 收藏如 问题请留言评论博主看见后一定及时给您答复 原文地址https://blog.csdn.net/weixin_43151418/article/details/131263195防止抄袭原文地址不可删除
