这是一个个人网站首页来自github大神
资源内容介绍
这是一个学习html，css，js的个人网站首页，十分的精美 <!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" type="image/png" href="./images/favicon.ico" /> <title>个人主页22115609吴阳阳</title> <meta name="keywords" content="Your name, description, keywords" /> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="./css/index.css"> <style> .intr-list { font-size: large; font-weight: 800; color: black; } li { list-style: none; } </style></head><body> <header class="header" role="banner" id="top" style="background-image: url(./background/aaron-sebastian-bfgEYpS0Znk-unsplash.jpg);"> <nav class="nav" role="navigation"> <ul class="nav__items"> <li class="nav__item"><a href="#work" class="nav__link">技能</a></li> <li class="nav__item"><a href="#about" class="nav__link">关于我</a></li> <li class="nav__item"><a href="#contact" class="nav__link">联系我</a></li> </ul> </nav> <div class="header__text-box" > <img src="./images/github_selfie.jpeg" alt="头像" style="max-width: 200px; border-radius: 50%; margin-bottom: 20px;"> <h1 style="color: black;">wyy</h1> <p style="font-size: large;">计算机科学 & 后端开发</p> <p style="font-size: large;">编程 / 阅读 / 游戏 / 运动</p> <a href="#contact" class="btn btn--blue">联系我</a> <div class="social-media-bar"> <a href="https://github.com" target="_blank" class="social-icon"> <img src="./images/github.svg" alt="Github"> </a> <a href="https://qq.com" target="_blank" class="social-icon"> <img src="./images/qq.jpg" alt="QQ"> </a> <a href="https://space.bilibili.com/552605602" target="_blank" class="social-icon"> <img src="./images/bilibili.png" alt="BiliBili"> </a> </div> </div> </header> <main role="main"> <section class="work" id="work"> <h2>技能</h2> <ul class="intr-list"> <li><p>熟练使用c语音</p></li> <li><p>熟练使用java语音</p></li> <li><p>熟练使用结构化查询语音</p></li> <li><p>是嵌入式高高手</p></li> </ul> </section> <section class="work" id="about"> <h2>关于我</h2> <ul class="intr-list"> <li><p>是嵌入式高高手</p></li> <li><p>喜欢运动，旅行，摄影</p></li> <li><p>热情开朗，乐于助人</p></li> </ul> </section> <section class="work" id="contact"> <h2>联系我</h2> <ul class="intr-list"> <li><p>QQ:3339198898@qq.com</p></li> <li><p>WV:qwe13000057856</p></li> <li>bilibili:<a href="https://space.bilibili.com/552605602" target="_blank" style="color: black;">我的bilibili</a></li> </ul> </section> </main> <footer role="contentinfo" class="footer"> <p> © 2024 - by ahau wyy </p> </footer> <a href="#top" class="back-to-top" title="Back to Top"> <img src="./images/arrow-up.svg" alt="Back to Top"/> </a> <script src="./js/index.js"></script></body></html>