【免费】黑色质感迷你单页网页模板_黑色质感迷你单页幻灯切换个人简历滑动.rar资源-CSDN文库

共50个文件

jpg：24个

png：17个

js：6个

需积分: 0 95 浏览量 2023-09-11 08:42:20 上传评论收藏 685KB RAR 举报

标题“黑色质感迷你单页网页模板_黑色质感迷你单页幻灯切换个人简历滑动.rar”指的是一个专门设计用于创建简洁、具有黑色质感的单页面网站的模板。这个模板特别适用于那些希望用一种吸引人且专业的方式来展示自己个人简历或作品集的用户。通过幻灯切换效果，用户可以轻松浏览和滚动页面上的不同内容板块，增强用户体验。描述中的“html”表明这个模板基于HTML（超文本标记语言），这是一种用于构建和维护网页的标准标记语言。HTML允许开发者使用一系列预定义的标签来结构化和格式化网页内容，如文本、图片、链接等。在本模板中，HTML将负责组织页面的基本结构和内容。标签“html 毕业论文”暗示这个模板可能特别适合毕业生用来创建他们的毕业论文展示网站。使用这样的模板，学生可以快速构建一个专业且具有视觉吸引力的在线平台，以展示他们的研究项目、成果和个人背景。压缩包内的文件包括： 1. templatemo_style.css：这是模板的样式表文件，用于定义HTML元素的样式，如字体、颜色、布局和空间。CSS（层叠样式表）是Web开发中的一个重要部分，它让开发者能够分离内容和表现，使网站设计更加灵活和易于维护。 2. coda-slider.css：这是一个特殊的CSS文件，用于实现Coda Slider效果。Coda Slider是一种JavaScript插件，它可以将多个独立的HTML面板（如图片或文字）组合成一个可滑动的单元，常用于创建幻灯片或内容切换效果。 3. index.html：这是主HTML文件，包含网站的整个结构和内容。在这个模板中，它可能包含了简历的各个部分，如个人信息、教育背景、工作经验、技能和作品展示等。 4. image_*.jpg：这些是图像文件，用于美化和增强网站的视觉效果。可能代表了简历中的个人照片、项目截图或其他相关图形。 5. templatemo_main.jpg：这可能是模板的主背景图或示例图像，用于展示模板的整体外观和设计风格。这个压缩包提供了一个完整的HTML单页简历模板，结合了黑色质感设计和幻灯切换功能，适用于需要在线展示个人简历的用户，尤其是毕业生。通过编辑index.html和相关CSS文件，用户可以根据自己的需求自定义模板，轻松创建个性化的在线简历。

资源推荐

资源详情

资源评论

收起资源包目录

黑色质感迷你单页网页模板_黑色质感迷你单页幻灯切换个人简历滑动.rar （50个子文件）

jquery.serialScroll-1.2.1.js 7KB

templatemo_gallery.png 579B

image_03_l.jpg 85KB

myspace.png 3KB

onebit_11.png 4KB

templatemo_image_02.jpg 6KB

onebit_12.png 3KB

jquery.localscroll-1.2.5.js 4KB

onebit_19.png 4KB

image_04_l.jpg 93KB

jquery-1.2.6.js 101KB

templatemo_services.jpg 315B

templatemo_logo.jpg 8KB

templatemo_gallery.jpg 318B

templatemo_aboutus.png 674B

image_06.jpg 7KB

flickr.png 3KB

image_05_l.jpg 91KB

onebit_08.png 4KB

coda-slider.css 2KB

onebit_21.png 4KB

image_05.jpg 5KB

jquery.scrollTo-1.3.3.js 6KB

image_02_l.jpg 101KB

image_03.jpg 7KB

image_02.jpg 7KB

twitter.png 3KB

coda-slider.js 4KB

templatemo_main.jpg 14KB

youtube.png 4KB

templatemo_body.jpg 317B

facebook.png 3KB

image_06_l.jpg 103KB

index.html 11KB

image_04.jpg 7KB

templatemo_sidebar.jpg 4KB

templatemo_aboutus.jpg 318B

image_01_l.jpg 94KB

onebit_17.png 4KB

templatemo_services.png 671B

image_01.jpg 6KB

templatemo_contactus.png 1KB

jquery.easing.1.3.js 8KB

templatemo_home.jpg 1KB

templatemo_divider.jpg 307B

templatemo_list.png 256B

templatemo_style.css 5KB

templatemo_content.png 3KB

templatemo_menu_divider.jpg 307B

