H1016_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN下载

共278个文件

png：145个

html：46个

jpg：29个

网站模板

html模板

122 浏览量 2023-08-02 16:00:30 上传评论收藏 7.12MB ZIP 举报

标题中的“H1016_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip”表明这是一个HTML源码压缩包，主要用于构建适应于手机和电脑的自适应网站。这个源码可能包含了一套完整的前端框架或者模板，其中“H5”指的是HTML5，这是最新的超文本标记语言标准，增强了网页的交互性和多媒体支持。而“自适应响应式”则意味着这套源码可以根据用户设备的屏幕尺寸进行自动调整，提供良好的跨平台浏览体验。在描述中，“H1016_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip”与标题内容一致，进一步强调了这个资源是针对移动端和桌面端的前端开发，且基于HTML5技术，具备响应式设计。标签“网站模板”和“html模板”揭示了这个压缩包的用途。网站模板是指预先设计好的网页布局和样式，开发者可以快速应用这些模板来创建网站，节省时间并保持一致性。HTML模板则是这种模板的一种形式，它包含HTML结构和相应的CSS（层叠样式表）以及可能的JavaScript代码，用于定义页面的外观和行为。在文件名称列表中，只有一个条目“H1016”。这可能是该源码包的主目录名或者是某个关键文件名，具体的内容需要解压后查看。通常，这样的压缩包会包含HTML文件、CSS文件、JavaScript文件以及其他可能的图片、字体等资源文件，它们共同构成了一个完整的网站结构。这个压缩包提供了一套基于HTML5的自适应网站模板，适用于手机和电脑，方便开发者快速构建响应式的多平台网站。在实际应用中，开发者需要根据自己的需求对模板进行定制，包括修改HTML内容、调整CSS样式、添加或修改JavaScript功能等。同时，为了确保网站的兼容性和性能，开发者还需要考虑不同浏览器的特性，并进行适当的测试。对于初学者来说，这是一个学习HTML5和响应式设计的好资源，而对于专业开发者，这则是一个提高工作效率的工具。

资源推荐

资源详情

资源评论

收起资源包目录

H1016_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （278个子文件）

bootstrap.css 82KB

main.css 29KB

prettyPhoto.css 19KB

bootstrap-responsive.css 11KB

skin.css 3KB

skin.css 2KB

nivo-slider.css 2KB

default.css 2KB

turquoise.css 1KB

purple.css 1KB

orange.css 1KB

yellow.css 1KB

blue.css 1KB

grey.css 1KB

green.css 1KB

red.css 1KB

layerslider.css 1KB

prettify.css 815B

ie.css 666B

skin.css 318B

Thumbs.db 10KB

spinner-trans.gif 9KB

spinner-slider.gif 7KB

loader.gif 6KB

spinner.gif 5KB

loader.gif 2KB

loading.gif 2KB

default_thumbnail.gif 227B

index.html 43KB

index-2.html 36KB

blog.html 30KB

elements.html 30KB

blog-single.html 21KB

sitemap.html 20KB

portfolio-6columns.html 18KB

portfolio-2columns.html 18KB

portfolio-3columns.html 18KB

portfolio-4columns.html 18KB

typography.html 14KB

contact.html 12KB

full-width.html 12KB

portfolio-slider.html 11KB

portfolio-video.html 11KB

portfolio-single.html 11KB

404.html 10KB

index.html 2KB

index.html 1KB

index.html 955B

index.html 927B

index.html 898B

index.html 896B

index.html 894B

index.html 876B

index.html 833B

index.html 831B

index.html 822B

index.html 744B

index.html 716B

index.html 700B

index.html 652B

index.html 648B

index.html 646B

index.html 644B

index.html 640B

index.html 634B

index.html 624B

index.html 597B

index.html 593B

index.html 581B

index.html 579B

p3-full.jpg 75KB

p6-full.jpg 56KB

p3-full1-740x400.jpg 56KB

p7-full.jpg 55KB

texture-dark.jpg 48KB

p2-full.jpg 48KB

p1-full.jpg 48KB

5.jpg 46KB

big.jpg 45KB

4.jpg 39KB

p6-full-740x400.jpg 31KB

6.jpg 31KB

p7-full-740x400.jpg 30KB

p1-full-740x400.jpg 28KB

p2-full-740x400.jpg 27KB

