<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Responsive Fullwidth 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">
<!-- CUSTOM STYLE -->
<link rel="stylesheet" href="css/template-style.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-1280">
<!-- TOP NAV WITH LOGO -->
<header>
<nav>
<div class="line">
<div class="m-12 l-2">
<img class="s-5 m-2 l-12 center" src="img/logo.svg">
</div>
<div class="top-nav s-12 l-10 right">
<ul class="right">
<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>
</nav>
</header>
<section class="text-center">
<!-- CAROUSEL -->
<div id="carousel">
<div id="header-carousel" class="owl-carousel owl-theme">
<div class="item">
<img src="img/header-1.svg" alt="">
<div class="line">
<h2>Amazing responsive carousel</h2>
</div>
</div>
<div class="item">
<img src="img/header-2.svg" alt="">
<div class="line">
<h2>Fully responsive components</h2>
</div>
</div>
<div class="item">
<img src="img/header-3.svg" alt="">
<div class="line">
<h2>Build new layout in 10 minutes!</h2>
</div>
</div>
</div>
</div>
<!-- FIRST BLOCK -->
<div id="first-block" class="text-center">
<div class="line">
<div class="margin">
<div class="s-12 m-6 l-3 margin-bottom">
<i class="icon-paperplane_ico icon3x"></i>
<h2 class="margin-bottom">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 class="s-12 m-6 l-3 margin-bottom">
<i class="icon-star icon3x"></i>
<h2 class="margin-bottom">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 class="s-12 m-6 l-3 margin-bottom">
<i class="icon-message icon3x"></i>
<h2 class="margin-bottom">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 class="s-12 m-6 l-3 margin-bottom">
<i class="icon-mail icon3x"></i>
<h2 class="margin-bottom">Contact</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>
<!-- SECOND BLOCK -->
<div id="second-block" class="text-center">
<div class="line">
<div class="margin-bottom">
<div class="margin">
<article class="s-12 m-12 l-8 center">
<h1 class="margin-bottom">Amazing title</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>
</article>
</div>
</div>
</div>
</div>
<!-- GALLERY -->
<div id="third-block" class="text-center">
<div class="line">
<h2 class="margin-bottom">Gallery</h2>
<div class="margin">
<div class="s-12 m-6 l-3">
<img class="margin-bottom full-img" src="img/gallery-1.svg">
</div>
<div class="s-12 m-6 l-3">
<img class="margin-bottom full-img" src="img/gallery-2.svg">
</div>
<div class="s-12 m-6 l-3">
<img class="margin-bottom full-img" src="img/gallery-3.svg">
</div>
<div class="s-12 m-6 l-3">
<img class="margin-bottom full-img" src="img/gallery-4.svg">
</div>
</div>
</div>
</div>
<div id="fourth-block" class="text-center">
<div class="line">
<div class="s-12 m-12 l-9 center">
<div id="news-carousel" class="owl-carousel owl-theme">
<div class="item">
<h2 class="margin-bottom">Amazing responsive template</h2>
<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>
</div>
<div class="item">
<h2 class="margin-bottom">Responsive components</h2>
<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>
企业级网站源码-产品业务功能展示网页模板-响应式适配移动端.zip
版权申诉
73 浏览量
2024-03-20
10:09:24
上传
评论
收藏 519KB ZIP 举报
企业级网站源码-产品业务功能展示网页模板-响应式适配移动端.zip （33个子文件） 
企业级网站源码-产品业务功能展示网页模板-响应式适配移动端 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 
grabbing.png 116B owl.carousel.css 4KB owl.video.play.png 5KB
ajax-loader.gif 3KB AjaxLoader.gif 1KB owl.carousel.min.js 42KB owl.carousel.js 83KB owl.theme.css 1KB js 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 template-style.css 419B
index.html 10KB资源评论
