黑色jquery交互幻灯html5模板_黑色.rar资源-CSDN文库

共35个文件

jpg：15个

js：5个

css：4个

版权申诉

56 浏览量 2023-04-27 14:54:16 上传评论收藏 2.48MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

黑色jquery交互幻灯html5模板_黑色交互幻灯仿flash 简单幻灯大图 jquery html5 单页迷你窄个人博客个性图片展示.rar （35个子文件）

黑色jquery交互幻灯html5模板_黑色交互幻灯仿flash 简单幻灯大图 jquery html5 单页迷你窄个人博客个性图片展示

tpmo_412_authentic

jquery.flexslider.min.js 21KB

bootstrap.min.js 31KB

templatemo_script.js 4KB

jquery.backstretch.min.js 4KB

jquery.min.js 91KB

css

templatemo_main.css 7KB

bootstrap.min.css 107KB

flexslider.css 5KB

font-awesome.min.css 20KB

index.html 16KB

images

status.gif 3KB

templatemo-bg-2.jpg 261KB

templatemo-bg-1.jpg 454KB

templatemo-bg-5.jpg 380KB

templatemo-bg-3.jpg 258KB

templatemo-bg-4.jpg 422KB

slider

thumb4.jpg 6KB

slide5.jpg 94KB

slide2.jpg 51KB

thumb5.jpg 10KB

thumb3.jpg 6KB

slide1.jpg 97KB

slide4.jpg 81KB

slide3.jpg 59KB

thumb2.jpg 6KB

thumb1.jpg 21KB

fonts

flexslider-icon.woff 1KB

FontAwesome.otf 73KB

fontawesome-webfont.eot 71KB

flexslider-icon.eot 2KB

fontawesome-webfont.woff 82KB

flexslider-icon.ttf 2KB

fontawesome-webfont.svg 248KB

flexslider-icon.svg 2KB

fontawesome-webfont.ttf 138KB

<!DOCTYPE html>     <html class="no-js">  <head> <meta charset="utf-8">  <title>Authentic More Templates -www.moobnn.com</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/templatemo_main.css">  </head> <body> <div id="main-wrapper">  <div class="container">  <div class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#templatemo-page1"><i class="fa fa-home"></i>Home</a></li> <li><a href="#templatemo-page2"><i class="fa fa-video-camera"></i>Videos</a></li> <li><a href="#templatemo-page3"><i class="fa fa-laptop"></i>Services</a></li> <li><a href="#templatemo-page4"><i class="fa fa-users"></i>About</a></li> <li><a href="#templatemo-page5"><i class="fa fa-envelope-o"></i>Contact</a></li> <li><a rel="nofollow" href="#" class="external"><i class="fa fa-external-link"></i>External</a></li> </ul> </div> </div> </div> <div class="image-section"> <div class="image-container"> <img src="images/templatemo-bg-1.jpg" id="templatemo-page1-img" class="main-img inactive" alt="Home"> <img src="images/templatemo-bg-2.jpg" id="templatemo-page2-img" class="inactive" alt="Services"> <img src="images/templatemo-bg-3.jpg" id="templatemo-page3-img" class="inactive" alt="Awards"> <img src="images/templatemo-bg-4.jpg" id="templatemo-page4-img" class="inactive" alt="Company"> <img src="images/templatemo-bg-5.jpg" id="templatemo-page5-img" class="inactive" alt="Contact"> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="templatemo-site-title"> <h1 class="site-name"><a rel="nofollow" href="http://www.moobnn.com/preview/templatemo_412_authentic" title="Authentic">Authentic</a></h1> <h2 class="slogon">by <a href="#">templatemo</a></h2> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 templatemo-content-wrapper"> <div class="templatemo-content"> <section id="templatemo-page1-text" class="active"> <div class="col-sm-12 col-md-12"> <h2>Image Gallery</h2> <p><a href="#">Authentic</a> is free HTML5 site template by <strong><span class="blue">template</span><span class="green">mo</span></strong>. You may download and apply this template for any purpose. Credits go to <a rel="nofollow" href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a> for icons and <a rel="nofollow" href="#">Unsplash</a> for images.</p> <div id="slider" class="flexslider"> <ul class="slides"> <li> <img src="images/slider/slide1.jpg" alt="Slide 1"/> </li> <li> <img src="images/slider/slide2.jpg" alt="Slide 2" /> </li> <li> <img src="images/slider/slide3.jpg" alt="Slide 3" /> </li> <li> <img src="images/slider/slide4.jpg" alt="Slide 4" /> </li> <li> <img src="images/slider/slide5.jpg" alt="Slide 5" /> </li> </ul> </div> <div id="carousel" class="flexslider"> <ul class="slides"> <li> <img src="images/slider/thumb1.jpg" alt="Thumbnail 1"/> </li> <li> <img src="images/slider/thumb2.jpg" alt="Thumbnail 2"/> </li> <li> <img src="images/slider/thumb3.jpg" alt="Thumbnail 3"/> </li> <li> <img src="images/slider/thumb4.jpg" alt="Thumbnail 4"/> </li> <li> <img src="images/slider/thumb5.jpg" alt="Thumbnail 5"/> </li> </ul> </div> </div> </section> <section id="templatemo-page2-text" class="inactive"> <div class="col-sm-12 col-md-12"> <h2>Videos</h2> <p>Fusce cursus gravida justo, sit amet facilisis libero auctor non. Nullam bibendum, quam ac dapibus congue, ligula lectus tempor erat, sed posuere purus massa vel leo. Donec dignissim in nibh sed consectetur.</p> <h3>The new Cayenne</h3> <p>Suspendisse sodales, velit id interdum porta, quam mauris semper eros, ac iaculis velit mi at magna. Suspendisse id est sed leo placerat aliquet.</p> <div class="videoWrapper"> </div> <h3>The new S 63 AMG Coupé</h3> <p>Nullam tempus placerat suscipit. Vestibulum ut aliquam nulla. Quisque ac velit gravida, mattis metus vitae, tempus elit.</p> <div class="videoWrapper"> </div> <h3>BMW i3</h3> <p>Fusce cursus gravida justo, sit amet facilisis libero auctor non. Nullam bibendum, quam ac dapibus congue, ligula lectus tempor erat, sed posuere purus massa vel leo.</p> <div class="videoWrapper"> </div> </div> </section><!--

评论收藏

内容反馈

版权申诉