templatemo_image_01.jpg 12KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Vertical Theme, Free CSS Template</title> <meta name="keywords" content="vertical theme, free css template" /> <meta name="description" content="Vertical Theme, Free CSS Template from www.moobnn.com" /> <link href="css/templatemo_style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/coda-slider.css" type="text/css" charset="utf-8" /> <script src="js/jquery-1.2.6.js" type="text/javascript"></script> <script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script> <script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script> <script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="slider"> <div id="templatemo_wrapper"> <div id="templatemo_sidebar"> <a class="home" href="#home"></a> <div id="menu"> <ul class="navigation"> <li><a href="#about" class="selected"><img src="images/templatemo_aboutus.png" alt="About Us" /></a></li> <li><a href="#services"><img src="images/templatemo_services.png" alt="Services" /></a></li> <li><a href="#gallery"><img src="images/templatemo_gallery.png" alt="Gallery" /></a></li> <li><a href="#contact"><img src="images/templatemo_contactus.png" alt="Contact" /></a></li> </ul> </div> </div>  <div id="content"> <div id="header"> <h1><a href="#">Free CSS Templates</a></h1> <div id="social_box"> <a href="http://www.facebook.com/templatemo"><img src="images/facebook.png" alt="facebook" /></a> <a href="#"><img src="images/flickr.png" alt="flickr" /></a> <a href="#"><img src="images/myspace.png" alt="myspace" /></a> <a href="#"><img src="images/twitter.png" alt="twitter" /></a> <a href="#"><img src="images/youtube.png" alt="youtube" /></a> </div> </div> <div class="scroll"> <div class="scrollContainer"> <div class="panel" id="home"> <h2>Welcome to Vertical Theme</h2> <div class="col_400 float_l"> <p><em>Nullam at erat ipsum, quis tincidunt mauris. Nunc sit amet sapien eget eros iaculis hendrerit quis a enim.</em></p> <img src="images/templatemo_image_01.jpg" alt="Image 01" class="image_wrapper" /> <p>Vertical Template is a free css template from <a href="http://www.moobnn.com" target="_parent" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络淘宝店</a>. Feel free to download, edit and apply this template for your websites. Credits go to <a target="_blank" href="#">Free Photos</a>, <a target="_blank" href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249">Aquaticus social icons</a> and <a target="_blank" href="http://www.icojoy.com/">Icojoy icons</a>. Morbi rutrum euismod elit, nec adipiscing ante sodales.</p> </div> <div class="col_280 float_r"> <h3>Our Services</h3> <ul class="service_list"> <li><a href="#" class="service_one">Morbi luctus vitae cursus</a></li> <li><a href="#" class="service_two">Pellentesq tris senectus</a></li> <li><a href="#" class="service_three">Duis at commodo molestie</a></li> <li><a href="#" class="service_four">In aliquet in libero</a></li> <li><a href="#" class="service_five">Maecenas ut pretium</a></li> </ul> </div> </div> <div class="panel" id="about"> <h2>About Us</h2> <div class="col_400 float_l"> <img src="images/templatemo_image_02.jpg" alt="Image 02" class="image_wrapper image_fl" /> <p><em>Curabitur imperdiet eros eu leo consequat vitae mollis augue semper.</em></p> <p>Mauris quis velit tellus. Vestibulum tincidunt diam arcu, vitae porttitor est. Aenean bibendum mattis <a href="#">libero ut aliquam</a>. Praesent in nulla at augue euismod luctus. Donec et magna turpis, a pellentesque urna. Suspendisse potenti.</p> <p>Duis congue pellentesque risus eget tincidunt. Morbi blandit pellentesque velit, ut gravida nisi porta a. Suspendisse hendrerit rutrum erat, <a href="#">vitae varius sem</a> vestibulum eu. Proin mi nibh, semper lobortis bibendum et, fermentum eu enim. Aenean nec felis risus. Donec a iaculis est. Proin ut posuere justo. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p> </div> <div class="col_280 float_r"> <h3>Testimonial</h3> <blockquote> <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula, quis viverra tellus nulla a odio. Curabitur vitae enim risus, at placerat turpis. Mauris feugiat suscipit tempus fringilla, felis in velit.</p> <cite>George - <span>Senior Webmaster</span></cite> </blockquote> </div> </div>  <div class="panel" id="services"> <h2>Our Services</h2> <div class="col_400 float_l"> <h3>Service Overview</h3> <img src="images/templatemo_image_02.jpg" alt="Image 02" class="image_wrapper image_fr" /> <p><em>Nam at arcu libero, ut venenatis elit. Nulla eget risus turpis, non aliquet dui.</em></p> <p>Donec fringilla egestas ante, vel <a href="#">euismod</a> mi venenatis et. Ut molestie porta urna, vitae tempor tellus mollis at. Proin tincidunt luctus ipsum, quis volutpat neque iaculis sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin a neque et <a href="#">felis suscipit</a> scelerisque a eget enim. Maecenas sodales vestibulum auctor. Donec leo urna, varius eget commodo non, pretium eu ligula.</p> </div> <div class="col_280 float_r"> <h3>Service Lists</h3> <ul class="service_list"> <li><a href="#" class="service_one">Morbi luctus cursus tincidunt</a></li> <li><a href="#" class="service_two">Pellentesque tristique senectus</a></li> <li><a href="#" class="service_three">Duis at sapien ut</a></li> <li><a href="#" class="service_four">In aliquet blandit iaculis</a></li> <li><a href="#" class="service_five">Maecenas posuere fringilla</a></li> </ul> </div> </div>  <div class="panel" id="gallery"> <h2>Our G

评论收藏

内容反馈