068漂亮的个人主页模板响应式html5期末大作业响应式资源-CSDN文库

共20个文件

jpg：10个

css：2个

svg：1个

版权申诉

html

181 浏览量 2023-05-31 10:44:56 上传评论 1 收藏 1.15MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

068漂亮的个人主页模板.zip （20个子文件）

jquery-3.3.1.js 276KB

img

2.jpg 57KB

6.jpg 28KB

1.jpg 51KB

slide-1.jpg 130KB

5.jpg 38KB

8.jpg 54KB

3.jpg 42KB

7.jpg 45KB

9.jpg 24KB

4.jpg 39KB

css

PersonalWebsite.css 11KB

font-awesome.min.css 30KB

index.html 9KB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html lang="en"> <head> <title>Personal Website</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/PersonalWebsite.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <script src="js/jquery-3.3.1.js"></script> </head> <body> <div id="wrapper">  <div id="header">  <div class="header_preface"> <div class="header_preface_img"></div>  <div class="preface">  <div class="preface_txt">  <h1>STREAM</h1> <p>cssmoban.com website provides a lot of free responsive templates for everyone. You can download, edit and apply this layout for any purpose. Please tell your friends about our website. Thank you.</p> </div>  </div>  </div> </div>  <div id="nav">  <div class="nav_AnchorLink">  <div class="stream"> <a href="#header">STREAM</a> </div> <div class="AnchorLink_ul"> <ul> <li><a href="#wrapper">HOME</a></li> <li><a href="#content_about">ABOUT</a></li> <li><a href="#content_gallery">GALLERY</a></li> <li><a href="#footer">CONTACT</a></li> </ul> </div> <div id="AnchorLink_bars"> <i class="fa fa-bars fa-2x"></i> </div> <div class="display_AnchorLink_ul"> <div class="display_ul"> <ul> <li><a href="#wrapper">HOME</a></li> <li><a href="#content_about">ABOUT</a></li> <li><a href="#content_gallery">GALLERY</a></li> <li><a href="#footer">CONTACT</a></li> </ul> </div> </div> </div>  </div>  <div id="content">  <div class="about_background">  <div id="content_about">  <div class="about_me">  <div class="about_me_txt"> <h3>ABOUT ME</h3> <p>LEARN MORE ABOUT ME AND MY EXPERIENCE</p> </div> <div class="about_me_icon"> <i class="fa fa-user"></i> </div> </div>  <div class="infomation">  <div class="my_photo">  <img src="img/9.jpg" alt=""> </div>  <div class="my_information">  <h3>JiSoo</h3> <span>智秀</span> <p>Pellentesque elementum, lacus sit amet hendrerit posuere, quam quam tristique nisi, nec ornare ligula magna id nisl. Donec blandit enim ac semper facilisis. Curabitur eu laoreet mauris, eget fermentum velit.</p> <ul> <li><a href="#" class="fa fa-facebook"></a></li> <li><a href="#" class="fa fa-twitter"></a></li> <li><a href="#" class="fa fa-linkedin"></a></li> <li><a href="#" class="fa fa-rss"></a></li> </ul> </div>  <div class="my_SkilLevel">  <h3>My Skills</h3> <p>Etiam ac nisi sed velit tempor facilisis. Aenean pellentesque mollis metus, non tincidunt odio maximus nec. Praesent felis ex, elementum sed lobortis.</p> <ul> <li> <span>PHP 85%</span> <div class="grade"> <div class="grades grade_php"></div> </div> </li> <li> <span>HTML5 95%</span> <div class="grade"> <div class="grades grade_html"></div> </div> </li> <li> <span>JavaScript 75%</span> <div class="grade"> <div class="grades grade_js"></div> </div> </li> </ul> </div>  </div>  </div>  </div>  <div class="gallery_background">  <div id="content_gallery">  <div class="my_gallery">  <div class="my_gallery_txt"> <h3>MY GALLERY</h3> <p>CHECK SOME OF MY LAST PROJECTS</p> </div> <div class="my_gallery_icon"> <i class="fa fa-camera"></i> </div> </div>  <div class="gallery_collection">  <div class="gallery_collection_photo"> <img src="img/1.jpg" alt=""> <div class="photo_add"> <div class="photo_add_war"> <a href="#" class="fa fa-plus"></a> </div> </div> </div> <div class="gallery_collection_photo"> <img src="img/2.jpg" alt=""> <div class="photo_add"> <div class="photo_add_war"> <a href="#" class="fa fa-plus"></a> </div> </div> </div> <div class="gallery_collection_photo"> <img src="img/3.jpg" alt=""> <div class="photo_add"> <div class="photo_add_war"> <a href="#" class="fa fa-plus"></a> </div> </div> </div> <div class="gallery_collection_photo"> <img src="img/4.jpg" alt=""> <div class="photo_add"> <div class="photo_add_war"> <a href="#" class="fa fa-plus"></a> </div> </div> </div> <div class="gallery_collection_photo"> <img src="img/5.jpg" alt=""> <div class="photo_add"> <div class="photo_add_war"> <a href="#" class="fa fa-plus"></a> </div> </div> </div> <div class="gallery_collection_photo"> <img src="img/6.jpg" alt=""> <div class="photo_add"> <div class="photo_add_war"> <a href="#" class="fa fa-plus"></a> </div> </div> </div> <div class="gallery_collection_photo"> <img src="img/7.jpg" alt=""> <div class="photo_add"> <div class="photo_add_war"> <a href="#" class="fa fa-plus"></a> </div> </div> </div> <div class="gallery_collection_photo"> <img src="img/8.jpg" alt=""> <div class="photo_add"> <div class="photo_add_war"> <a href="#" class="fa fa-plus"></a> </div> </div> </div> </div>  </div>  </div>  </div>  <div id="footer">  <div class="footer_background">  <div class="footer_contact">  <div class="contact_me">  <div class="contact_me_txt"> <h3>CONTACT ME</h3> <p>FEEL FREE TO SEND A MESSAGE</p> </div> <div class="contact_me_icon"> <i class="fa fa-envelope"></i> </div> </div>  <div class="contact_information_form">  <div class="contact_form">  <form action="#"> <input type="text" class="input name" name="name" placeholder="Name..."> <input type="text" class="input email" name="email" placeholder="Email..."> <input type="text" class="input subject" name="subject" placeholder="Subject..."> <textarea rows="6" cols="30" class="textarea message" name="message" placeholder="message..."></textarea> <input type="submit" name="submit" class="submit" value="SEND MESSAGE" /> </form> </div>  <div class="contact_infomation"> <!-- .cont

评论收藏

内容反馈

版权申诉