共 278 条

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta charset="UTF-8" /> <title>AWES HTML5 Template | Responsive Portfolio Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <link rel="shortcut icon" href="./img/ico/favicon.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/ico/apple-touch-icon-144-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./img/ico/apple-touch-icon-114-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/ico/apple-touch-icon-72-precomposed.png" /> <link rel="apple-touch-icon-precomposed" href="./img/ico/apple-touch-icon-57-precomposed.png" /> <link href='http//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' /> <style> h1, h2, h3, h4, h5, h6, #menu a {font-family:Open Sans !important;} </style> <link rel='stylesheet' id='layerslider_css-css' href='./assets/LayerSlider/css/layerslider.css' type='text/css' media='all' /> <link rel='stylesheet' id='opensans-css' href='http//fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C300italic%2C400italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic&ver=3.4.1' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrap-css' href='./css/bootstrap.css' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrapresponsive-css' href='./css/bootstrap-responsive.css' type='text/css' media='all' /> <link rel='stylesheet' id='main-css' href='./css/main.css' type='text/css' media='all' /> <link rel='stylesheet' id='googleprettify-css' href='./assets/google-code-prettify/prettify.css' type='text/css' media='all' /> <link rel='stylesheet' id='nivoslider-css' href='./assets/nivo/nivo-slider.css' type='text/css' media='all' /> <link rel='stylesheet' id='prettyphoto-css' href='./css/prettyPhoto.css' type='text/css' media='all' /> <script type='text/javascript' src='./js/jquery-1.7.1.min.js'></script> <script type='text/javascript' src='./assets/LayerSlider/js/layerslider.kreaturamedia.jquery.js'></script> <script type='text/javascript' src='./assets/LayerSlider/js/jquery-easing-1.3.js'></script> <script type='text/javascript' src='./js/bootstrap.min.js'></script> <script type='text/javascript' src='./js/application.js'></script> <script type='text/javascript' src='./js/superfish-menu/superfish.js'></script> <script type='text/javascript' src='./js/jquery.nivo.slider.pack.js'></script> <script type='text/javascript' src='./js/jquery.prettyPhoto.js'></script> <script type='text/javascript' src='./js/slides.min.jquery.js'></script> <script type='text/javascript' src='./js/jquery.isotope.min.js'></script> <script type='text/javascript' src='./js/testimonialrotator.js'></script> <script type='text/javascript' src='./js/jquery.waitforimages.js'></script> <script type='text/javascript' src='./js/jquery.preloader.js'></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#layerslider").layerSlider({ autoStart : true, pauseOnHover : true, firstLayer : 1, animateFirstLayer : true, twoWaySlideshow : true, keybNav : true, touchNav : true, imgPreload : true, navPrevNext : true, navStartStop : false, navButtons : false, skin : 'defaultskin', skinsPath : 'assets/LayerSlider/skins/', globalBGColor : 'white', yourLogo : false, yourLogoStyle : 'position: absolute; left: 10px; top: 10px; z-index: 99;', yourLogoLink : false, yourLogoTarget : '_self', loops : 0, forceLoopNum : true, autoPlayVideos : false, autoPauseSlideshow : 'auto', youtubePreview : 'hqdefault.jpg', cbInit : function() { }, cbStart : function() { }, cbStop : function() { }, cbPause : function() { }, cbAnimStart : function() { }, cbAnimStop : function() { }, cbPrev : function() { }, cbNext : function() { } }); }); </script> <link class="skin" href="./styles/green.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body>  <div id="TopContentInset"> <div class="top_line"> <div class="container"> <div class="row"> <div class="span6"> <p class="feed">AWES is a responsive template for showing your work and everyone in the world.</p> </div> <div class="span6 soc_icons"> <a target="_blank" href="#"><div class="icon_rss"></div></a><a target="_blank" href="#"><div class="icon_dribbble"></div></a><a target="_blank" href="#"><div class="icon_forrst"></div></a><a target="_blank" href="#"><div class="icon_lastfm"></div></a><a target="_blank" href="#"><div class="icon_vimeo"></div></a><a target="_blank" href="#"><div class="icon_youtube"></div></a><a target="_blank" href="#"><div class="icon_pinterest"></div></a><a target="_blank" href="#"><div class="icon_linkedin"></div></a><a target="_blank" href="#"><div class="icon_skype"></div></a><a target="_blank" href="#"><div class="icon_flickr"></div></a><a target="_blank" href="#"><div class="icon_picasa"></div></a><a target="_blank" href="#"><div class="icon_google"></div></a><a target="_blank" href="#"><div class="icon_t"></div></a><a target="_blank" href="#"><div class="icon_facebook"></div></a> </div> </div> </div> </div></div> <div id="TopTrigger">+</div>  <div class="page_head"> <div class="container"> <div class="row"> <div class="span4"> <div class="logo"> <a href="./index.html"><img src="./img/logo.png" alt="AWES" title="Responsive HTML5 Template" /></a> </div> </div> <div class="span8"> <nav> <div class="menu-right-bg"></div> <div class="menu-bg"> <ul id="menu"> <li><a href="./index.html">Home +</a> <ul> <li><a href="./index-2.html">Home Without Slider</a></li> </ul> </li> <li><a href="./portfolio-4columns.html">Portfolio +</a> <ul> <li><a href="#">Portfolio Types</a> <ul> <li><a href="./portfolio-slider.html">Portfolio With Slider</a></li> <li><a href="./portfolio-video.html">Portfolio With Video</a></li> <li><a href="./portfolio-single.html">Portfolio With Image</a></li> </ul> </li> <li><a href="./portfolio-6columns.html">Portfolio 6 Columns</a></li> <li><a href="./portfolio-4columns.html">Portfolio 4 Columns</a></li> <li><a href="./portfolio-3columns.html">Portfolio 3 Columns</a></li> <li><a href="./portfolio-2columns.html">Portfolio 2 Columns</a></li> </ul> </li> <li><a href="./blog.html">Blog</a></li> <li><a href="./elements.html">Features +</a> <ul> <li><a href="./elements.html">Template Elements</a></li> <li><a href="./typography.html">Typography</a></li> <li><a href="./full-width.html">Full Width Page</a></li> <li><a href="./sitemap.html">Sitemap</a></li> <li><a href="./404.html">404 Page</a></li> </ul> </li> <li><a href="./contact.html">Contact</a></li> <li><a target="_blank" href="#">Purchase Now</a></li> </ul> </div><div class

评论收藏

内容反馈