<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--fonts-->
<link href="http://fonts.googleapis.com/css?family=Noto+Sans:400,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<!--//fonts-->
</head>
<body>
<!--Header-->
<div class="header" id="home">
<!--Top-Bar-->
<div class="top-bar">
<div class="container-fluid">
<div class="header-nav">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html">Trade <span>Zone</span></a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav class="cl-effect-15" id="cl-effect-15">
<ul>
<li><a href="#home" class="active" data-hover="Home">Home</a></li>
<li><a href="#about" class="scroll" data-hover="About">About</a></li>
<li><a href="#services" class="scroll" data-hover="Services">Services</a></li>
<li><a href="#team" class="scroll" data-hover="Team">Team</a></li>
<li><a href="#projects" class="scroll" data-hover="Projects">Projects</a></li>
<li><a href="#contact" class="scroll" data-hover="Contact">Contact</a></li>
</ul>
</nav>
</div>
<div class="agileits-contact-info text-right">
<ul>
<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>+040 185 999</li>
</ul>
</div>
</nav>
<div class="w3ls_search">
<div class="cd-main-header">
<ul class="cd-header-buttons">
<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
</ul> <!-- cd-header-buttons -->
</div>
<div id="cd-search" class="cd-search">
<form action="#" method="post">
<input name="Search" type="search" placeholder="Search...">
</form>
</div>
</div>
</div>
</div>
</div>
<!--//Top-Bar-->
<!--Slider-->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<div class="slider-img">
<img src="images/bann2.jpg" class="img-responsive" alt="Trade Zone">
</div>
<div class="slider-info">
<img src="images/logo1.png" class="img-responsive" alt="logo">
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor amet, consectetur adipiscing elit.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/bann1.jpg" class="img-responsive" alt="Trade Zone">
</div>
<div class="slider-info">
<img src="images/logo1.png" class="img-responsive" alt="logo">
<h3>Quis nostrud exercitation </h3>
<p>Curabitur laoreet Nunc condimentum laoreet.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/bann2.jpg" class="img-responsive" alt="Trade Zone">
</div>
<div class="slider-info">
<img src="images/logo1.png" class="img-responsive" alt="logo">
<h3>Cupidatat non proident sunt</h3>
<p>Lorem ipsum dolor amet, consectetur adipiscing elit.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/bann1.jpg" class="img-responsive" alt="Trade Zone">
</div>
<div class="slider-info">
<img src="images/logo1.png" class="img-responsive" alt="logo">
<h3>Quis autem eum reprehenderit.</h3>
<p>Curabitur laoreet Nunc condimentum laoreet.</p>
</div>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="readmore-w3"><a class="readmore" href="#" data-toggle="modal" data-target="#myModal1">Read More</a></div>
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
<!-- Modal1 -->
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>Trade Zone</h4>
<img src="images/bann2.jpg" alt=" " class="img-responsive">
<h5>Lorem Ipsum</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
</div>
</div>
</div>
</div>
<!-- //Modal1 -->
<!--//Slider-->
</div>
<!--//Header-->
<!-- about -->
<div class="about" id="about">
<div class="container">
<h3 class="tittle">About Us</h3>
<p class="title-para-w3-agileits">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="w3l-grids-about">
<div class="col-md-5 w3ls-ab-right">
<div class="agile-about-right-img">
</div>
</div>
<div class="col-md-7 w3ls-agile-left">
<h2>Donec lobortis pharetra dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.Nam aliquam pretium feugiat. Duis sem est, viverra eu interdum ac, suscipit nec mauris. Suspendisse commodo tempor sagittis,Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.Nam aliquam pretium feugiat</p>
<a href="#" data-toggle="modal" data-target="#myModal2" class="read">Read More</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about-bottom -->
<!-- Modal1 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>Trade Zone</h4>
<img src="images/5.jpg" alt=" " class="img-responsive">
<h5>Donec lobortis pharetra dolor</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, rds which don't look even slightly believable..</p>
</div>
</div>
</div>
宽屏贸易公司HTML模板是一款扁平化风格设计贸易商务公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar
需积分: 0 113 浏览量
2023-08-05
14:12:51
上传
评论
收藏 2.36MB RAR 举报
宽屏贸易公司HTML模板是一款扁平化风格设计贸易商务公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar （46个子文件） 
宽屏贸易公司HTML模板是一款扁平化风格设计贸易商务公司网站模板下载。 moban2008 js 
responsiveslides.min.js 3KB bootstrap-3.1.1.min.js 28KB jquery.chocolat.js 10KB main.js 3KB easing.js 5KB move-top.js 1KB jquery-2.1.4.min.js 82KB css style.css 69KB common.css 310B bootstrap.css 138KB font-awesome.min.css 28KB chocolat.css 2KB
index.html 23KB images 
2.jpg 187KB
logo1.png 11KB 6.jpg 117KB
closew.gif 70B 1.jpg 104KB t3.jpg 14KB bann2.jpg 107KB leftw.gif 68B t1.jpg 16KB arrows.png 4KB 5.jpg 149KB t4.jpg 16KB 8.jpg 71KB arr.png 606B t2.jpg 19KB rightw.gif 67B 3.jpg 176KB 7.jpg 144KB services-bg.jpg 95KB 9.jpg 146KB 4.jpg 144KB bann1.jpg 182KB fonts FontAwesome.otf 122KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
2201_75761617
- 粉丝: 21
- 资源: 7339
