<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<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="Travaux 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>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!---- 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>
<!--start-banner-->
<div class="banner" id="home">
<div class="container">
<div class="banner-top">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
<h1>WORKING <span> WITH DESIGN LAB</span></h1>
<p>We’ve been helping startups launch and grow their businesses. We help you to fill the gap between development, design and product management.</p>
<div class="dwn">
<a href="#about" class="scroll"><img src="images/dwn-arw.png" alt="" /></a>
</div>
</div>
</div>
</div>
<!--end-banner-->
<!--start-about-->
<div class="about" id="about">
<div class="container">
<div class="about-main">
<h3>ABOUT US</h3>
<p> When you work with us, you are part of a team of committed collaborators.<span> All aspects of our software development process are integrated, iterative and agile.</span></p>
<p>Our approach unifies design, development and product management to create exceptional products. We start each project by understanding your business goals, the user’s needs and the product requirements. Then we help translate them into effective and elegant solutions.</p>
</div>
</div>
</div>
<!--end-about-->
<!--start-services-->
<div class="services">
<div class="container">
<div class="services-mian">
<h3>SERVICES</h3>
<p>Before we sign a contract or write a line of code our team will spend the necessary time needed to understand your product vision. </p>
<p>The outcome of this scoping session is a proposal or high-level statement of work. Based on your requirements, we can provide a complete offering or just the pieces you need. </p>
</div>
</div>
</div>
<!--end-services-->
<!--start-what-->
<div class="what">
<div class="container">
<div class="what-mian">
<h3>WHAT WE DO</h3>
<div class="what-top">
<div class="what-one">
<span class="one"> </span>
<h4>DESIGN</h4>
<P>Our design practice offers a full range of services including branding strategy, interaction and visual design and user experience testing.</P>
<P>Throughout your project, our designers create and implement visual designs and workflows, solicit user feedback, and work with you to make sure what gets built is what is needed. </P>
</div>
<div class="what-one">
<span class="two"> </span>
<h4>DEVELOPMENT</h4>
<P>All engineers are fluent in the latest enterprise, mobile and web development technologies. </P>
<P>They collaborate with your team to write, test, and improve code on a daily basis, using proven practices such as test-driven development and pair programing.</P>
</div>
<div class="what-one">
<span class="tre"> </span>
<h4>PRODUCT MANAGEMENT</h4>
<P>Planning and development is iterative. Because we are constantly coding and testing, the products we build are always ready to go live. This iterative process allows for changes as business requirements evolve. </P>
</div>
</div>
</div>
</div>
</div>
<!--end-what-->
<!--start-work-->
<div class="work">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="work-main">
<div class="col-md-4 work-one">
<img src="images/work-1.jpg" alt="" />
<h3>TOPWORKZ</h3>
</div>
<div class="col-md-4 work-one">
<img src="images/work-2.jpg" alt="" />
<h3>JOINT</h3>
</div>
<div class="col-md-4 work-one">
<img src="images/work-3.jpg" alt="" />
<h3>MARKET</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="work-main">
<div class="col-md-4 work-one">
<img src="images/work-4.jpg" alt="" />
<h3>WORKTOP</h3>
</div>
<div class="col-md-4 work-one">
<img src="images/work-5.jpg" alt="" />
<h3>LABLE</h3>
</div>
<div class="col-md-4 work-one">
<img src="images/work-6.jpg" alt="" />
<h3>KYIV</h3>
</div>
<div class="clearfix"></div>
</div>
</li>
<li>
<div class="work-main">
<div class="col-md-4 work-one">
<img src="images/work-4.jpg" alt="" />
<h3>WORKTOP</h3>
</div>
<div class="col-md-4 work-one">
<img src="images/work-6.jpg" alt="" />
<h3>KYIV</h3>
</div>
<div class="col-md-4 work-one">
<img src="images/work-1.jpg" alt="" />
<h3>TOPWORKZ</h3>
</div>
<div class="clearfix"></div>
</div>
<div class="work-main">
<div class="col-md-4 work-one">
<img src="images/work-2.jpg" alt="" />
<h3>JOINT</h3>
</div>
<div class="col-md-4 work-one">
<img src="images/work-3.jpg" alt="" />
<h3>MARKET</h3>
</div>
<div class="col-md-4 work-one">
<img src="images/work-5.jpg" alt="" />
<h3>LABLE</h3>
</div>
<div class="clearfix"></div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!--end-work-->
<!--Slider-Starts-Here-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--End-slider-script-->
<!--start-contact-->
<div class="contact">
<div class="container">
<div class="contact-main">
<h3>CONTACT US</h3>
<p>Planning and development is iterative. Because we are constantly coding and testing, the products we build are always ready to go live. This iterative process allows for changes as business requirements evolve. </p>
<div class="contact-btn">
<a href="contact.html" class="hvr-sweep-to-right">CONTACT US</a>
</div>
</div>
<div class="contact-bottom">
<a href="index.html"><img src="images/logo-1.png" alt="" /></a>
<p>Copyright © 2015.Company name All rights reserved.<a target="_blank" href="
没有合适的资源?快使用搜索试试~ 我知道了~
电脑高手HTML灰色模板是一款适合设计建站公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar
共22个文件
jpg:8个
png:6个
js:4个
0 下载量 40 浏览量
2023-08-06
11:50:10
上传
评论
收藏 399KB RAR 举报
温馨提示
电脑高手HTML灰色模板是一款适合设计建站公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar
资源推荐
资源详情
资源评论
收起资源包目录
电脑高手HTML灰色模板是一款适合设计建站公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar (22个子文件)
电脑高手HTML灰色模板是一款适合设计建站公司网站模板下载。
moban445
js
responsiveslides.min.js 3KB
easing.js 5KB
jquery-1.11.0.min.js 94KB
move-top.js 1KB
css
style.css 26KB
bootstrap.css 118KB
index.html 9KB
contact.html 4KB
images
work-4.jpg 32KB
work-3.jpg 35KB
banner.jpg 165KB
logo.png 6KB
top-arw.png 3KB
work-1.jpg 27KB
contact.png 4KB
service-banner.jpg 58KB
work-5.jpg 38KB
logo-1.png 4KB
services.png 6KB
dwn-arw.png 3KB
work-2.jpg 32KB
work-6.jpg 27KB
共 22 条
- 1
资源评论
76725413
- 粉丝: 15
- 资源: 6951
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功