<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Rocet | Design lab</title>
<script src="/cdn-cgi/apps/head/3ts2ksMwXvKRuG480KNifJ2_JNM.js"></script><link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="description" content="Your description">
<meta name="keywords" content="Your keywords">
<meta name="author" content="Your name">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/device.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/core.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 9]>
<div style='text-align:center'><a href="https://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="https://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div>
<![endif]-->
</head>
<body>
<div id="webSiteLoader"></div>
<div id="glob-wrap">
<div class="gallery_button">
<a href="./gallery.html" class=""><em></em><span class='bg2'></span><span class='bg1'></span></a>
</div>
<header>
<div class="logo2">
<a href="./" class=""><em></em><span class='bg2'></span><span class='bg1'></span></a>
</div>
<!--menu-->
<div class="menu_close">
<a href="" class=""><em></em><span class='bg2'></span><span class='bg1'></span></a>
</div>
<div class='menu_open'>
<nav id="mainNav" class="mainNav hideMenu" data-follow="location" data-type="navigation">
<ul>
<li><a href="./">home</a></li>
<li><a href="./about">about us</a>
<div class="sf-mega">
<ul>
<li><a href="./readmore.html">history</a></li>
<li><a href="./readmore.html">news</a></li>
<li class="last"><a href="./readmore.html">awards</a></li>
</ul>
</div>
</li>
<li><a href="./works">works</a></li>
<li><a href="./staff">staff</a></li>
<li><a href="./awards">awards</a></li>
<li><a href="./contacts">contacts</a></li>
</ul>
</nav>
</div>
<div class="clear"></div>
</header>
<article id="content" data-follow="location" data-type="switcher" data-behavior="scroll" class=''>
<div data-id="" id="page1" class=''>
<div class="bgHolder">
<div class="bg1"></div>
<div class="container">
<div class="row">
<div class="col-lg-12 col-lg-offset-0 col-md-12 col-md-offset-0 col-sm-offset-0 col-sm-12 col-xs-offset-0 col-xs-12 tac perspective">
<!--logo and company name-->
<div class="rocket-fire mob_resize">
<div id="swiffycontainer_fire" style="width: 150px; height: 175px" class='desktop-only'></div>
<img src="img/logo1.png" alt="Rocket" class='desktop-only'>
<img src="img/logo.png" alt="Rocket" class='mob_resize mobile-only'>
</div>
<h1><a href="./" class="navbar-brand">
<span class="extra-wrap">
<span class="logo_slog">Rocket</span>
<em>design lab</em>
</span>
</a></h1>
<a href="./about" class="start">enter</a>
<div class="scroll_logo desktop-only">
<i class="fa-arrow-circle-o-down"></i>
<span class="">SCROLL DOWN</span>
</div>
<p class="copyright desktop-only">rocket &copy; <span id="year"></span> <em>&bull;</em> <a href="./privacy.html">Privacy Policy</a><br><!-- {%FOOTER_LINK} --></p>
</div>
</div>
</div>
</div>
</div>
<div data-id="about" id="page2" class=''>
<div class="bgHolder">
<div class="bg2"></div>
<div class="up2"><a href="./" class="top"><i class="fa-arrow-circle-o-up"></i></a></div>
<div class="container">
<div class="row pad_b_130 mar_t_150">
<div class="col-lg-4 col-lg-offset-0 col-md-4 col-md-offset-0 col-sm-6 col-xs-12 perspective mar_t_200">
<h2>About Us</h2>
<h3 class='mar_t_4'>incidunt ut laboret dolore mgnam. Naliquam quaerat volene nillam corporis suscipit labasic ut aliquidea.</h3>
<p class="mar_t_2 p2_txt_1">
Dastqui dolor ipsumqa dolor sitmet conse tequam eius.
Asmodi tempora innt ut laboret dolore magnam. Naliquam quaerat volenie ullam <a href="./readmore.html" class="">corporis suscipit</a> labasic ut aliquidea commodi consequatur. Sareprehe nderit, muytas dressse,
quamil molestiae consequatur btresa baseras vreas
avel illumpora inciunt ut laboret dolore.
</p>
<a href="./readmore.html" class="btn btn-default mar_t_3 btn_1">more</a>
</div>
<div class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-6 col-md-offset-0 col-xs-12 perspective tac">
<div class="p2_pic1">
<img src="img/p2_pic1.png" alt="" class='image_resize_tab'>
</div>
<h4 class='mar_t_4'>Creative ideas</h4>
<ul class="list_1">
<li><a href="./readmore.html"><span></span>Corporate Identity</a></li>
<li><a href="./readmore.html"><span></span>Web Design and Photography</a></li>
<li><a href="./readmore.html"><span></span>Print & Illustrations</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div data-id="works" id="page3" class=''>
<div class="bgHolder">
<div class="bg3"></div>
<div class="up3"><a href="./about" class="top"><i class="fa-arrow-circle-o-up"></i></a></div>
<div class="container">
<div class="row pad_b_130 mar_t_200">
<div class="col-lg-5 col-lg-offset-0 col-md-5 col-md-offset-0 col-sm-6 col-xs-12 tac perspective">
<div class="slider_box">
<div class="slider_wrapper">
<div>
<div id="camera_wrap">
<div data-src="img/gallery/pic1_m.jpg"></div>
<div data-src="img/gallery/pic2_m.jpg"></div>
<div data-src="img/gallery/pic3_m.jpg"></div>
<div data-src="img/gallery/pic4_m.jpg"></div>
<div data-src="img/gallery/pic5_m.jpg"></div>
<div data-src="img/gallery/pic6_m.jpg"></div>
<div data-src="img/gallery/pic7_m.jpg"></div>
<div data-src="img/gallery/pic8_m.jpg"></div>
<div data-src="img/gallery/pic9_m.jpg"></div>
<div data-src="img/gallery/pic10_m.jpg"></div>
<div data-src="img/gallery/pic11_m.jpg"></div>
<div data-src="img/gallery/pic12_m.jpg"></div>
<div data-src="img/gallery/pic13_m.jpg"></div>
<div data-src="img/gallery/pic14_m.jpg"></div>
<div data-src="img/gallery/pic15_m.jpg"></div>
<div data-src="img/gallery/pic16_m.jpg"></div>
<div data-src="img/gallery/pic17_m.jpg"></div>
</div>
</div>
</div>
</div>
<a href="./gallery.html" class="btn btn-default mar_t_6 btn_2">view all</a>
</div>
<div class="col-lg-4 col-lg-offset-0 col-md-4 col-md-offset-1 col-sm-6 col-md-offset-0 col-xs-12 perspective tac">
<div class="p3_pic1">
<img src="img/p3_pic1.png" alt="" class='image_resize_1 mob_resize'>
</div>
<h4 class="mar_t_3">latest works</h4>
<h3 class="mar_l_4 mar_t_1 tal">
incidunt ut laboret dolore magnam. Naliq quaerat volenenie ullam corporis suscipit labasic ut aliquidea.
</h3>
</div>
</div>
</div>
</div>
</div>
<div data-id="staff" id="page4" class=''>
<div class="bgHolder">
<div class="bg4"></div>
<div class="up4"><a href="./works" class="top"><i class="fa-arrow-circle-o-up"></i></a></div>
<div class="container">
<div class="row pad_b_9 mar_t_150">
<div class="col-lg-5 col-lg-offset-0 col-md-5 col-md-offset-0 col-sm-12 col-xs-12 tac perspective mar_t_100">
<ul class="list_2">
<li><img src="img/p4_pic1.png" alt=""><br><a href="./readmore.html">dan brown</a></li>
<li><img src="img/p4_pic2.png" alt=""><br><a href="./readmore.html">misha tompson</a></li>
<li><img src="img/p4_pic3.png" alt=""><br><a href="./readmore.html">mark morrow</a></li>
<li><img src="img/p4_pic4.png" alt=""><br><a href="./readmore.html">lisa smith</a></li>
</ul>
<div class="clear"></div>
<a href="./readmore.html" class="btn btn-default mar_t_3 mar_l_-7 btn_3">more</a>
</div>
<div class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-12 col-xs-12 tac perspective ">
<div class="p4_pic1">
<img src="img/p4_pic5.png" alt="" class='mob_resize'>
</div>
<h4 class='mar_t_5'>Our<br><span>staff</span></h4>
<h3 class="">
incidunt ut laboret dolore magnam. Naliq quaerat volenenie ullam corporis suscipit labasic ut aliquidea.
</h3>
<p class='p1 mar_t_1'>incidunt ut labornam. Naliquam quaerat volenenie ullam corporis.</p>
</div>
</div>
</div>
</div>
</div>
<div data-id="awards" id="page5" class=''>
<div class="bgHolder">
<div class="bg5"></div>
<div class="up5"><a href="./staff" class="top"><i class="fa-arrow-circle-o-up"></i></a></div>
<div class="container">
<div class="row pad_b_9 mar_t_150">
<div class="col-lg-4 col-lg-offset-0 col-md-4 col-md-offset-0 col-sm-6 col-xs-12 tac perspective mar_t_100">
<div class='block_1'>
<ul class="list_3">
<li><img src="img/p5_pic1.png" alt="">
<p class="">
<a href="./readmore.html" class='mar_t_4'>Dastqui dolorem</a><br>
Vpsumquia dolor sitmet conse tequam eius. Cemodi tempor ncidunt.
</p>
</li>
<li><img src="img/p5_pic2.png" alt="">
<p class="">
<a href="./readmore.html" class='mar_t_25'>ferrode bytars</a><br>
Sipsumquia dolor sitmet conse tequa. Asmodi tempor ncidunt.
</p>
</li>
</ul>
<div class="clear"></div>
<ul class="list_3">
<li><img src="img/p5_pic3.png" alt="">
<p class="">
<a href="./readmore.html" class='mar_t_1'>ceuytas deoiaus</a><br>
Depsumquia dolor sitmet conse tequam eius smodi tempor.
</p>
</li>
<li><img src="img/p5_pic4.png" alt="">
<p class="">
<a href="./readmore.html" class='mar_t_2'>metas vtreases</a><br>
Vaspsumquia dolor sitmet conse tequam eius. Ferodi tempo.
</p>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="tal">
<a href="./readmore.html" class="btn btn-default link mar_t_3 btn_4 ">view all</a>
</div>
</div>
<div class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-6 col-xs-12 tac perspective ">
<div class="p5_pic1">
<img src="img/p5_pic5.png" alt="" class='p5_pic_res_1 mob_resize'>
</div>
<h4 class=''>Our<br><span>awards</span></h4>
<h3 class="">
incidunt ut laboret dolore magnam. Naliq quaerat volenenie ullam corporis suscipit labasic ut aliquidea.
</h3>
<a href="./readmore.html" class="btn btn-default mar_t_3 btn_5">more</a>
</div>
</div>
</div>
</div>
</div>
<div data-id="contacts" id="page6">
<div class="bgHolder">
<div class="bg6"></div>
<div class="up6"><a href="./awards" class="top"><i class="fa-arrow-circle-o-up"></i></a></div>
<div class="container">
<div class="row mar_t_190 pad_b_9">
<div class="col-lg-4 col-lg-offset-0 col-md-4 col-md-offset-0 col-sm-6 col-xs-12 perspective mar_t_180">
<h2>8901 Marmora Road, Glasgow, D04 89GR</h2>
<address>
Freephone: +1 800 559 6580<br>
Telephone: +1 800 603 6535<br>
FAX: +1 800 603 6535<br>
E-mail: <a href="#" onclick="javascript:window.location.href='#'; return false;" class="">[email protected]</a>
</address>
</div>
<div class="col-lg-4 col-lg-offset-1 col-md-4 col-md-offset-1 col-sm-6 col-xs-12 tac perspective ">
<div class="p6_pic1">
<img src="img/p6_pic1.png" alt="" class='p6_pic_res_1'>
</div>
<h4 class='mar_t_5'>primary<br><span>contacts</span></h4>
<h3 class="">
incidunt ut laboret dolore magnam. Naliq quaerat volenenie ullam corporis suscipit labasic ut aliquidea.
</h3>
<a href="./form.html" class="btn btn-default mar_t_3 btn_6">online form</a>
</div>
</div>
</div>
</div>
</div>
</article>
<div id="other_pages" data-follow="location" data-type="switcher" data-flags="ajax">
</div>
<footer class='mobile-only'>
<p class="copyright">rocket &copy; <span id="year"></span> <em>&bull;</em> <a href="./privacy.html">Privacy Policy</a><br><!-- {%FOOTER_LINK} --></p>
</footer>
</div>
<!-- -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7078796-5']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>
</body><!-- Google Tag Manager --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-P9FT69"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-P9FT69');</script><!-- End Google Tag Manager -->
</html>