基于HTML+CSS+JS开发的网站-品牌设计师个人网站模板.7z资源-CSDN文库

共95个文件

jpg：18个

html：17个

woff：13个

HTML

源码

web

JavaScript

需积分: 5 130 浏览量 2024-07-10 14:33:31 上传评论收藏 2.79MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML+CSS+JS开发的网站-品牌设计师个人网站模板.7z （95个子文件）

[web前端]&[课程设计]&[网站源码]-品牌设计师个人网站模板

html

style.css 48KB

single-post.html 9KB

styles.html 24KB

icomoon

icomoon.css 1KB

selection.json 9KB

fonts

icomoon.woff 3KB

icomoon.svg 7KB

icomoon.eot 3KB

icomoon.ttf 3KB

modernizr.js 15KB

jquery-1.11.0.min.js 94KB

plugins.js 166KB

script.js 2KB

css

normalize.css 6KB

ajax-loader.gif 4KB

vendor.css 40KB

index.html 14KB

contact.html 7KB

images

insta-item.jpg 31KB

postimg3.jpg 48KB

portfolio3.jpg 89KB

insta-item4.jpg 16KB

insta-item2.jpg 22KB

post-large-item2.jpg 162KB

portfolio2.jpg 156KB

review-bg.jpg 144KB

postimg2.jpg 120KB

chocolat

left.png 1KB

close.png 1KB

right.png 1KB

fullscreen-black.png 658B

loader.gif 3KB

fullscreen.png 663B

main-banner.jpg 339KB

spotify.png 14KB

itunes.png 10KB

insta-item1.jpg 23KB

portfolio5.jpg 110KB

reviewer.png 6KB

post-large-item1.jpg 168KB

insta-item3.jpg 28KB

postimg1.jpg 98KB

portfolio1.jpg 160KB

portfolio4.jpg 81KB

portfolio6.jpg 147KB

blog.html 8KB

fonts

futura_medium_bt-webfont.ttf 43KB

futura_light_italic_font-webfont.woff2 19KB

futura_light_italic_font-demo.html 38KB

futura_heavy_font-webfont.woff 24KB

fonts.css 4KB

futura_heavy_italic_font-webfont.woff2 20KB

futura_book_font-demo.html 38KB

futura_light_font-webfont.woff2 18KB

futura_light_italic_font-webfont.woff 26KB

futura_medium_condensed_bt-webfont.woff2 18KB

futura_extra_black_font-demo.html 38KB

futura_book_font-webfont.ttf 42KB

futura_medium_bt-webfont.woff 24KB

futura_medium_condensed_bt-demo.html 38KB

futura_bold_italic_font-webfont.ttf 49KB

futura_extra_black_font-webfont.woff 23KB

futura_light_bt-demo.html 38KB

futura_heavy_italic_font-webfont.woff 27KB

futura_medium_condensed_bt-webfont.ttf 42KB

futura_book_font-webfont.woff2 18KB

futura_bold_font-webfont.woff2 18KB

futura_heavy_font-webfont.woff2 18KB

futura_bold_font-demo.html 38KB

futura_medium_bt-webfont.woff2 18KB

futura_light_italic_font-webfont.ttf 50KB

futura_bold_font-webfont.ttf 44KB

futura_heavy_font-demo.html 38KB

futura_bold_italic_font-demo.html 38KB

futura_bold_italic_font-webfont.woff 26KB

futura_book_font-webfont.woff 24KB

futura_light_bt-webfont.ttf 42KB

futura_medium_bt-demo.html 38KB

futura_heavy_font-webfont.ttf 43KB

futura_bold_italic_font-webfont.woff2 20KB

futura_heavy_italic_font-webfont.ttf 49KB

futura_book_italic_font-demo.html 38KB

futura_extra_black_font-webfont.woff2 17KB

futura_book_italic_font-webfont.woff 26KB

futura_medium_condensed_bt-webfont.woff 23KB

futura_bold_font-webfont.woff 24KB

futura_light_bt-webfont.woff 23KB

futura_book_italic_font-webfont.ttf 49KB

futura_light_font-demo.html 38KB

futura_extra_black_font-webfont.ttf 42KB

futura_book_italic_font-webfont.woff2 20KB

futura_light_bt-webfont.woff2 18KB

futura_light_font-webfont.woff 23KB

futura_light_font-webfont.ttf 42KB

futura_heavy_italic_font-demo.html 38KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> (function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;} if(typeof param.defaultContent=="number") {var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;} $(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();} function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none") {$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}} $(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery); </script> <link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" /> <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> <style type="text/css"> body{ font-family: 'futura'; } </style> <title>Futura XBlk BT Extra Black Specimen</title> <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $('#container').easyTabs({defaultContent:1}); }); </script> </head> <body> <div id="container"> <div id="header"> Futura XBlk BT Extra Black </div> <ul class="tabs"> <li><a href="#specimen">Specimen</a></li> <li><a href="#layout">Sample Layout</a></li> <li><a href="#glyphs">Glyphs & Languages</a></li> <li><a href="#installing">Installing Webfonts</a></li> </ul> <div id="main_content"> <div id="specimen"> <div class="section"> <div class="grid12 firstcol"> <div class="huge">AaBb</div> </div> </div> <div class="section"> <div class="glyph_range">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890&.,?!@()#$%*+-=:;</div> </div> <div class="section"> <div class="grid12 firstcol"> <table class="sample_table"> <tr><td>10</td><td class="size10">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>11</td><td class="size11">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>12</td><td class="size12">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>13</td><td class="size13">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>14</td><td class="size14">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>16</td><td class="size16">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>18</td><td class="size18">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>20</td><td class="size20">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>24</td><td class="size24">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>30</td><td class="size30">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>36</td><td class="size36">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>48</td><td class="size48">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>60</td><td class="size60">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>72</td><td class="size72">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> <tr><td>90</td><td class="size90">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr> </table> </div> </div> <div class="section" id="bodycomparison"> <div id="xheight"> <div class="fontbody">◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body</div><div class="arialbody">body</div><div class="verdanabody">body</div><div class="georgiabody">body</div></div> <div class="fontbody" style="z-index:1"> body<span>Futura XBlk BT Extra Black</span> </div> <div class="arialbody" style="z-index:1"> body<span>Arial</span> </div> <div class="verdanabody" style="z-index:1"> body<span>Verdana</span> </div> <div class="georgiabody" style="z-index:1"> body<span>Georgia</span> </div> </div> <div class="section psample psample_row1" id=""> <div class="grid2 firstcol"> <p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum ma

评论收藏

内容反馈