白色简洁风格的单页面背景信息源码下载.zip资源-CSDN文库

共29个文件

jpg：16个

js：4个

css：3个

版权申诉

H5模版

HTML模版

86 浏览量 2024-12-26 19:35:02 上传评论收藏 4.34MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色简洁风格的单页面背景信息源码下载.zip （29个子文件）

html

jquery.flexslider-min.js 22KB

templatemo-script.js 4KB

jquery.backstretch.min.js 4KB

jquery-1.11.3.min.js 94KB

img

status.gif 3KB

story-bg-2.jpg 244KB

story-bg-4.jpg 220KB

story-bg-1.jpg 733KB

story-bg-3.jpg 126KB

slider

thumb4.jpg 34KB

slide5.jpg 595KB

slide2.jpg 586KB

thumb5.jpg 38KB

slide6.jpg 310KB

thumb3.jpg 25KB

slide1.jpg 362KB

slide4.jpg 684KB

slide3.jpg 357KB

thumb6.jpg 22KB

thumb2.jpg 32KB

thumb1.jpg 21KB

css

bootstrap.min.css 93KB

flexslider.css 7KB

templatemo-style.css 6KB

fonts

flexslider-icon.woff 1KB

flexslider-icon.eot 2KB

flexslider-icon.ttf 2KB

flexslider-icon.svg 2KB

index.html 14KB

<!DOCTYPE html> <html lang="en"> <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>The Story - Free Bootstrap Theme</title>   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400">  <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/flexslider.css">  <link rel="stylesheet" href="css/templatemo-style.css">     </head> <body class="page">  <div class="page-bg-imgs-list"> <img src="img/story-bg-1.jpg" id="page-1-img" class="main-img" alt="About"> <img src="img/story-bg-2.jpg" id="page-2-img" alt="Gallery"> <img src="img/story-bg-3.jpg" id="page-3-img" alt="Services"> <img src="img/story-bg-4.jpg" id="page-4-img" alt="Contact"> </div> <div class="container-fluid"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-5 col-xl-5"> <div class="header">  <header class="box box-white"> <a href="javascript:void(0)" class="js-site-title"> <h1 class="box-text site-title-text">The Story</h1> </a> </header>  <nav class="js-nav"> <ul class="nav-items-container"> <li data-nav-item-id="page-1" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-left"> <a href="#page-1" class="block-keep-ratio-content box-nav-item-link"> <span class="box-text box-text-nav-item flexbox-center">About</span> </a> </li> <li data-nav-item-id="page-2" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-right"> <a href="#page-2" class="block-keep-ratio-content box-nav-item-link"> <span class="box-text box-text-nav-item flexbox-center">Gallery</span> </a> </li> <li data-nav-item-id="page-3" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-left"> <a href="#page-3" class="block-keep-ratio-content box-nav-item-link"> <span class="box-text box-text-nav-item flexbox-center">Services</span> </a> </li> <li data-nav-item-id="page-4" class="block-keep-ratio block-keep-ratio-1-1 block-width-half box box-white box-nav-item js-nav-item pull-xs-right"> <a href="#page-4" class="block-keep-ratio-content box-nav-item-link"> <span class="box-text box-text-nav-item flexbox-center">Contact</span> </a> </li> </ul> </nav> </div>  </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-7 col-xl-7"> <div class="content-wrapper js-content-wrapper">  <section data-page-id="page-1" class="content js-content"> <header class="box box-black margin-b-20"> <h2 class="box-text page-title-text">About the story</h2> </header> <div class="content-text"> <p>Story is free Bootstrap (v4.0 alpha 2) web template provided by templatemo. You can download, modify and use this layout for any website. Please tell your friends about us. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <p>Vivamus imperdiet tellus lobortis tellus fermentum, at varius purus tincidunt. Aenean quis tellus molestie, laoreet massa a, maximus est. Interdum et malesuada fames ac ante ipsum primis in faucibus. </p> </div> </section>   <section data-page-id="page-2" class="content content-gallery js-content"> <header class="box box-black margin-b-20"> <h2 class="box-text page-title-text">Galllery</h2> </header> <div class="content-text content-text-gallery">  <div class="flexslider-wrapper"> <div id="slider" class="flexslider"> <ul class="slides"> <li><img src="img/slider/slide1.jpg" alt="Slide 1" /></li> <li><img src="img/slider/slide2.jpg" alt="Slide 2" /></li> <li><img src="img/slider/slide3.jpg" alt="Slide 3" /></li> <li><img src="img/slider/slide4.jpg" alt="Slide 4" /></li> <li><img src="img/slider/slide5.jpg" alt="Slide 5" /></li> <li><img src="img/slider/slide6.jpg" alt="Slide 6" /></li> </ul> </div>  <div id="carousel" class="flexslider">

评论收藏

内容反馈

版权申诉