流浪者旅游动态响应式网站模板.7z资源-CSDN文库

共61个文件

jpg：26个

js：8个

css：7个

网站源码

HTML

web前端

JavaScript

需积分: 5 177 浏览量 2024-06-20 08:54:30 上传评论收藏 1.91MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

流浪者旅游动态响应式网站模板.7z （61个子文件）

流浪者旅游动态响应式网站模板

html

typo.html 24KB

bootstrap.js 112KB

mislider.js 41KB

SmoothScroll.min.js 13KB

jquery.chocolat.js 10KB

jquery-2.2.3.min.js 84KB

easing.js 5KB

move-top.js 1KB

counter.js 3KB

webfonts

fa-brands-400.woff 62KB

fa-solid-900.woff 48KB

fa-solid-900.eot 100KB

fa-solid-900.ttf 100KB

fa-brands-400.woff2 53KB

fa-regular-400.woff2 12KB

fa-regular-400.eot 30KB

fa-regular-400.woff 14KB

fa-regular-400.ttf 30KB

fa-solid-900.woff2 38KB

css

hover.css 1KB

style.css 22KB

mislider.css 3KB

mislider-custom.css 2KB

bootstrap.css 174KB

fontawesome-all.min.css 35KB

chocolat.css 2KB

services.html 14KB

index.html 23KB

contact.html 12KB

about.html 15KB

images

g3.jpg 70KB

te5.jpg 34KB

g2.jpg 83KB

2.jpg 62KB

te6.jpg 34KB

te2.jpg 30KB

g8.jpg 70KB

1.jpg 76KB

t3.jpg 45KB

bg1.jpg 258KB

p4.jpg 52KB

g7.jpg 69KB

left.png 1KB

te4.jpg 31KB

g6.jpg 74KB

t1.jpg 56KB

bg.jpg 170KB

move-top.png 3KB

g5.jpg 61KB

te1.jpg 26KB

close.png 295B

t2.jpg 53KB

right.png 1KB

p2.jpg 52KB

g4.jpg 53KB

p3.jpg 39KB

te3.jpg 38KB

g1.jpg 64KB

g9.jpg 48KB

p1.jpg 51KB

gallery.html 13KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>Vagabond a Travel Category Flat Bootstrap Responsive website Template | Typography :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8" /> <meta name="keywords" content="Vagabond Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" /> <script> addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } </script>  <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all"> <link href="css/style.css" type="text/css" rel="stylesheet" media="all">  <link href="css/fontawesome-all.min.css" rel="stylesheet">   <link href="//fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">  </head> <body>  <div class="inner-banner">  <header> <nav class="navbar navbar-expand-lg navbar-light bg-gradient-secondary pt-3"> <h1> <a class="navbar-brand text-white" href="index.html"> Vagabond </a> </h1> <button class="navbar-toggler ml-md-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-lg-auto text-center"> <li class="nav-item mr-3 mt-lg-0 mt-3"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span> </a> </li> <li class="nav-item mr-3 mt-lg-0 mt-3"> <a class="nav-link" href="about.html">About</a> </li> <li class="nav-item mr-3 mt-lg-0 mt-3"> <a class="nav-link" href="services.html">Services</a> </li> <li class="nav-item dropdown active mr-3 mt-lg-0 mt-3"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="typo.html">Typography</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="gallery.html">Gallery</a> </div> </li> <li class="nav-item mr-3 mt-lg-0 mt-3"> <a class="nav-link" href="contact.html">Contact</a> </li> </ul> </div> </nav> </header>  </div>   <section class="wthree-row pt-sm-3 pb-sm-5 pb-3"> <div class="container py-sm-5 py-3">  <h2 class="heading-agileinfo">Typo<span>graphy</span></h2>  <div class="pb-5 mt-md-5 typo-wthree"> <h4 class="pt-4 pb-3">Flex</h4> <div class="d-flex p-2 bg-flex mb-1">I'm a flexbox container!</div> <div class="d-inline-flex p-2 bg-flex mb-1">I'm an inline flexbox container!</div> <h5 class="pt-4 pb-3">Flex row</h5> <div class="d-flex flex-row bg-flex"> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div> </div> <h5 class="pt-4 pb-3">Flex row-reverse</h5> <div class="d-flex flex-row-reverse bg-flex"> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div> </div> <h5 class="pt-4 pb-3">Flex column</h5> <div class="d-flex flex-column bg-flex"> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div> </div> <h5 class="pt-4 pb-3">Flex column-reverse</h5> <div class="d-flex flex-column-reverse bg-flex"> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div> </div> <h4 class="pt-5 pb-3">Justify Content</h4> <h5 class="pt-4 pb-3">Justify Content Start</h5> <div class="d-flex justify-content-start bg-flex mb-3"> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div> </div> <h5 class="pt-4 pb-3">Justify Content End</h5> <div class="d-flex justify-content-end bg-flex mb-3"> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div> </div> <h5 class="pt-4 pb-3">Justify Content Center</h5> <div class="d-flex justify-content-center bg-flex mb-3"> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div> </div> <h5 class="pt-4 pb-3">Justify Content Between</h5> <div class="d-flex justify-content-between bg-flex mb-3"> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 1</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 2</div> <div class="p-2 bg-flex mb-1 bg-flex-item">Flex item 3</div> </div> <h5 class="pt-4 pb-3">Justify Content Around</h5> <div class="d-flex justify-content-around bg-flex mb-3"> <div class="p-2 bg-flex mb-1

评论收藏

内容反馈