<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=Questrial' rel='stylesheet' type='text/css'>
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<!-- 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="Costamar Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- header -->
<div class="header-bg">
<div class="container">
<div class="head-logo">
<a href="#"><img src="images/logo.png" alt=" "></a>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt="" /></span>
<ul class="nav1">
<li><a class="scroll" href="#home">HOME</a></li>
<li><a class="scroll" href="#about">ABOUT US</a></li>
<li><a class="scroll" href="#products">PRODUCTS</a></li>
<li><a class="scroll" href="#testimonials">TESTIMONIALS</a></li>
<li><a class="scroll" href="#pricing">PRICING</a></li>
<li><a class="scroll" href="#contact">CONTACT</a></li>
</ul>
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //header -->
<!-- banner -->
<div id="home" class="banner">
<div class="container">
<div class="banner-info">
<h1>WEBSITE / BRANDING / INTERACTIVE</h1>
<p>We create beautiful, innovative and effective handcrafted brands & website.</p>
<a href="#">VIEW OUR WORK</a>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-bottom">
<div class="container">
<h3>thanol</h3>
<p><label>ethanol</label> is a clean and simple website
designed layout for multi-purpose <span>options, you can use this free psd for your works.</span></p>
</div>
</div>
<!-- //banner-bottom -->
<!-- what-we-do -->
<div id="about" class="what-we-do">
<div class="container">
<h3>WHAT WE DO WITH <span>LOVE</span></h3>
<p>We design and build functional and beautiful websites</p>
<label> </label>
<div class="what-we-do-articles">
<div class="brand-identity">
<div class="col-md-6 brand-identity-left">
<div class="brand-identity-left-text">
<h2>Brand Identity</h2>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra,
vel varius eget sit mollis.</p>
</div>
<div class="brand-identity-left-fig">
<img src="images/1.png" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 brand-identity-right">
<div class="brand-identity-left-fig1">
<img src="images/4.png" alt=" " />
</div>
<div class="brand-identity-left-text1">
<h2>UI/UX Design</h2>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra,
vel varius eget sit mollis.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="brand-identity">
<div class="col-md-6 brand-identity-left">
<div class="brand-identity-left-text">
<h2>Graphic Design</h2>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra,
vel varius eget sit mollis.</p>
</div>
<div class="brand-identity-left-fig">
<img src="images/2.png" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 brand-identity-right">
<div class="brand-identity-left-fig1">
<img src="images/5.png" alt=" " />
</div>
<div class="brand-identity-left-text1">
<h2>Mobile Application</h2>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra,
vel varius eget sit mollis.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<div class="brand-identity">
<div class="col-md-6 brand-identity-left">
<div class="brand-identity-left-text">
<h2>IIlustration</h2>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra,
vel varius eget sit mollis.</p>
</div>
<div class="brand-identity-left-fig">
<img src="images/3.png" alt=" " />
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 brand-identity-right">
<div class="brand-identity-left-fig1">
<img src="images/6.png" alt=" " />
</div>
<div class="brand-identity-left-text1">
<h2>Videography</h2>
<p>aliquam ipsum ante morbi sed ipsum mollis. Sollicitudin viverra,
vel varius eget sit mollis.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- //what-we-do -->
<!-- want-to-know -->
<div id="products" class="want-to-know">
<div class="container">
<h3>WANT TO KNOW US <span>BETTER</span></h3>
<p>We design and build functional and beautiful websites</p>
<label> </label>
</div>
</div>
<!-- //want-to-know -->
<!-- professional -->
<div class="professional">
<div class="container">
<div class="professional-left">
<img src="images/w.jpg" alt=" " />
<ul>
<li><a href="#" class="facebook"> </a></li>
<li><a href="#" class="twitter"> </a></li>
<li><a href="#" class="in"> </a></li>
</ul>
<h3>Developing <label>Amazing Things</label><span>with Passion since 2012.</span></h3>
</div>
<div class="professional-right">
<h4>Professional Profile</h4>
<p>Vel donec et scelerisque vestibulum. Condimentum aliquam, mollit magna velit nec,
tempor cursus vitae sit aliquet neque purus. Ultrices lacus proin conubia dictum tempus,
tempor pede vitae faucibus, sem auctor, molestie diam dictum aliquam.
Dolor leo, ridiculus est ut cubilia nec, fermentum arcu praesent.</p>
<div class="bar">
<p>UX/UX</p>
</div>
<div class="skills">
<div class="skill1" style="width:100%"> </div>
</div>
<div class="bar">
<p>HTML / CSS3 / SASS</p>
</div>
<div class="skills">
<div class="skill2" style="width:90%"> </div>
</div>
<div class="bar">
<p>Javascript</p>
</div>
<div class="skills">
<div class="skill3" style="width:75%"> </div>
</div>
<div class="bar">
<p>Wordpress</p>
</div>
<div class="skills">
<div class="skill4" style="width:60%"> </div>
</div>
<div class="bar">
<p>Php</p>
</div>
<div class="skills">
网站设计行业单页模板下载是一款漂亮的设计行业作品案例网页模版下载 .rar
版权申诉
36 浏览量
2022-11-20
13:39:25
上传
评论
收藏 827KB RAR 举报
网站设计行业单页模板下载是一款漂亮的设计行业作品案例网页模版下载。.rar （82个子文件） 
网站设计行业单页模板下载是一款漂亮的设计行业作品案例网页模版下载。 moban336 css 
bootstrap.css 118KB style.css 69KB images 
dot.png 3KB what.png 3KB heart.png 362B
tvs.jpg 34KB women-2.jpg 65KB tv.png 473B tw.png 472B 10.png 1KB banner.jpg 81KB pic-7.jpg 10KB 5.png 4KB map-dot.png 2KB 9.png 1005B refresh.png 4KB r.jpg 7KB tvs.png 11KB tab.png 3KB hover-1.png 1KB pic-4.jpg 9KB call.png 4KB footer-1.png 409B hover.png 2KB twi.png 733B arrow.png 1KB f.png 325B twitter.png 669B e.png 1KB search.png 4KB w.jpg 82KB q.jpg 5KB 1.png 4KB facebook.png 428B pic-6.jpg 11KB face.png 509B facebook1.png 323B tv-1.png 433B mobile.png 429B in.png 512B pic-8.jpg 13KB pencil.png 639B t-v.png 3KB tv1.png 8KB women2.jpg 64KB pic-5.jpg 21KB message.png 4KB sp.png 5KB home.png 552B Thumbs.db 310KB color-in.png 879B color-fb.png 738B icons-sp.png 6KB img-sprite1.png 5KB menu.png 381B video.png 510B logo.png 2KB 6.png 3KB in-1.png 597B pic-1.jpg 5KB 2.png 4KB mobile-2.png 2KB 7.png 2KB s.jpg 23KB 4.png 4KB img-sprite.png 5KB women1.jpg 47KB 8.png 1KB hover-2.png 965B pic-2.jpg 19KB color-twit.png 1KB e1.png 2KB button.png 4KB sprite.png 4KB 3.png 4KB pic-3.jpg 14KB
index.html 39KB js jquery.min.js 92KB move-top.js 1KB easing.js 5KB responsiveslides.min.js 3KB jquery.mixitup.min.js 14KB资源评论
