企业级网站源码-商业应用服务网页模板-响应式适配移动端.zip资源-CSDN文库

共30个文件

svg：10个

js：6个

css：5个

版权申诉

HTML

源码

JavaScript

92 浏览量 2024-03-24 15:00:57 上传评论收藏 516KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

企业级网站源码-商业应用服务网页模板-响应式适配移动端.zip （30个子文件）

企业级网站源码-商业应用服务网页模板-响应式适配移动端

html

font

Simple-Line-Icons.eot 51KB

mfglabsiconset-webfont.ttf 54KB

mfglabsiconset-webfont.eot 32KB

Simple-Line-Icons.woff 79KB

mfglabsiconset-webfont.woff 37KB

Simple-Line-Icons.svg 231KB

mfglabsiconset-webfont.svg 100KB

Simple-Line-Icons.ttf 51KB

owl-carousel

owl.carousel.css 4KB

owl.video.play.png 5KB

ajax-loader.gif 3KB

owl.carousel.min.js 42KB

owl.carousel.js 83KB

owl.theme.css 1KB

jquery-ui.min.js 182KB

jquery-1.8.3.min.js 91KB

modernizr.js 10KB

responsee.js 9KB

img

gallery-2.svg 4KB

gallery-4.svg 4KB

gallery-1.svg 4KB

logo.svg 3KB

gallery-3.svg 4KB

header-1.svg 5KB

header-2.svg 5KB

header-3.svg 5KB

css

components.css 11KB

icons.css 26KB

responsee.css 43KB

index.html 9KB

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Free responsive business website template</title> <link rel="stylesheet" href="css/components.css"> <link rel="stylesheet" href="css/icons.css"> <link rel="stylesheet" href="css/responsee.css"> <link rel="stylesheet" href="owl-carousel/owl.carousel.css"> <link rel="stylesheet" href="owl-carousel/owl.theme.css"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> </head> <body class="size-960">  <header> <div class="line"> <div class="box"> <div class="m-12 l-2"> <img class="s-5 m-2 l-12 center" src="img/logo.svg"> </div> </div> </div>  <div class="line"> <nav class="margin-bottom"> <div class="top-nav s-12 l-10"> <ul> <li><a>Home</a></li> <li> <a>Product</a> <ul> <li><a>Product 1</a></li> <li><a>Product 2</a></li> <li> <a>Product 3</a> <ul> <li><a>Product 3-1</a></li> <li><a>Product 3-2</a></li> <li><a>Product 3-3</a></li> </ul> </li> </ul> </li> <li> <a>Company</a> <ul> <li><a>About</a></li> <li><a>Location</a></li> </ul> </li> <li><a>Contact</a></li> </ul> </div> <div class="hide-s hide-m l-2"> <i class="icon-facebook_circle icon2x right padding"></i> </div> </nav> </div> </header> <section>  <div class="line"> <div id="header-carousel" class="owl-carousel owl-theme margin-bottom"> <div class="item"><img src="img/header-1.svg" alt=""></div> <div class="item"><img src="img/header-2.svg" alt=""></div> <div class="item"><img src="img/header-3.svg" alt=""></div> </div> </div>  <div class="line"> <div class="margin"> <div class="s-12 m-6 l-4 margin-bottom"> <div class="box"> <h2>About</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> </div> </div> <div class="s-12 m-6 l-4 margin-bottom"> <div class="box"> <h2>Company</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> </div> </div> <div class="s-12 m-6 l-4 margin-bottom"> <div class="box"> <h2>Services</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> </div> </div> </div> </div>  <div class="line"> <div class="box margin-bottom"> <div class="margin">  <article class="s-12 m-7 l-8"> <h1>Content</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p> <h3>Sub Header</h3> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p> </article>  <div class="s-12 m-5 l-4"> <h3>Navigation</h3> <div class="aside-nav"> <ul> <li><a>Home</a></li> <li> <a>Product</a> <ul> <li><a>Product 1</a></li> <li><a>Product 2</a></li> <li> <a>Product 3</a> <ul> <li><a>Product 3-1</a></li> <li><a>Product 3-2</a></li> <li><a>Product 3-3</a></li> </ul> </li> </ul> </li> <li> <a>Company</a> <ul> <li><a>About</a></li> <li><a>Location</a></li> </ul> </li> <li><a>Contact</a></li> </ul> </div> </div> </div> </div> </div>  <div class="line text-center"> <h2 class="margin-bottom">Gallery</h2> <div id="gallery-carousel" class="owl-carousel owl-theme margin-bottom"> <div class="item"><img src="img/gallery-1.svg" alt=""></div> <div class="item"><img src="img/gallery-2.svg" alt=""></div> <div class="item"><img src="img/gallery-3.svg" alt=""></div> <div class="item"><img src="img/gallery-4.svg" alt=""></div> <div class="item"><img src="img/gallery-1.svg" alt=""></div> <div class="item"><img src="img/gallery-2.svg" alt=""></div> <div class="item"><img src="img/gallery-3.svg" alt=""></div> <div class="item"><img src="img/gallery-4.svg" alt=""></div> </div> </div> </section>  <footer class="line"> <div class="box"> <div class="s-12 l-6"> <p>Copyright 2019, Vision Design - graphic zoo</p> </div>

评论收藏

内容反馈

版权申诉