公司级网站源码-都市切换介绍响应式网页模板-支持适配移动端.zip资源-CSDN文库

共37个文件

jpg：25个

js：6个

css：4个

版权申诉

HTML源码

JavaScript

源码

169 浏览量 2024-03-22 10:49:49 上传评论收藏 15.56MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

公司级网站源码-都市切换介绍响应式网页模板-支持适配移动端.zip （37个子文件）

公司级网站源码-都市切换介绍响应式网页模板-支持适配移动端

html

bootstrap.min.js 44KB

jquery.magnific-popup.min.js 20KB

tether.min.js 24KB

isInViewport.min.js 2KB

jquery-1.11.3.min.js 94KB

hero-slider-main.js 5KB

img

tm-img-09.jpg 223KB

tm-img-03-tn.jpg 69KB

tm-img-10-tn.jpg 54KB

tm-img-09-tn.jpg 92KB

tm-img-04-tn.jpg 24KB

tm-img-01-tn.jpg 55KB

tm-img-06-tn.jpg 115KB

tm-img-05.jpg 219KB

tm-img-10.jpg 123KB

tm-img-12-tn.jpg 70KB

tm-img-01.jpg 166KB

tm-img-05-tn.jpg 70KB

tm-img-08-tn.jpg 121KB

tm-img-12.jpg 197KB

tm-img-02.jpg 212KB

bangkok-city.jpg 1.22MB

tm-img-11.jpg 179KB

tm-img-04.jpg 86KB

tm-img-11-tn.jpg 70KB

tm-img-08.jpg 190KB

tm-img-07-tn.jpg 108KB

tm-img-06.jpg 390KB

tm-img-02-tn.jpg 63KB

tm-img-03.jpg 220KB

tm-img-07.jpg 169KB

css

bootstrap.min.css 93KB

hero-slider-style.css 17KB

magnific-popup.css 7KB

tooplate-style.css 15KB

index.html 32KB

video

bangkok-city.mp4 11.63MB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Big City - Responsive HTML CSS Template</title>   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">  <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/hero-slider-style.css">  <link rel="stylesheet" href="css/magnific-popup.css">  <link rel="stylesheet" href="css/tooplate-style.css">     </head> <body> <div class="cd-bg-video-wrapper" data-video="video/bangkok-city">  </div>   <div class="cd-hero">  <div class="cd-slider-nav"> <div class="container"> <nav class="navbar"> <div class="tm-navbar-bg"> <a class="navbar-brand text-uppercase" href="#">Big City</a> <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#tmNavbar"> ☰ </button> <div class="collapse navbar-toggleable-md text-xs-center text-uppercase tm-navbar" id="tmNavbar"> <ul class="nav navbar-nav"> <li class="nav-item active selected"> <a class="nav-link" href="#0" data-no="1">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#0" data-no="2">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#0" data-no="3">Gallery</a> </li> <li class="nav-item"> <a class="nav-link" href="#0" data-no="4">Contact</a> </li> </ul> </div> </div> </nav> </div> </div> <ul class="cd-hero-slider">   <li class="selected"> <div class="cd-full-width"> <div class="container js-tm-page-content tm-page-1 tm-section-margin-t-small" data-page-no="1"> <div class="row"> <div class="col-xs-12"> <div class="tm-home-container-outer"> <div class="tm-home-container"> <div class="tm-home-title-container"> <h2 class="tm-text-title text-xs-center tm-home-title">Welcome to BIG city!</h2> </div> <div class="tm-home-description-container tm-bg-dark-blue"> <div class="text-xs-left tm-textbox"> <p class="tm-text tm-home-description">Big City HTML CSS Template is provided by Tooplate website. Feel free to use this layout for your web projects. Please tell your friends about Tooplate. Thank you. Video BG credit: <a href="https://youtu.be/OeBdM7tykUg" target="_blank">Bangkok Sunset</a></p> <p class="tm-text tm-home-description">Quisque mattis pellentesque diam eu vestibulum. Pellentesque augue urna, ultrices sit amet luctus eget, ultricies sit amet ipsum. Nulla sem nisi, commodo sed auctor sed, euismod nec dui. Morbi vitae enim id massa sodales tincidunt a et mi.</p> </div> </div> </div> <div class="tm-home-container-bg"></div> </div> </div> </div> </div> </div>  </li>  <li> <div class="cd-full-width"> <div class="container js-tm-page-content tm-section-margin-t" data-page-no="2"> <div class="row"> <div class="col-xs-12"> <div class="tm-flex"> <div class="col-lg-6 tm-white-header-container-outer tm-margin-b tm-2-col-left"> <div class="tm-bg-white tm-white-header-container"> <h2 class="tm-text-title tm-text-title-small">Donec dictum aliquam</h2> </div> <div class="tm-bg-dark-blue text-xs-left tm-textbox tm-textbox-padding tm-white-header-body tm-white-border tm-2-col-equal-height"> <p class="tm-text">Nulla scelerisque vitae augue non viverra. Mauris nibh eros, gravida id rutrum eu, placerat quis enim. Ut massa mi, convallis eget pharetra eget, laoreet sit amet orci. Sed tincidunt nisi ut lectus pellentesque viverra. Aliquam condimentum lacinia.</p> </div> </div> <div class="col-lg-6 tm-white-header-container-outer tm-margin-b tm-2-col-right"> <div class="tm-bg-white tm-white-header-container"> <h2 class="tm-text-title tm-text-title-small">Vivamus quis lacinia</h2> </div> <div class="tm-bg-dark-blue text-xs-left tm-textbox tm-textbox-padding tm-white-header-body tm-white-border tm-2-col-equal-height"> <p class="tm-text">Integer posuere massa ipsum, ac pharetra metus dapibus vel. Duis aliquet ac lacus quis efficitur. Morb

评论收藏

内容反馈

版权申诉