HTML网站源码-扁平产品数据信息响应式网页模板-移动端可用.zip资源-CSDN文库

共38个文件

jpg：15个

js：6个

css：4个

版权申诉

HTML

源码

企业网站

JavaScript

65 浏览量 2024-03-22 10:41:06 上传评论收藏 919KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-扁平产品数据信息响应式网页模板-移动端可用.zip （38个子文件）

HTML网站源码-扁平产品数据信息响应式网页模板-移动端可用

html

templatemo_custom.js 1KB

jquery.min.js 94KB

jquery.singlePageNav.js 6KB

bootstrap

bootstrap.min.js 28KB

css

bootstrap.min.css 100KB

css

font-awesome.min.css 17KB

templatemo_style.css 15KB

index.html 20KB

images

templatemo_image_05.jpg 56KB

templatemo_image_02.jpg 25KB

templatemo_logo.png 2KB

templatemo_image_06_sm.jpg 33KB

templatemo_slide_2.jpg 59KB

templatemo_slide_3_sm.jpg 28KB

templatemo_image_07_sm.jpg 38KB

templatemo_slide_1.jpg 71KB

templatemo_image_03.jpg 30KB

templatemo_slide_1_sm.jpg 32KB

templatemo_slide_3.jpg 40KB

logo_PNG_source.png 52KB

templatemo_image_05_sm.jpg 39KB

templatemo_slide_2_sm.jpg 36KB

left_arrow.png 1KB

templatemo_image_04.jpg 35KB

templatemo_image_01.jpg 31KB

templatemo_image_06.jpg 248KB

slider

flexslider.css 5KB

jquery.flexslider.js 51KB

modernizr.js 10KB

fonts

flexslider-icon.woff 1KB

flexslider-icon.eot 2KB

flexslider-icon.ttf 2KB

flexslider-icon.svg 2KB

fonts

FontAwesome.otf 61KB

fontawesome-webfont.eot 37KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 197KB

fontawesome-webfont.ttf 79KB

<!DOCTYPE html>     <html class="no-js" lang="en">  <head> <title>Karma HTML5 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="" />  <meta name="author" content="templatemo"> <meta charset="UTF-8"> <link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>  <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="slider/flexslider.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/templatemo_style.css" rel="stylesheet" type="text/css">  <script src="slider/modernizr.js"></script>   </head> <body> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="row">  <div class="col-md-2 col-sm-2 col-xs-12"> <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> <a href="#" class="navbar-brand"><img src="images/templatemo_logo.png" alt="karma"></a> </div> </div> <div class="col-md-10 col-sm-10 col-xs-12"> <div class="navbar-collapse collapse menu"> <ul class="nav navbar-nav navbar-right"> <li><a href="#home"><i class="fa fa-home"></i>Home</a></li> <li><a href="#about"><i class="fa fa-user"></i>About Us</a></li> <li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li> <li><a href="#portfolio"><i class="fa fa-briefcase"></i>Portfolio</a></li> <li><a href="#blog"><i class="fa fa-pencil"></i>Blog</a></li> <li><a href="#contact"><i class="fa fa-envelope"></i>Contact</a></li> </ul> </div> </div> </div> </div> </nav> <div class="container" id="home"> <div class="row"> <div class="col col-md-12"> <div class="flexslider"> <ul class="slides"> <li> <img src="images/templatemo_slide_1.jpg" alt="slide 1" /> <p class="flex-caption">Mauris quis sapien sed mauris gravida congue. Fusce convallis felis non lectus facilisis, vel consequat felis dictum.</p> </li> <li> <img src="images/templatemo_slide_2.jpg" alt="slide 2" /> <p class="flex-caption">Proin porttitor urna et enim semper lobortis eu vitae diam. Fusce rutrum consequat dolor. Quisque ante leo, scelerisque nec faucibus.</p> </li> <li> <img src="images/templatemo_slide_3.jpg" alt="slide 3" /> <p class="flex-caption">Quisque gravida ac nisl nec ultrices. Mauris tincidunt magna vitae feugiat tincidunt. Donec elit arcu, accumsan quis sagittis vitae, porttitor et velit.</p> </li> </ul> </div> </div> </div> </div> <section id="about"> <div class="outer_container"> <div class="container"> <div class="row"> <div class="col col-md-5 col-sm-12"><h1>About us</h1></div> <div class="col col-md-7 col-sm-12 center-row" id="about_content"> <div class="row center"> <div class="col col-md-4 col-sm-12 templatemo_ceo"> <img src="images/templatemo_image_02.jpg" alt="Linda" class="center-block img-circle img-responsive"> <p>Linda, CEO</p> </div> <div class="col col-md-8 col-sm-12"> <p>Karma is free HTML5 website design using Bootstrap. Feel free to download, edit and use this layout. No credit link is needed in return.</p> <p>Duis auctor congue arcu eget congue. Vestibulum tristique sollicitudin est, non porttitor est viverra quis. Vestibulum ac enim.</p> <p>Sed consequat odio eget nunc tristique venenatis. Nullam non eros molestie, tristique libero ut, lacinia diam. Vestibulum at mollis justo, eu elementum nisi.</p> </div> </div> </div> </div> </div> </div> </section> <section id="team"> <div class="outer_container"> <div class="container"> <div class="row"> <div class="col col-md-5 col-md-push-7 col-sm-12"><h1>Our Team</h1></div> <div class="col col-md-7 col-md-pull-5 col-sm-12 center-row" id="team_content"> <div class="row center"> <div class="col col-md-4 col-sm-4 col-xs-4"> <img src="images/templatemo_image_01.jpg" alt="Nancy" class="img-circle img-responsive"> <p>Nancy</p> <p>Manager</p> </div> <div class="col col-md-4 col-sm-4 col-xs-4"> <img src="images/templatemo_image_03.jpg" alt="Mary" class="img-circle img-responsive"> <p>Mary</p> <p>Designer</p> </div> <div class="col col-md-4 col-sm-4 col-xs-4"> <img src="images/templatemo_image_04.jpg" alt="Helen" class="img-circle img-responsive"> <p>Helen</p> <p>Artist</p> </div> </div> </div> </div> </div> </div> </section> <section id="services"> <div class="outer_container"> <div class="container"> <div class="row"> <div class="col col-md-5 col-sm-12 col-xs-12"> <h1>Services</h1> </div> <div class="col-md-2 col-sm-2 col-xs-2"> <div class="services_buttons"> <ul id="services_tabs"> <li class="icon-button active" data-target="#pencil"><i class="fa fa-pencil" style="vertical-align: middle"></i></li> <li class="icon-button" data-target="#cog"><i class="fa fa-cog"></i></li> <li class="icon-button" data-target="#signal"><i class="fa fa-signal"></i></li> </ul> </div> </div> <div class="col col-md-5 col-sm-10 col-xs-10 center-row" id="services_content"> <div class="arrow-left"></div> <div class="arrow-box center-row"> <div class="tab-content center"> <div class="tab-pane fade in active" id="pencil"> <h3>Web Design</h3> <p>Donec vehicula lectus ac ultrices aliquam. Pellentesque aliquam erat justo, nec auctor sem vulputate vitae. Praesent varius neque in dolor cursus dictum. Donec dignissim nibh nec adipiscing vehicula.</p> <p>Quisque euismod enim et dignissim dictum. Vivamus eu tortor pharetra, mollis orci eget, pulvinar nisl. Sed consequat odio eget nunc tristique ven

评论收藏

内容反馈

版权申诉