杭州旅游网站的设计与实现资源-CSDN文库

共61个文件

jpg：25个

css：8个

js：7个

html

需积分: 3 138 浏览量 2023-04-27 15:54:17 上传评论 1 收藏 2.95MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

杭州旅游网站的实现.zip （61个子文件）

杭州

main.js 3KB

vendor

bootstrap.js 66KB

npm.js 484B

bootstrap.min.js 35KB

jquery-1.11.2.min.js 94KB

modernizr-2.8.3-respond-1.4.2.min.js 20KB

plugins.js 192KB

img

timg03.jpg 50KB

blog_1.jpg 105KB

slide_1.jpg 395KB

blog_7.jpg 103KB

blog_10.jpg 85KB

prev.png 1KB

featured_4.jpg 51KB

blog_6.jpg 117KB

timg02.jpg 46KB

loading.gif 8KB

featured_1.jpg 104KB

blog_4.jpg 78KB

blog_12.jpg 77KB

featured_2.jpg 34KB

next.png 1KB

timg01.jpg 21KB

featured_6.jpg 91KB

blog_8.jpg 101KB

featured_3.jpg 73KB

timg05.jpg 32KB

blog_11.jpg 70KB

close.png 280B

blog_9.jpg 86KB

blog_3.jpg 87KB

blog_5.jpg 124KB

timg04.jpg 134KB

blog_2.jpg 107KB

featured_5.jpg 94KB

首页.jpg 45KB

css

bootstrap.min.css 111KB

bootstrap-theme.css.map 42KB

bootstrap-theme.css 22KB

light-box.css 4KB

bootstrap.css.map 358KB

owl-carousel.css 4KB

fontAwesome.css 39KB

bootstrap.css 134KB

bootstrap-theme.min.css 19KB

templatemo-style.css 19KB

fonts

flexslider-icon.woff 1KB

flexslider-icon.eot 2KB

flexslider-icon.ttf 2KB

flexslider-icon.svg 2KB

诗画杭州.html 37KB

fonts

FontAwesome.otf 132KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>杭州旅游</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" href="apple-touch-icon.png"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-theme.min.css"> <link rel="stylesheet" href="css/fontAwesome.css"> <link rel="stylesheet" href="css/light-box.css"> <link rel="stylesheet" href="css/owl-carousel.css"> <link rel="stylesheet" href="css/templatemo-style.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet"> <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> </head> <body> <header class="nav-down responsive-nav hidden-lg hidden-md"> <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  <div id="main-nav" class="collapse navbar-collapse"> <nav> <ul class="nav navbar-nav"> <li><a href="#top">首页</a></li> <li><a href="#featured">杭州简介</a></li> <li><a href="#projects">著名景点 Projects</a></li> <li><a href="#video">人文艺术</a></li> <li><a href="#blog">美食指南</a></li> <li><a href="#contact">杭州历史</a></li> </ul> </nav> </div> </header> <div class="sidebar-navigation hidde-sm hidden-xs"> <div class="logo"> <a href="#">杭<em>州</em></a> </div> <nav> <ul> <li> <a href="#top"> <span class="rect"></span> <span class="circle"></span> 首页 </a> </li> <li> <a href="#featured"> <span class="rect"></span> <span class="circle"></span> 杭州简介 </a> </li> <li> <a href="#projects"> <span class="rect"></span> <span class="circle"></span> 著名景点 </a> </li> <li> <a href="#video"> <span class="rect"></span> <span class="circle"></span> 人文艺术 </a> </li> <li> <a href="#blog"> <span class="rect"></span> <span class="circle"></span> 美食指南 </a> </li> <li> <a href="#contact"> <span class="rect"></span> <span class="circle"></span> 游客建议 </a> </li> </ul> </nav> <ul class="social-icons"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> <li><a href="#"><i class="fa fa-rss"></i></a></li> <li><a href="#"><i class="fa fa-behance"></i></a></li> </ul> </div> <div class="slider"> <div class="Modern-Slider content-section" id="top">  <div class="img-fill"> <div class="image"> <img src="img/slide_1.jpg" alt=""> </div> <div class="info"> <div> <h1>生活在杭州 <br>诗意在心头</h1> <p>最忆是杭州<br> 让我们一同走进这“天空之城”</p> <div class="white-button button"> <a href="#featured">了解详情</a> </div> </div> </div> </div> </div> </div> </div> <div class="page-content"> <section id="featured" class="content-section"> <div class="section-heading"> <h1>杭州<br><em>简介</em></h1> <p>杭州是中国新一线城市的热门人选， <br>这座城市也因此聚集了大量外来人口</p> </div> <div class="section-content"> <div class="owl-carousel owl-theme"> <div class="item"> <div class="image"> <img src="img/featured_1.jpg" alt=""> <div class="featured-button button"> <a href="#projects">继续阅读</a> </div> </div> <div class="text-content"> <h4>基本介绍</h4> <span>浙江省省会、副省级市</span> <p>杭州，简称“杭”，古称临安、钱塘，是浙江省省会、副省级市、杭州都市圈核心城市，国务院批复确定的浙江省省会和全省经济、文化、科教中心、长江三角洲中心城市之一</p> </div> </div> <div class="item"> <div class="image"> <img src="img/featured_2.jpg" alt=""> <div class="featured-button button"> <a href="#projects">继续阅读</a> </div> </div> <div class="text-content"> <h4>地理位置</h4> <span>地处浙江北部</span> <p>杭州位于中国华东地区、东南沿海、浙江省北部、钱塘江下游、京杭大运河南端，是环杭州湾大湾区核心城市、沪嘉杭G60科创走廊中心城市、国际重要的电子商务中心</p> </div> </div> <div class="item"> <div class="image"> <img src="img/featured_4.jpg" alt=""> <div class="featured-button button"> <a href="#projects">继续阅读</a> </div> </div>

评论收藏

内容反馈