PSD To Drupal Theme Conversion Services Company India

<!DOCTYPE html>
<head>
    <title>Kopin :: Index </title>
    <meta charset="utf-8">
    <!--<meta charset="windows-1252">-->
    <meta name="viewport" content="width=device-width, initial-scale=1" />   
    <link rel="stylesheet" type="text/css" href="common/css/layout.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="common/css/responsive.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="common/fonts/font.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="common/css/owl.carousel.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="common/css/fancybox.css" />
    <link rel='stylesheet' id='default-style-css'  href='common/css/style.css' type='text/css' media='all' />
    <link rel="stylesheet" type="text/css" href="common/css/css3.css"/>
    <link rel="stylesheet" type="text/css" href="common/css/scroll-pan.css"/>
	<link href="nav/twitter-styles.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="common/css/responsive.css" media="all"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="//use.typekit.net/tbs7vod.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
  <style type='text/css'>
.preload {
	position: fixed;
    top: 0;
	height:100%;z-index:9999999;
	width:100%;background:#fff;
    left: 0;
}
.preload img {
	position: absolute;
    top: 50%;margin-left:-64px;margin-top:-64px;
    left: 50%;
}

  </style>
  


<script type='text/javascript'>
$(window).load(function(){
$(function() {
    $(".preload").fadeOut(1500, function() {
        $(".layout_outer").fadeIn(500);        
    });
});
});

</script>
<!-- SCRIPTS -->
	<script type="text/javascript" src="nav/twitterfeed-fade.js"></script>
    <script type='text/javascript' src='common/js/jquery.parallax.min.js'></script>
    <script type='text/javascript' src='common/js/script.js'></script>
    <!-- SCRIPTS -->
	<!-- SCRIPTS For Share Button -->
    <script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
    <script type="text/javascript">
        //ShareThis options
        stLight.options({
            publisher: "fbaf4ed5-eeee-4800-9b1f-59736082a345",
            doNotHash: false,
            doNotCopy: false,
            hashAddressBar: false,
            onhover:false,
            st_image: 'http://brewlife.com/wp-content/uploads/2015/01/JPM15_Pen_Feature.jpg'
        });</script>
    <link media='screen' type='text/css' rel='stylesheet' href='http://w.sharethis.com/gallery/shareegg/shareegg.css'/>
    <style>
        .st_sharethis_custom{
            background: url("http://path/to/image/file") no-repeat scroll left top transparent;
            padding:0px 16px 0 0;
        }
    </style>
  
</head>
<body>
 <div class="preload"><img src="http://i.imgur.com/KUJoe.gif" /></div>
    <div class="layout_outer">
        <div class="mob_item">
            <!--<span class="close_icon"></span>-->
        </div>
        <div class="layout_inner">
            <header class="header">
                <div class="layout">
                    <a href="#" class="logo" id="logo">
                        <span class="logo_img"><img src="common/images/logo.png" alt=""/></span><span class="logo_text"><img src="common/images/logo_text.png" alt=""/></span>
                        <small class="ipad_logo"><img src="common/images/ipad_logo.png" alt=""/></small>
                    </a>
                    <div class="header_right">
                        <ul class="menu">
                            <li><a href="#" class="menu_hover">ABOUT <small></small></a>
                            <ul class="sub_menu">
                                    <li><a href="#">Innovations</a></li>
                                    <li><a href="#">Management Team</a></li>
                                    <li><a href="#">Speech Enhancement</a></li>
                                    <li><a href="#">Partners & Customers</a></li>
                                    <li><a href="#">Careers</a></li>
                                </ul>
                            </li>
                            <li><a href="#" class="menu_hover">CAPABILITIES <small></small></a>
                                <ul class="sub_menu">
                                    <li><a href="#">Display</a></li>
                                    <li><a href="#">ASIC</a></li>
                                    <li><a href="#">Ergonomics</a></li>
                                    <li><a href="#">Optics</a></li>
                                    <li><a href="#">Speech Enhancement</a></li>
                                    <li><a href="#">Software</a></li>
                                    <li><a href="#">Packaging</a></li>
                                </ul>
                            </li>
                            <li><a href="#" class="menu_hover">OFFERINGS <small></small></a>
                            <ul class="sub_menu">
                                    <li><a href="#">Headset Solutions</a></li>
                                    <li><a href="#">Products</a></li>
                                    <li><a href="#">Rugged Solutions</a></li>
                                </ul>
                            </li>
                            <li><a href="#">NEWS</a></li>
                            <li><a href="#">INVESTORS</a></li>
                            <li class="last"><a href="#">CONTACT</a></li>
                        </ul>
                        <a href="#" class="menu_icon"><span></span></a>
                        <div class="share_sec addthis_button"><a href="javascript:void(0)" class="share_icon st_sharethis_custom"></a></div>
                    </div>
                </div>
            </header>
        <section id="parallax-video" class="banner_outer text-light videobg-section">
            <div class="banner_sec">
                <div class="layout">
                    <h2><span>The freedom to see your world</span><span> without missing the rest of it.</span></h2>
                    <div class="videoWatch"><a href="https://www.youtube.com/watch?v=Ufwp6YnI6nc" target="media-gallery" class="fancybox-media video_ankar">WATCH VIDEO</a></div>
                    <!--<div class="videoWatch"><a href="https://www.youtube.com/watch?v=1w5EEFT-yzw" class="video_ankar">WATCH VIDEO</a></div>-->
                </div>
            </div>
            <div class="down_arrow"><a href="#whyWear_outer"></a></div>
            <span class="banner_bg"></span>
        </section>

        <section class="whyWear_outer" id="whyWear_outer">
            <div class="layout">
                <div class="head_outer">
                    <div class="head">
                        <h3>WHY<span>WEARABLES?</span></h3>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.</p>
                </div>
                <div class="Wslider_outer">
                    <div class="video_slider">
                        <div class="Wslider_box item ">
                            <!-- <figure><img src="common/images/slide1.png" alt=""/></figure>-->
                            <div class="WearVideo"><iframe width="560" height="315" src="//www.youtube.com/embed/Ufwp6YnI6nc" frameborder="0" allowfullscreen></iframe></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non diam et lacus pulvinar venenatis et vestibulum velit. Pellentesque interdum faucibus dui hendrerit ultrices liquam erat volutpat. turpis id diam pulvinar hendrerit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                            <!--  <small class="video_overlay"></small>
                                <a href="#" class="video_icon"></a>-->   
                        </div>
                        <div class="Wslider_box item mob_none">
                            <!-- <figure><img src="common/images/slide1.png" alt=""/></figure>-->
                            <div class="WearVideo"><figure><img src="common/images/slide1.png" alt=""/></figure></div>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non diam et lacus pulvinar venenatis et vestibulum velit. Pellentesque interdum faucibus dui hendrerit ultrices liquam erat volutpat. turpis id diam pulvinar hendrerit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                            <!--  <small class="video_overlay"></small>
                                <a href="#" class="video_icon"></a>-->   
                        </div>
                        <div class="Wslider_box item scroll-pane mob_none">
                            <div class="content_box">
                            <!-- <figure><img src="common/images/slide1.png" alt=""/></figure>-->
                            <strong>Lorem ipsum dolor sit amet?</strong>
                            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc ididunt ut labore et dolore magna aliqua. </span>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur xcepteur sint.</p>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p>
                            
                        </div> 
                        </div>
                    </div>
                </div>
                <div class="seeMore"><a href="#" class="see_ankar">SEE MORE</a></div>
            </div>
        </section>

        <section class="vision_outer">
            <div class="vision_bg">
                <div class="layout">
                    <div class="head_outer">
                        <div class="head">
                            <h3>VISION<span>aries</span></h3>
                        </div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    </div>
                    <div class="vision_sec">
                        <div class="vision_box box1">
                            <strong>Aliquam erat volutpat. </strong>
                            <p>Lorem ipsum dolor sit ame
                                consectetur elit, sed do. 
                            </p>
                        </div>
                        <div class="vision_box box2">
                            <strong>Aliquam erat volutpat. </strong>
                            <p>Amet, consectetur adipisicing elit, 
                                sed do eiusmod.
                            </p>
                        </div>
                        <div class="vision_box box3">
                            <strong>Aliquam erat volutpat. </strong>
                            <p>Lorem ipsum dolor sit amet, consectetur
                                adipisicing elit, sed do. 
                            </p>
                        </div>
                    </div>
                    <div class="learnMore"><a href="#" class="learn_ankar">LEARN MORE</a></div>
                </div>
            </div>
        </section>

        <section class="communicate_outer">
            <div class="layout">
                <div class="head_outer">
                    <div class="head">
                        <h3><small class="grayL"><img src="common/images/grayL.png" alt=""/></small>see.<span>hear</span>.communicate.<small class="grayR"><img src="common/images/grayR.png" alt=""/></small></h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</p>
                    </div>
                </div>

                <ul class="communicate_sec">
                    <li>
                        <div class="communicate_headBg">
                            <div class="communicate_head">
                                <h4>CAPABILITIES</h4>
                                <strong>Ipsum dolor sit ameti psum dolor sit amet</strong>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in.</p>
                            </div>
                        </div>

                        <div class="detail_box">
                            <div class="thumb_slider">
                                <div class="item">
                                    <span class="thumb"><img src="common/images/thumb_icon1.png" alt=""/></span>
                                    <div class="detail_right">
                                        <h5>Display</h5>
                                        <p>Kopin continues to set the standard for near-eye display performance and quality, producing the world's smallest and highest-resolution transmissive liquid crystal displays (LCDs).</p>
                                    </div>
                                    <div class="learnMore"><a href="#" class="learn_ankar">LEARN MORE</a></div>
                                </div>
                                <div class="item">
                                    <span class="thumb"><img src="common/images/thumb_icon1.png" alt=""/></span>
                                    <div class="detail_right">
                                        <h5>Display</h5>
                                        <p>Kopin continues to set the standard for near-eye display performance and quality, producing the world's smallest and highest-resolution transmissive liquid crystal displays (LCDs).</p>
                                    </div>
                                    <div class="learnMore"><a href="#" class="learn_ankar">LEARN MORE</a></div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="right">
                        <div class="communicate_headBg">
                            <div class="communicate_head">
                                <h4>OFFERINGS</h4>
                                <strong>Ipsum dolor sit ameti psum dolor sit amet</strong>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in.</p>
                            </div>
                        </div>
                        <div class="detail_box">
                            <div class="thumb_slider">
                                <div class="item">
                                    <span class="thumb"><img src="common/images/thumb_icon2.png" alt=""/></span>
                                    <div class="detail_right">
                                        <h5>Headset Solutions</h5>
                                        <p>Kopin designs concept systems to help its customers accelerate the development of wearable headset systems. </p>
                                    </div>
                                    <div class="learnMore"><a href="#" class="learn_ankar">LEARN MORE</a></div>
                                </div>
                                <div class="item">
                                    <span class="thumb"><img src="common/images/thumb_icon2.png" alt=""/></span>
                                    <div class="detail_right">
                                        <h5>Headset Solutions</h5>
                                        <p>Kopin designs concept systems to help its customers accelerate the development of wearable headset systems. </p>
                                    </div>
                                    <div class="learnMore"><a href="#" class="learn_ankar">LEARN MORE</a></div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>

        <section class="partner_outer">
            <div class="parner_top">
                <div class="layout">
                    <div class="head_outer">
                        <div class="head">
                            <h3>partners</h3>
                        </div>
                    </div>
                    <div class="curSlider_outer">
                        <div class="curSlider_sec">
                            <div class="iteam">
                                <span><a href="#"><img src="common/images/brand_img1.png" alt=""/></a></span>
                                <span><a href="#"><img src="common/images/brand_img5.png" alt=""/></a></span>
                            </div>
                            <div class="iteam">
                                <span><a href="#"><img src="common/images/brand_img2.png" alt=""/></a></span>
                                <span><a href="#"><img src="common/images/brand_img6.png" alt=""/></a></span>
                            </div>
                            <div class="iteam">
                                <span><img src="common/images/brand_img3.png" alt=""/></span>
                                <span><img src="common/images/brand_img7.png" alt=""/></span>
                            </div>
                            <div class="iteam">
                                <span><a href="#"><img src="common/images/brand_img4.png" alt=""/></a></span>
                                <span><a href="#"><img src="common/images/brand_img8.png" alt=""/></a></span>
                            </div>
                            <div class="iteam">
                                <span><a href="#"><img src="common/images/brand_img9.png" alt=""/></a></span>
                                <span><a href="#"><img src="common/images/brand_img10.png" alt=""/></a></span>
                            </div>
                            <div class="iteam">
                                <span><a href="#"><img src="common/images/brand_img11.png" alt=""/></a></span>
                                <span><a href="#"><img src="common/images/brand_img12.png" alt=""/></a></span>
                            </div>
                            <div class="iteam">
                                <span><a href="#"><img src="common/images/brand_img13.png" alt=""/></a></span>
                                <span><a href="#"><img src="common/images/brand_img14.png" alt=""/></a></span>
                            </div>
                            <div class="iteam">
                                <span><a href="#"><img src="common/images/brand_img15.png" alt=""/></a></span>
                                <span><a href="#"><img src="common/images/brand_img16.png" alt=""/></a></span>
                            </div>   
                            <div class="iteam">
                                <span><a href="#"><img src="common/images/brand_img17.png" alt=""/></a></span>
                                <span><a href="#"><img src="common/images/brand_img18.png" alt=""/></a></span>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="parner_bottom">
                <span class="top_pattern"></span>
                <div class="parner_img horizontalsection parallax-section" id="facts" >
                    <div class="layout">
                        <div class="days_box">
                            <a class="tw_icon" href="https://twitter.com/kopin"><img src="common/images/tw_icon.png" alt=""/></a>
							<div id="twitter-feed" data-chrome="nofooter noheader transparent noborders"></div>
						</div>
                    </div> 
                </div>
                <span class="bottom_pattern"></span>
            </div>
        </section>

        <section class="news_outer">
            <div class="layout">
                <div class="head_outer">
                    <div class="head">
                        <h3>KOPIN<span>NEWS</span></h3>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</p>
                </div>
                <ul class="tab_sec tab">
                    <li class="active"><a href="#press">PRESS RELEASES <small></small></a></li>
                    <li><a href="#news">IN THE NEWS <small></small></a></li>
                </ul>
                <div class="news_sec tab_container" id="press">
                    <ul class="news_inner">
                        <li>
                            <div class="date">
                                <small>DEC</small>
                                <span>15</span>
                            </div>
                            <div class="news_box">
                                <h4><a href="#">PRESS RELEASE</a></h4>
                                <strong>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</strong>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur xcepteur sint.</p>
                            </div>
                            <a href="#" class="plus_icon"></a>
                        </li>
                        <li class="sec">
                            <div class="date">
                                <small>JAN</small>
                                <span>02</span>
                            </div>
                            <div class="news_box">
                                <h4><a href="#">PRESS RELEASE</a></h4>
                                <strong>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</strong>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur xcepteur sint.</p>
                            </div>
                            <a href="#" class="plus_icon"></a>
                        </li>
                        <li class="last">
                            <div class="date">
                                <small>JAN</small>
                                <span>22</span>
                            </div>
                            <div class="news_box">
                                <h4><a href="#">PRESS RELEASE</a></h4>
                                <strong>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</strong>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur xcepteur sint.</p>
                            </div>
                            <a href="#" class="plus_icon"></a>
                        </li>
                    </ul>
                    <a href="#" class="view_all">view all</a>
                </div>
                <div class="news_sec press_sec tab_container" id="news">
                    <ul class="news_inner">
                        <li>
                            <div class="date">
                                <small>DEC</small>
                                <span>15</span>
                            </div>
                            <div class="news_box">
                                <h4><a href="#">PRESS RELEASE</a></h4>
                                <strong>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</strong>
                                <p>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</p>
                            </div>
                            <a href="#" class="plus_icon"></a>
                        </li>
                        <li class="sec">
                            <div class="date">
                                <small>JAN</small>
                                <span>02</span>
                            </div>
                            <div class="news_box">
                                <h4><a href="#">PRESS RELEASE</a></h4>
                                <strong>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</strong>
                                <p>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</p>
                            </div>
                            <a href="#" class="plus_icon"></a>
                        </li>
                        <li class="last">
                            <div class="date">
                                <small>JAN</small>
                                <span>22</span>
                            </div>
                            <div class="news_box">
                                <h4><a href="#">PRESS RELEASE</a></h4>
                                <strong>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</strong>
                                <p>Ipsum dolor sit ameti psum dolor sit amet Ipsum dolor sit ameti psum dolor sit amet.</p>
                            </div>
                            <a href="#" class="plus_icon"></a>
                        </li>
                    </ul>
                    <a href="#" class="view_all">view all</a>
                </div>
            </div>
        </section>

        <footer class="footer">
            <div class="layout">
                <div class="footer_sec">
                    <ul class="footer_menu">
                        <li><a href="#">POLICY</a>/</li>
                        <li><a href="#">LEGAL TERMS</a>/</li>
                        <li><a href="#">CONTACT</a></li>
                    </ul>
                    <ul class="social_icon">
                        <li class="social_icon1"><a href="#"></a></li>
                        <li class="social_icon2"><a href="#"></a></li>
                        <li class="social_icon3"><a href="#"></a></li>
                    </ul>
                    <p class="copyRight"> &copy;2014 Kopin Corporation, Inc. All Rights Reserved</p> 
                    <div class="scroll_icon"></div>
                </div> 
            </div>
        </footer>
        </div>
    </div>
    <script type="text/javascript" src="common/js/html5shiv.js"></script>
    <script type="text/javascript" src="common/js/owl.carousel.js"></script> 
    <script type="text/javascript" src="common/js/fancybox.js"></script> 
    <script type="text/javascript" src="common/js/jquery.fancybox-media.js"></script> 
    <script type="text/javascript" src="common/js/retina.min.js"></script> 
    <script type="text/javascript" src="common/js/jquery.jscrollpane.js"></script> 
    <script type="text/javascript" src="common/js/jquery.mousewheel.js"></script> 
    <script type="text/javascript" src="common/js/mob_menu.js"></script> 
    <script type="text/javascript" src="common/js/custom.js"></script>
	<script type='text/javascript' src='common/js/jquery.visible.min.js'></script>
	
<!-- Js For Scrolling Menu -->
<script src="nav/classie.js"></script>
<script>
    function init() {
        window.addEventListener('scroll', function(e){
            var distanceY = window.pageYOffset || document.documentElement.scrollTop,
                shrinkOn = 100,
                header = document.querySelector("header");
            if (distanceY > shrinkOn) {
                classie.add(header,"smaller");
            } else {
                if (classie.has(header,"smaller")) {
                    classie.remove(header,"smaller");
                }
            }
        });
    }
    window.onload = init();
</script>
</body>
</html>

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
<meta http-equiv='X-UA-Compatible' content='IE=edge'> 
  <title>Our Work |   Chime</title>
  <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />    <link rel="shortcut icon" href="http://www.pixelcrayons.com/common/images/favicon.ico">
    <link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Our Work &raquo; Feed" href="http://www.projectshell.com/feed/" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.projectshell.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.4"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/plugins/js_composer-samba/assets/css/js_composer_front.css?ver=3.6.12">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/uploads/js_composer/custom.css?ver=3.6.12">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/plugins/thumbs-rating/css/style.css?ver=1.0.0">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/custom.css?ver=1.4">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/other.css?ver=1.4">
<style id='samba_other_styles-inline-css' type='text/css'>
#logo_holder
                {
                    margin-top:25px;
                    margin-bottom:25px;
                }
                body,
                .search-query,
                .regular_font,
                input,
                textarea
                {
                    font-family:'PT Sans', sans-serif;
                }
                .woocommerce a.button:hover, 
                .woocommerce button.button:hover, 
                .woocommerce input.button:hover, 
                .woocommerce #respond input#submit:hover,  
                .woocommerce #content input.button:hover, 
                .woocommerce-page a.button:hover, 
                .woocommerce-page button.button:hover, 
                .woocommerce-page input.button:hover, 
                .woocommerce a.button, 
                .woocommerce button.button, 
                .woocommerce input.button, 
                .woocommerce #respond input#submit, 
                .woocommerce #content input.button, 
                .woocommerce-page a.button, 
                .woocommerce-page button.button, 
                .woocommerce-page input.button,
                .woocommerce-page #respond input#submit, 
                .woocommerce-page #content input.button,
                .comments_slider .comment-link,
                .comments_slider .comment-author,
                .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header,
                .wpb_tabs_nav a,
                .theme_button,
                .theme_button_inverted,
                .theme_button input,
                .theme_button_inverted input,
                .prk_composer_title,
                .wpb_button,
                .wpb_heading,
                .wpb_wrapper h2,
                .header_font,
                .nav,
                #nav_footer,
                .sf-menu,
                .day,
                .month,
                .theme_tags,
                .homepage-header,
                .sidebar_bubble,
                .related_single_title,
                .widget-title,
                .masonr_title,
                .masonr_date,
                .entry_title_single,
                .search_rs_ttl,
                .headings_top,
                .post_meta_single .after_icon,
                .post_meta_single .bf_icon,
                .prevnext_single .after_icon,
                .prevnext_single .bf_icon,
                header_font,
                .pir_divider_cats,
                .shortcode-title,
                #single_post_teaser,
                #nav-main.resp_mode li > a,
                #single_portfolio_meta .single_heading,
                .type-post .prevnext_single,
                #single_page_teaser,
                #pir_categories {
                    font-family:'Titillium Web', sans-serif;
                }
                   #blog_ttl,
                        .author_info h4,
                        .prk_titlify_father h3,
                        .prk_titlify_father .widget-title,
                        .entry_title_single h4 {
                            text-transform:uppercase;
            }.prk_inner_block {
            max-width: 1200px;
        }body {
            background-color:#FFFFFF; 
        }
        body {
                    background: url(http://www.projectshell.com/wp-content/themes/samba/images/patterns/cross_scratches.png) fixed;
                }.member_colored_block_in,
            .grid_colored_block,
            .related_fader_grid {
                background-color:#030303;
                background-color: rgba(3, 3, 3, 0.7);
            }
            .sf-menu li a,
                .sf-menu li .prk_btm_square,
                 .sf-menu li a:hover,
                 .prk_gallery_title {
                    color: #cccccc;
                }
                #prk_gallery_close,
                .prk_gallery_control {
                    background-color:#cccccc;
                }
                .pir_divider_menu {
                    border-right:1px dotted rgba(204, 204, 204,0.3);
                }
                a,
                a:hover,
                #top_widgets h3,
                .home_blog_date_text h4,
                .contact_error,
                #top_widgets .email a:hover,
                h3 a:hover,
                .entry-title a:hover,
                #nav_footer .active a,
                #nav_footer a:hover,
                .blog_meta>p>a:hover,
                #blog_entries_masonr .blog_meta a:hover,
                #single_portfolio_meta .comments-link:hover,
                .blog_meta a.comments-link:hover,
                .blog_meta a:hover,
                #mini_menu a:hover,
                .post_meta_single a:hover,
                .entry_title_single .masonr_date>span,
                .post_meta_single #previous_button:hover .after_icon,
                .post_meta_single #next_button:hover .bf_icon,
                #nav-main.resp_mode li > a:hover,
                .a_colored a:hover,
                .recentposts_ul_shortcode .blog_meta a:hover,
                .classic_meta .post-categories li a:hover,
                .headings_top,
                .tiny_bullet,
                #back_to_top,
                #back_to_top-collapsed,
                .not_zero_color {
                    color: #465787;
                }
                .tooltipster-light.inverted,
                .wpb_heading,
                .zero_color,
                .zero_color a,
                .header_font.zero_color a,
                a.zero_color,
                .zero_color a:hover,
                a.zero_color:hover {
                    color: #030303;  
                }
                #after_widgets,
                #footer_in .default_color a,
                #footer_in {
                    color:#b5b5b5;
                }
                #footer_in a,
                #footer_in .theme_button a,
                .footer .widget-title {
                    color:#ffffff;
                }
                #footer_in .theme_button_inverted a:hover,
                #footer_in .theme_button a:hover {
                    color:#ffffff !important;
                }
                body,
                .prk_tags_ul a,
                .blog_meta>p>a,
                .flexslider .headings_body,
                .shortcode_slider .headings_body,
                .padded_text a,
                .post_meta_single .after_icon,
                .post_meta_single .bf_icon,
                .post_meta_single a,
                .blog_meta a,
                .default_color,
                .default_color a,
                .default_color a:hover,
                a.default_color,
                a.default_color:hover,
                .titled_block .grid_single_title span a,
                #no_more .prk_titlify,
                .single_entry_tags a,
                .contact_address_right_single a,
                #samba_search,
                .masonr_read_more a,
                .blog_meta a,
                #nav-main.resp_mode li > a,
                a.smoothed_a,
                .ui-tabs .ui-tabs-nav li a,
                .pirenko_highlighted,
                a.alt_smoothed_a,
                .scode_categories .filter li a,
                select {
                    color:#030303;
                }
                ::-webkit-input-placeholder {
                   color: #030303;
                }
                :-moz-placeholder { /* Firefox 18- */
                   color: #030303;  
                }
                ::-moz-placeholder {  /* Firefox 19+ */
                   color: #030303;  
                }
                :-ms-input-placeholder {  
                   color: #030303;  
                }
                .sf-menu li li.before_nav_icon:before,
                .entry-title a,
                a.lk_text,
                .sidebar_bubble,
                a.lk_text:hover,
                .theme_tags li a,
                .theme_tags li a:hover,
                .related_post a,
                .prk_folio_control,
                .prk_price_featured,
                .menu_bk_color {
                    color:#000000;
                }
                #contact-form textarea {  
                   color:#030303;
                }
                .flex-prev,
                .flex-next,
                a.flex-prev:hover,
                a.flex-next:hover,
                #previous_button a,
                #previous_button a:hover,
                #next_button a,
                #next_button a:hover,
                .mini_arrow_up,
                .prevnext_single a,
                .bx-controls-direction a,
                .bx-controls-direction a:hover,
                #back_portfolio a,
                .prk_price_table.featured,
                .prk_price_table.featured .zero_color,
                .prk_price_table.featured .default_color,
                .tagcloud a,
                #pir_categories li a,
                #pir_categories li a:hover,
                .scode_categories li.active a,
                .scode_categories li.active a:hover,
                .tooltipster-light,
                .site_background_colored a,
                a.site_background_colored,
                .site_background_colored,
                .prk_blockquote.colored_background .in_quote,
                .prk_button_like,
                .body_bk_color,
                .blog_date,
                #prk_gallery_control_right,
                #prk_gallery_control_left,
                #no_more,
                .prk_sharrre_button a,
                .theme_button input,
                .theme_button a,
                .theme_button a:hover,
                .member_function,
                .theme_button_inverted a,
                .theme_button_inverted a:hover,
                #tp_side_close_icon .icon-up-open:before,
                #tp_side_icon .icon-down-open:before,
                .prk_progress_bar,
                .ui-accordion .ui-accordion-header,
                .ui-accordion .ui-accordion-header a,
                .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-hover a {
                    color:#FFFFFF;
                }
                .flex-control-nav li a {
                    background-color: #FFFFFF;
                }
                .flex-control-nav li a {
                    -webkit-box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                    -mobox-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                }
                .sf-menu > li > a {
                    text-shadow:0px 0px 1px rgba(204, 204, 204,0.2);
                }
                #menu_section .mCSB_scrollTools .mCSB_draggerRail,
                #menu_section .sf-menu>li.active>a,
                #menu_section .sub-menu>li.active>a {
                    background-color:#27373c;
                }
                #menu_section.under_logo,
                .opened_menu,
                #after_widgets {
                    border-top:1px solid #27373c;
                }
                .menu_active_colored,
                .sf-menu li.active>a {
                    color:#ffffff;
                }
                .bd_headings_text_shadow {
                    text-shadow:0px 0px 1px rgba(3, 3, 3,0.3);
                }
                .body_text_shadow {
                    text-shadow:0px 0px 1px rgba(3, 3, 3,0.2);
                }
                .flexslider .theme_button_inverted a,
                .navigation-previous,
                .navigation-next,
                .flex-direction-nav li a.flex-next,
                .flex-direction-nav li a.flex-prev {
                    background-color:#111111;
                }
                .prk_menu_block,
                #nprogress .bar,
                #pir_categories li.active a {
                    background-color:#FFFFFF;
                }
                .prk_blockquote.colored_background .in_quote:after {
                    border-color: #FFFFFF rgba(255, 255, 255,0.35) #FFFFFF rgba(255, 255, 255,0.35);
                }
                #author_area.prk_blockquote.colored_background .in_quote:after {
                    border-color: #FFFFFF rgba(3, 3, 3,0.15) #FFFFFF rgba(3, 3, 3,0.15);
                }
                #menu_section.under_logo .sf-menu li a {
                    color:#cccccc !important;
                }
                .headings_top,
                .active_text_shadow {
                    text-shadow:0px 0px 1px rgba(70, 87, 135,0.3);
                }
                #footer_in input {
                    border: 1px solid #27373c;
                    color: #b5b5b5;
                }
                #footer_in input::-webkit-input-placeholder {
                   color: #b5b5b5;
                }
                #footer_in input:-moz-placeholder { /* Firefox 18- */
                   color: #b5b5b5;  
                }
                #footer_in input::-moz-placeholder {  /* Firefox 19+ */
                   color: #b5b5b5;  
                }
                #footer_in input:-ms-input-placeholder {  
                   color: #b5b5b5;
                }
                .commentlist li .comment-author img {
                    border:4px solid #FFFFFF;
                }
                #prk_responsive_menu,
                #menu_section {
                    background-color:rgba(31, 40, 45,1);
                }
                #top_bar_wrapper.at_top {
                    border-left:0px;
                }
                #top_bar_wrapper .post-like,
                .fifty_button {
                    border-right:1px solid #ffffff;
                    border-right: 1px solid rgba(255, 255, 255,0.5);
                }
                .prk_right_panel {
                    border-left:1px solid #ffffff;
                    border-left: 1px solid rgba(255, 255, 255,0.5);
                }
                .theme_button_inverted a {
                    background-color: #111111;
                }
                .tooltipster-light,
                #blog_entries .blog_date,
                .prk_price_table.featured .prk_price_header,
                #prk_gallery_control_right,
                #prk_gallery_control_left,
                .classic_meta .post-categories li a,
                .tagcloud a,
                .prk_sharrre_father,
                .prk_sharrre_button,
                #in_no_more {
                    background-color: #030303;
                }
                .blog_fader_grid {
                    background-color:#030303;
                    background-color: rgba(3, 3, 3, 0.75);
                }
                #menu_section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
                #top_bar_wrapper,
                .bx-controls-direction a,
                .prk_button_like,
                .theme_tags li.active,  
                .blog_icon,
                .inner_line_block,
                .inner_line_single_block,
                .home_fader_grid,
                .theme_button input,
                .theme_button a,
                .sidebar_bubble,
                .big_icon,
                .single_special_line,
                #right_rect,
                #left_rect,
                .special_line,
                .member_function,
                .prk_blockquote.colored_background,
                #tp_side_plus,
                .blog_squared_icon,
                .prk_blockquote.colored_background,
                .tiny_line,
                .back_activated_color,
                .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
                .filter_shortcodes .scode_categories li.active a,
                .active_bar {
                    background-color:#465787;
                }
                .prk_accordion .ui-accordion-content,
                .wpb_accordion_content,
                .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab,
                .ui-tabs .ui-tabs-nav li,
                .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
                .prk_speech,
                .tooltipster-light.inverted,
                .small_squared,
                .inactive_bar,
                .cart-collaterals table,
                .shop_table,
                .woocommerce #payment,
                .woocommerce-error,
                .prk_price_header,
                .liner,
                .es-nav span,
                .btn-primary,
                #magic-line,
                .pirenko_highlighted,
                #nav-main.resp_mode,
                .timeline_tip_top_hide,
                .prk_timeline_tip,
                .tip_top_hide,
                .prk_inner_tip,
                .prk_blockquote,
                #author_area.prk_blockquote.colored_background,
                .colored_bg {
                    background-color:#000000;
                }
                .pir_divider,
                .pir_strong_divider,
                .pir_divider_onbg {
                    background-color:rgba(204, 204, 204,0.6);
                }
                .inner_line_sidebar_block
                {
                    background-color:rgba(70, 87, 135,0.5);
                }
                .sf-menu .sub-menu {
                    border-top:0px solid #1f282d;
                }
                #menu_section.under_logo .sf-menu>li>a {
                    border-bottom:0px solid;
                }
                #prk_responsive_menu.at_top,
                .sf-menu li>a {
                    border-bottom:1px solid #27373c;
                }
                #portfolio_info {
                    border-left:1px solid #030303;
                    border-left:1px solid rgba(3, 3, 3,0.25);
                }
                .wpb_tabs .ui-tabs .ui-tabs-panel {
                    border-top:4px solid #465787;
                }
                .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
                    border-left:1px solid #FFFFFF;
                }
                .wpb_separator, 
                .vc_text_separator,
                .post_meta_single,
                .simple_line,
                .simple_line_onbg,
                .low_subheading,
                .timeline_entry_marker,
                .simple_line.special_size,
                .simple_line.header_divider {
                    border-bottom: 1px solid #242224;
                }
                .simple_line.blog_divider {
                    border-bottom: 6px solid #242224;
                }
                .tinys_wrapper,
                .simple_line.thick {
                    border-bottom: 4px solid #000000;
                }
                #menu_section .tinys_wrapper {
                    border-bottom:4px solid #27373c;
                }
                .prk_titlify_father h2,
                .prk_titlify_father h3,
                .prk_titlify_father h4,
                .prk_titlify_father .prk_vc_title,
                .prk_titlify_father .widget-title {
                    border-bottom: 4px solid #465787;
                }
                .commentlist li .comment-author img {
                    outline: 1px solid #242224;
                }
                .prk_prices_specs li,
                .underp,
                .prk_prices_specs {
                    border-bottom: 1px solid #242224;
                    border-bottom:1px solid rgba(36, 34, 36,0.65);
                }
                .prk_prices_specs {
                    border-top: 1px solid #242224;
                    border-top:1px solid rgba(36, 34, 36,0.65);
                }
                .triangle-topleft {
                    border-top: 50px solid #465787;
                }
                .prk_price_header,
                .post_meta_single,
                #respond .low_subheading,
                .timeline_entry_marker,
                #prk_gallery_footer {
                    border-top:1px solid #242224;
                }
                .wpb_row .wpb_column:last-child .wpb_wrapper .prk_price_table .prk_prices_specs,
                .wpb_row .wpb_column:last-child .wpb_wrapper .prk_price_table .prk_price_header,
                #prk_gallery_counter {
                    border-right:1px solid #242224;
                }
                .timeline_line_inner,
                .comments_liner,
                .prk_prices_specs,
                .prk_price_header,
                #prk_gallery_project_nav,
                #prk_gallery_share {
                    border-left:1px solid #242224;
                }
                .cart-collaterals table,
                table,
                td,
                .woocommerce .quantity input.qty, 
                .woocommerce #content .quantity input.qty, 
                .woocommerce-page .quantity input.qty, 
                .woocommerce-page #content .quantity input.qty,
                .pirenko_highlighted,
                .pk_contact_highlighted,
                .shop_table,
                .woocommerce #payment,
                .woocommerce-error,
                .prk_bordered {
                    border:1px solid #242224;
                }
                .simple_line_colored
                {
                    border-bottom: 1px solid rgba(70, 87, 135,0.8);
                }
                .portfolio_entry_li_db
                {
                    background-color:rgba(0, 0, 0,0.05); 
                }
                .read_more_text
                {
                    background-color:#030303;
                }
                input, 
                textarea, 
                select, 
                .uneditable-input {         
                    border: 1px solid #030303;
                }
                .page-header
                {
                    border-bottom: 1px solid #030303;
                    border-bottom:1px solid rgba(3, 3, 3, 0.20);
                }
                .wpb_tour .ui-state-active, 
                .wpb_tour .ui-widget-content .ui-state-active, 
                .wpb_tour .ui-widget-header .ui-state-active,  
                .wpb_tour .ui-tabs .ui-tabs-nav li.ui-state-active,
                .wpb_tabs .ui-tabs-nav .ui-state-active, 
                .wpb_tabs .ui-tabs-nav .ui-widget-content .ui-state-active, 
                .wpb_tabs .ui-tabs-nav .ui-widget-header .ui-state-active,  
                .wpb_tabs .ui-tabs-nav .ui-tabs .ui-tabs-nav li.ui-state-active {
                    background-color:#465787;
                }
                #menu_section .sf-menu li a {
                     background-color:#1f282d;
                 }#top_bar_wrapper>.fifty_button:first-child {
                        border-left:1px solid #ffffff;
                        border-left: 1px solid rgba(255, 255, 255,0.5);
                    }.boxed_shadow {
                        -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0,0.2);
                        box-shadow:0px 0px 1px rgba(0, 0, 0,0.2);
                    }
                    .woocommerce .boxed_shadow {
                        -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0,0.2) !important;
                        box-shadow:0px 0px 1px rgba(0, 0, 0,0.2) !important;
                    }
                    .next-posts .theme_button a {padding-bottom: 5px;}
.next-posts .theme_button a:hover {color:#fff}
.single_portfolio_custom_field ul { list-style-type:none; margin:0; padding:0}
.pirenko_tags .theme_button_inverted.left_sidebar{
padding:0!important;
}
.single_portfolio_custom_field .post-meta a { color:#030303}
.single_portfolio_custom_field .post-meta a:hover {color:#030303;}
.single_portfolio_custom_field .post-meta-key {color:#030303;font-weight: bold;
font-size: 1.15em;font-family: 'Titillium Web', sans-serif; display:block; clear:left }
#top_bar_wrapper{background-color: #F1C40F !important;}
#footer_in .theme_button_inverted a:hover {color:#000!important}
#single_portfolio_meta .view_more_single{background-color: #F1C40F !important;} 
#pir_categories li.active a { background-color:#ffffff; color:#465787!important;}

.contact_side_Talk{width:100%!important;}
.contact_side_Talk #contact_address{width:48%;float:left;margin-right:2%;}
.contact_side_Talk #contact_description {width:48%;float:left;padding:0;margin-right:2%;}
.contact_side_Talk #contact_description input[type="text"]{background:#fff;    border: 0;}
.contact_side_Talk #contact_description textarea{background:#fff;    border: 0;height:100px;}
@media only screen and (max-width: 1199px) {
#filter_top {
    height: auto !important;
}
}

@media only screen and (max-width: 767px) {
#responsive_logo_holder{width:auto !important; padding-right:0 !important;}
	#menu_section.under_logo, .opened_menu, #after_widgets{
		padding-top:10px !important;
	}
	.widget-6.widget-last.prk-widget-body {
		margin-bottom: 30px;
	}
       .talk_to_us{
              width:60px;
        }
.contact_side_Talk #contact_address{width:100%;margin-right:0%;}
.contact_side_Talk #contact_description {width:100%!important;margin-right:0%;}
.elastislide-horizontal ul li { max-width:100% ! important; max-height: 200px !important;}
}
#single_slider .slides li img {width: auto !important;}
#body_hider{opacity:0 !important;}
#prk_alt_logo_image{width:100% !important; height:auto !important;}

@media(min-width:768px) and (max-width:1920px) {
                            #sidebar {
                                width:195px;
                            }
                            #full-screen-background-image {
                                padding-left:0px;
                            }
                            #prk_ajax_container {
                                margin-left: 90px;
                            }
                            #top_bar_wrapper {
                                margin-left:90px;
                                left:0px;
                            }
                            #prk_responsive_menu {
                                display: block;
                            }
                            #st-container.no-csstransforms3d #menu_section{
                                margin-left:-260px;
                            }
                            .sidebarized.columns {
                                padding-right:215px;
                            }
                            .halfsized.columns {
                                padding-right:285px;
                            }
                            #single-entry-content_half,
                            #full-entry-right {
                                width:265px;
                            }
                            #single_blog_content .single_blog_meta_div.right_floated,
                            #classic_blog_section .single_blog_meta_div.right_floated {
                                float:left;
                            }
                            #single_blog_content .single_blog_meta_div.right_floated .left_floated,
                            #classic_blog_section .single_blog_meta_div.right_floated .left_floated  {
                                float:right;
                            }
                            #contact_side {
                            width:265px;
                        }
                            #classic_blog_section .single_blog_meta_div.right_floated [class*=' navicon-'], 
                            #classic_blog_section .single_blog_meta_div.right_floated [class^='navicon-'],
                            #single_blog_content .single_blog_meta_div.right_floated [class*=' navicon-'], 
                            #single_blog_content .single_blog_meta_div.right_floated [class^='navicon-'] {
                                margin-left:0px !important;
                                margin-right:6px !important;
                                float:left;
                            }
                            #samba_collapse_menu {
                                visibility:visible;
                            }
                        }@media only screen and (max-width: 767px) {
                        .prk_price_table .prk_prices_specs,
                        .prk_price_table .prk_price_header {
                            border-right:1px solid #242224;
                        }
                    }
</style>
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/responsive.css?ver=1.4">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Titillium+Web%3A400%2C400italic%2C600%2C700%2C700italic&#038;ver=4.9.4">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic%2C700italic&#038;ver=4.9.4">
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var thumbs_rating_ajax = {"ajax_url":"http:\/\/www.projectshell.com\/wp-admin\/admin-ajax.php","nonce":"13f6fa7169"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/thumbs-rating/js/general.js?ver=4.0.1'></script>
<link rel='https://api.w.org/' href='http://www.projectshell.com/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.projectshell.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.projectshell.com/wp-includes/wlwmanifest.xml" /> 
<link rel='prev' title='Cfw' href='http://www.projectshell.com/portfolios/cfw/' />
<link rel='next' title='Aryzta' href='http://www.projectshell.com/portfolios/aryzta/' />

<link rel="canonical" href="http://www.projectshell.com/portfolios/chime/" />
<link rel='shortlink' href='http://www.projectshell.com/?p=1275' />
<link rel="alternate" type="application/json+oembed" href="http://www.projectshell.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.projectshell.com%2Fportfolios%2Fchime%2F" />
<link rel="alternate" type="text/xml+oembed" href="http://www.projectshell.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.projectshell.com%2Fportfolios%2Fchime%2F&#038;format=xml" />



</head>
<body class="pirenko_portfolios-template-default single single-pirenko_portfolios postid-1275 wpb-js-composer js-comp-ver-3.6.12 vc_responsive">
<!-- <div class="talk_to_us" style="float:left; position:fixed; right:0; top:0; z-index:999;"><a href="http://www.projectshell.com/contact-us/"><img src="http://www.projectshell.com/wp-content/uploads/2014/08/tk.png" alt="Projectshell" /></a></div> -->
      <div class="prk_meta">
        <div class="prk_page_ttl">Our Work |   Chime</div>
        <div class="prk_body_classes">class="pirenko_portfolios-template-default single single-pirenko_portfolios postid-1275 wpb-js-composer js-comp-ver-3.6.12 vc_responsive"</div>
    </div>
    <div id="dump"></div>
    <div id="prk_pint" data-media="" data-desc=""></div>
    <div class="ultra_wrapper">
    <div id="wrap" class="container columns extra_pad boxed_lay centered" role="document">
      <div id="prk_responsive_menu">
        <div id="nav-collapsed-icon" data-effect="st-effect-14">
          <div class="prk_menu_block"></div>
          <div class="prk_menu_block"></div>
          <div class="prk_menu_block"></div>
        </div>
        <a href="http://www.projectshell.com/" class="fade_anchor">
        <div id="responsive_logo_holder">
          <img src="http://www.projectshell.com/wp-content/uploads/2014/08/logo.png" alt="" width="214" height="62" class="prk_small_logo_image prk_not_retina" />        </div>
        </a>
        <div id="alt_logo_holder" data-effect="st-effect-14">
          <img id="prk_alt_logo_image" alt="" src="http://www.projectshell.com/wp-content/uploads/2016/02/logo.png" width="234" height="67" class="prk_not_retina" />        </div>
        <div id="back_to_top-collapsed">
          <div class="navicon-arrow-up-2"></div>
        </div>
      </div>
      <div id="body_hider"></div>
<div id="st-container" class="st-container">
 
    <!-- content push wrapper -->

    <div class="st-pusher">
      <div id="menu_section">
        <div id="logo_holder" class="columns twelve fade_anchor">
                <a href="http://www.projectshell.com/">
                  <img src="http://www.projectshell.com/wp-content/uploads/2014/08/logo.png" alt="" width="214" height="62" class="prk_logo_image prk_not_retina" />                </a>  
            </div>
            <div class="clearfix"></div>
        <div class="opened_menu twelve"> 
            <nav id="nav-main" class="nav-collapse collapse" role="navigation">
                <div class="nav-wrap">
                      <ul class="sf-menu sf-vertical"><li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home"><a href="http://www.projectshell.com/">Portfolio</a></li>
<li id="menu-item-1514" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.projectshell.com/tagged/casestudy">Case Study</a></li>
</ul>               </div>
            </nav>
        </div>
        <div class="clearfix"></div>
<a href="http://www.pixelcrayons.com/request-a-quote" onclick="window.open(this.href); return false;" style="float:left; width:100%; margin-top:10px; text-align:center;"><img src="http://www.projectshell.com/wp-content/uploads/2014/08/btn.png" alt="Request a Quote" /></a>
<div class="clearfix"></div>
        <div id="samba_collapse_menu" class="close_flagger">
            <div class="navicon-arrow-left-2"></div>
        </div>
        <div id="height_helper"></div>
          <div class="footer">
            <footer id="content-info" role="contentinfo">
                <div id="footer_bk">
                                            <div id="footer_in">
                              <div class="widget-1 widget-first prk-widget-body"><div id="search-4" class="widget-1 widget-first widget widget_search twelve columns"><div class="widget-1 widget-first widget-inner-footer"><form role="search" method="get" id="searchform" class="form-search" action="http://www.projectshell.com/" data-url="http://www.projectshell.com/search/">
	<div class="sform_wrapper">
  		<input type="text" value="" name="s" id="samba_search" class="search-query pirenko_highlighted" placeholder="Search this website..." />
  		<div class="icon-search"></div>
    </div>
</form></div></div><div class="clearfix"></div></div><div class="widget-2 prk-widget-body"><div id="text-2" class="widget-2 widget widget_text twelve columns"><div class="widget-2 widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Type</div><div class="clearfix"></div></div>			<div class="textwidget"><div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">

 
            <li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/CMS/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">CMS</a>
			</li>


			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Mobile/" class="tag-link-14" title="18 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Mobile</a>
			</li>
			<li  class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Portal-Application/" class="tag-link-12" title="17 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Portal/Application</a>
			</li>
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/html/" class="tag-link-15" title="15 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">HTML</a>
			</li>
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/eCommerce/" class="tag-link-11" title="8 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">eCommerce</a>
			</li>
<!--
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Newsletter/" class="tag-link-28" title="8 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Newsletter</a>
			</li>
-->
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Design-Work/" class="tag-link-19" title="7 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Design Work</a></li>

<li class="theme_button_inverted tiny left_sidebar">
<a href="http://www.projectshell.com/tagged/Logo/"  
 class="tag-link-19" title="7 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Logo</a>
			</li>
<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Banner/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Banner</a>
			</li>


		</ul>
	</div>
</div></div>
		</div></div><div class="clearfix"></div></div><div class="widget-3 prk-widget-body"><div id="pirenko-tags-portfolio-widget-2" class="widget-3 widget pirenko-tags-portfolio-widget twelve columns"><div class="widget-3 widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Technology</div><div class="clearfix"></div></div>			<div class="pirenko_tags fade_anchor">
                <ul class="prk_tags_ul">
                    <li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/design/" class="tag-cloud-link tag-link-124 tag-link-position-1" style="font-size: 12px;">Design Work</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/wordpress/" class="tag-cloud-link tag-link-14 tag-link-position-2" style="font-size: 12px;">WordPress</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/html5/" class="tag-cloud-link tag-link-19 tag-link-position-3" style="font-size: 12px;">HTML5</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/drupal/" class="tag-cloud-link tag-link-13 tag-link-position-4" style="font-size: 12px;">Drupal</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/lamp/" class="tag-cloud-link tag-link-11 tag-link-position-5" style="font-size: 12px;">LAMP</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/magento/" class="tag-cloud-link tag-link-12 tag-link-position-6" style="font-size: 12px;">Magento</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/android/" class="tag-cloud-link tag-link-90 tag-link-position-7" style="font-size: 12px;">Android</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/net/" class="tag-cloud-link tag-link-96 tag-link-position-8" style="font-size: 12px;">.NET</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/ios/" class="tag-cloud-link tag-link-89 tag-link-position-9" style="font-size: 12px;">iOS</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/joomla/" class="tag-cloud-link tag-link-18 tag-link-position-10" style="font-size: 12px;">Joomla</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/shopify/" class="tag-cloud-link tag-link-122 tag-link-position-11" style="font-size: 12px;">Shopify</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/xhtml/" class="tag-cloud-link tag-link-59 tag-link-position-12" style="font-size: 12px;">XHTML</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/opencart/" class="tag-cloud-link tag-link-91 tag-link-position-13" style="font-size: 12px;">OpenCart</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/oscommerce/" class="tag-cloud-link tag-link-121 tag-link-position-14" style="font-size: 12px;">OsCommerce</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/ror/" class="tag-cloud-link tag-link-93 tag-link-position-15" style="font-size: 12px;">RoR</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/javascript/" class="tag-cloud-link tag-link-108 tag-link-position-16" style="font-size: 12px;">Javascript</a></li>                </ul>
			</div>
			</div></div><div class="clearfix"></div></div><div class="widget-4 prk-widget-body"><div id="text-3" class="widget-4 widget widget_text twelve columns"><div class="widget-4 widget-inner-footer">			<div class="textwidget"><!-- <div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">
            
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/responsive/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Responsive</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/js-animation/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">JS Animation</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/parallax/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Parallax</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/multi-currency/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Multi-Currency</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/multi-lingual/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Multi-Lingual</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/rtl/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">RTL (Arabic)</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/unicode/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">UniCode</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Augmented Reality/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Augmented Reality</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/google-maps/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Google Maps</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/api/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">API</a>
			</li>
	
		</ul>
	</div>
</div> -->
</div>
		</div></div><div class="clearfix"></div></div><div class="widget-5 widget-last prk-widget-body"><div id="text-4" class="widget-5 widget-last widget widget_text twelve columns"><div class="widget-5 widget-last widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Industry</div><div class="clearfix"></div></div>			<div class="textwidget"><div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">
            
		<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/eCommerce/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">eCommerce</a>
			</li> 
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Travel-&-Tourism/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Travel & Tourism</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Professional-Services/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Professional Services</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Banking-&-Finance/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Banking & Finance</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Manufacturing/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Manufacturing</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Education-&-E-Learning/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Education & E-Learning</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/B2B-B2C/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">B2B/B2C</a>
			</li>
			
			<!-- <li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/fashion-eretail/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Fashion & eRetail</a>
			</li>  -->
			
	<!--		<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Hospitality/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Hospitality (Food/Restaurant/Hotel)</a>
			</li>  -->
			
		<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/government/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Government</a>
			</li>  -->
			
		<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/automotive/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Automotive</a>
			</li>  -->
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Real-Estate/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Real Estate</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Media-&-Entertainment/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Media & Entertainment</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Healthcare/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Healthcare</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Independent-Software-Vendors" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Independent Software Vendor (ISV)</a>
			</li>
			
	<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Logistics-&-Transportation/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Logistics & Transportation</a>
			</li> -->

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Job-Portals/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Job Portals</a>
			</li>
<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Event-Management-Website/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Event Management Website</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Classified/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Classified</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/CRM-ERP/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">CRM/ERP</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Informational-Website/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Informational Website</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/OsCommerce/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">OsCommerce</a>
			</li>
</ul>
	</div>
</div></div>
		</div></div><div class="clearfix"></div></div>                              <div class="clearfix"></div>
                          </div>
                                        </div>
            </footer>
        </div>
  </div>
   <div class="st-content"><!-- this is the wrapper for the content -->
            <div class="st-content-inner"><!-- extra div for emulating position:fixed of the menu -->
                <!-- the content -->
            </div><!-- /st-content-inner -->
        </div><!-- /st-content -->
</div>
</div>


  <div id="top_bar_wrapper" class="on_blog">
      <div class="fifty_button left_floated">
          <div id="samba_close" class="site_background_colored" title="To Blog">
            <div class="navicon-close"></div>
          </div>
      </div>
      <div class="fifty_button left_floated fade_anchor">
          <div id="samba_left" class="left_floated site_background_colored">
            <div class="mover">
              <div id="prk_left_1" class="left_floated navicon-arrow-left-3"></div>
              <div id="prk_left_2" class="left_floated navicon-arrow-left-3 second"></div>
            </div>
          </div>
      </div><!-- navigation-previous-blog -->
      <div class="fifty_button left_floated fade_anchor">
          <div id="samba_right" class="left_floated site_background_colored">
            <div class="mover">
              <div id="prk_right_1" class="left_floated navicon-arrow-right-3"></div>
              <div id="prk_right_2" class="left_floated navicon-arrow-right-3 second"></div>
            </div>
          </div>
      </div><!-- navigation_next -->
  </div>
  <div id="prk_ajax_container" data-ajax_path="http://www.projectshell.com/wp-content/themes/samba/inc/ajax-handler.php" data-retina="prk_not_retina"><div id="centered_block" class="prk_no_change"> 
 <div id="main_block" class="row page-1275">   
                            <div id="content" class="has_top_bar" data-parent="http://www.projectshell.com/">
                <div id="main" class="main_no_sections"> 
                <div class="twelve extra_pad columns prk_inner_block centered">
                    <div class="row prk_row">
                        <article id="single_portfolio_half" class="featured_color post-1275 pirenko_portfolios type-pirenko_portfolios status-publish has-post-thumbnail hentry pirenko_skills-design pirenko_skills-wordpress portfolio_tag-b2b-b2c portfolio_tag-cms portfolio_tag-design-work portfolio_tag-job-portals" data-color="#d61cd6">
                            
                        <div class="twelve columns halfsized">
                            <div id="single_slider" class="flexslider boxed_shadow flexslider_half" data-color="#d61cd6">
                                <ul class="slides" data-autoplay="true">
                                    <li id=slide_1 class=''><div class="prk_magnificent_li body_bk_color" data-mfp-src="http://www.projectshell.com/wp-content/uploads/2016/02/Chime-3.jpg"><div class="navicon-expand-2"></div></div><img src="http://www.projectshell.com/wp-content/uploads/2016/02/Chime-3.jpg" alt="" /></li>                                                    
                                                    <li id=slide_2 class=''><div class="prk_magnificent_li body_bk_color" data-mfp-src="http://www.projectshell.com/wp-content/uploads/2016/02/Chime.jpg"><div class="navicon-expand-2"></div></div><img src="http://www.projectshell.com/wp-content/uploads/2016/02/Chime.jpg" alt="" /></li>                                                    
                                                                                    </ul><!-- slides -->
                                </div>
                            </div><!-- flexslider -->

                            <div id="single-entry-content_half" class="columns">
                                 <div id="prk_nav_close">
                                    <a href="http://www.projectshell.com/" data-pir_title="To Portfolio">Portfolio</a>
                                </div>
                                 <div id="prk_nav_left"><a href="http://www.projectshell.com/portfolios/aryzta/" rel="next" data-pir_title="Aryzta">Aryzta</a></div><div id="prk_nav_right"><a href="http://www.projectshell.com/portfolios/cfw/" rel="prev" data-pir_title="Cfw">Cfw</a></div>                            <div class="clearfix"></div>
                            <div id="portfolio_info_half">
                                 <h2 class="header_font bd_headings_text_shadow zero_color">
                                    Chime                                </h2>
                             <div class="clearfix"></div>
                            </div><!-- #portfolio_info -->
                            <div class="single-entry-content prk_no_composer">
                                <p>Chime solution provides domestic-based customer contact services. It specializes in providing flexible, high quality customer support outsourcing solutions with an emphasis on inbound customer care and help desk support.  We created a very clean WordPress site to highlight the services of the company.</p>
                            </div>
                             
                           <!-- <div id="tiny_line_half" class="tiny_line" data-color="#d61cd6"></div> -->
                            <div  class="thumbs-rating-container" id="thumbs-rating-1275" data-content-id="1275"><span class="thumbs-rating-up thumbs-rating-voted" onclick="thumbs_rating_vote(1275, 1);" data-text="Vote Up +">2</span> <span class="thumbs-rating-down" onclick="thumbs_rating_vote(1275, 2);" data-text="Vote Down -">0</span><span class="thumbs-rating-already-voted" data-text="You already voted!"></span></div> 
                            <div id="single_portfolio_meta">
                                                                                                                  <div class="six_margin_bt">
                                                <div class="single_portfolio_headings zero_color header_font">
                                                                                                    </div>
                                                <div class="block_description default_color side_skills">
                                                                                                    </div>
                                            </div>
                                                                                        <div class="six_margin_bt">
                                                <div class="single_portfolio_headings zero_color header_font">
                                                    						  
                                                </div>
                                                <div class="block_description default_color side_skills">
                                                                                                    </div>
                                            </div>
                                          
<div class="single_portfolio_custom_field">
 
</div>
                                     <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Technologies                                        </div>
                                        <div class="block_description">
                                            WordPress:Custom                                        </div>
                                    </div>
                                                                        <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Industry Type/Domain                                        </div>
                                        <div class="block_description">
                                            Job Portals                                        </div>
                                    </div>
                                                                        <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Solutions                                        </div>
                                        <div class="block_description">
                                            B2B/B2C Portals                                        </div>
                                    </div>
                                                                     <!--   <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                                                                </div>
                                        <div class="block_description">
                                                                                    </div>
                                    </div> -->
                                    <script type="text/javascript">
function newPopup(url) {
popupWindow = window.open(url,'popUpWindow','height=600,width=800, left=50,top=30,resizable=yes,scrollbars=yes, toolbar=yes, menubar=no, location=no,directories=no,status=yes')
}
</script>
                                        <div id="half_portfolio_link" class="theme_button">
                                            <a class="view_more_single left_floated colored_button" href="http://wordpress.iworklab.com/chime/" target="_blank" data-color="#d61cd6">
                                                 Launch Project &rarr;                                            </a>
                                        </div>                                                                    <div id="half_helper" class="clearfix"></div>
                            </div>  
                            </div>
                            <div class="prk_right_panel">                                        <div class="prk_sharrre_wrapper left_floated">
                                            <div class="prk_sharre_btns">
                                                                                                                                                                                                                                                                                                                                                
                                                                                            </div>
                                        </div>
                                    </div>
                                   
                </div>
            </div>
             <div id="after_single_folio" class="twelve centered prk_inner_block columns">
             <div class="columns twelve">        
                                                    <div id="related_projects_wp">
                                        <div class="prk_titlify_father">
                                            <h3 class="small header_font bd_headings_text_shadow prk_bold zero_color">
                                                Related Projects                                            </h3>
                                        </div>
                                            <ul id="carousel_single" class="elastislide-list">  
                                                                                                            <li class="featured_color related_post " data-color="#fac800" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/mandyb/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-1374" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            Mandyb                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work, Shopify                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/02/Mandyb-1-700x463.jpg" width="700" height="463" id="home_fader-1374" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                                <li class="featured_color related_post " data-color="#3d343d" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/digxstudios/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-1738" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            Digxstudios                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work, Drupal                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/04/digxstudios-700x463.jpg" width="700" height="463" id="home_fader-1738" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                                <li class="featured_color related_post third_related" data-color="#bdbdbd" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/fifa-luck/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-1966" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            Fifa luck                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work, WordPress                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/06/fifaluck-700x463.jpg" width="700" height="463" id="home_fader-1966" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                        </ul>
                                            </div>
                                    
                          
            
                                            </div>
        </div>
        </article>
            
        </div>
        <div class="clearfix"></div>
        </div>
                                    </div>
    </div>
</div>
</div>
                                    </div><!-- /#prk_ajax_container -->
                </div><!-- /#wrap -->
            <div class="push"></div>
        </div><!-- #ultra_wrapper -->
        <div class="clearfix"></div>
        <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-53784569-1', 'auto');
  ga('send', 'pageview');

</script>        
	<script>
		jQuery(document).ready(function() {

			// Get all thumbs containers
			jQuery( ".thumbs-rating-container" ).each(function( index ) {

			 	// Get data attribute
			 	 var content_id = jQuery(this).data('content-id');

			 	 var itemName = "thumbsrating"+content_id;

			 	      // Check if this content has localstorage
			 	 	if (localStorage.getItem(itemName)){

						// Check if it's Up or Down vote
						if ( localStorage.getItem("thumbsrating" + content_id + "-1") ){
							jQuery(this).find('.thumbs-rating-up').addClass('thumbs-rating-voted');
						}
						if ( localStorage.getItem("thumbsrating" + content_id + "-0") ){
							jQuery(this).find('.thumbs-rating-down').addClass('thumbs-rating-voted');
						}
					}
			});
		});
	</script>

	        <script type="text/javascript">
            var make_session = false;
            var retina_device = 'prk_not_retina';
            jQuery(function() {
                if( window.devicePixelRatio ) {
                    if(window.devicePixelRatio > 1 && retina_device!=="prk_retina"){
                        jQuery.cookie("samba_retina","prk_retina",{ path: '/' });
                    }
                }
            });
                    </script>
        <script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/js_composer-samba/assets/js/js_composer_front.js?ver=3.6.12'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/bj-lazy-load/js/bj-lazy-load.min.js?ver=2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var ajax_var = {"url":"http:\/\/www.projectshell.com\/wp-admin\/admin-ajax.php","nonce":"53d2d2a36d"};
var theme_options = {"ajax_calls":"true","responsive_width":"1920","bk_url":"","custom_opacity":"0.75","custom_opacity_folio":"0.7","portfolio_link":"http:\/\/www.projectshell.com\/","blog_link":"","home_link":"","home_slug":"","active_color":"#465787","inactive_color":"#030303","menu_up_color":"#cccccc","submenu_color":"#1f282d","background_color_btns":"#030303","background_color_btns_blog":"#030303","menu_active_color":"#ffffff","site_background_color":"#FFFFFF","background_color":"#000000","bd_headings_color":"#030303","menu_subheadings_color":"#27373c","titles_color_footer":"#ffffff","delay_portfolio":"1000","resp_mode":"true","sharrre_dir_prk":"http:\/\/www.projectshell.com\/wp-content\/plugins\/samba_framework","share_text":"Share on","theme_buttons_color":"#111111","buttons_color":"#111111","woo_color":"","woo_link_for_cart":"","woo_link":"","use_custom_colors":"yes","active_woocommerce":"false","active_visual_composer":"true"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/themes/samba/js/main.js?ver=1.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/themes/samba/js/other.js?ver=1.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/accordion.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/button.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/wp-embed.min.js?ver=4.9.4'></script>
    </body>
</html>
<!-- Dynamic page generated in 0.239 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2018-09-02 02:13:10 -->

<!-- super cache -->

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
<meta http-equiv='X-UA-Compatible' content='IE=edge'> 
  <title>Our Work |   Carsquare</title>
  <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />    <link rel="shortcut icon" href="http://www.pixelcrayons.com/common/images/favicon.ico">
    <link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Our Work &raquo; Feed" href="http://www.projectshell.com/feed/" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.projectshell.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.4"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/plugins/js_composer-samba/assets/css/js_composer_front.css?ver=3.6.12">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/uploads/js_composer/custom.css?ver=3.6.12">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/plugins/thumbs-rating/css/style.css?ver=1.0.0">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/custom.css?ver=1.4">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/other.css?ver=1.4">
<style id='samba_other_styles-inline-css' type='text/css'>
#logo_holder
                {
                    margin-top:25px;
                    margin-bottom:25px;
                }
                body,
                .search-query,
                .regular_font,
                input,
                textarea
                {
                    font-family:'PT Sans', sans-serif;
                }
                .woocommerce a.button:hover, 
                .woocommerce button.button:hover, 
                .woocommerce input.button:hover, 
                .woocommerce #respond input#submit:hover,  
                .woocommerce #content input.button:hover, 
                .woocommerce-page a.button:hover, 
                .woocommerce-page button.button:hover, 
                .woocommerce-page input.button:hover, 
                .woocommerce a.button, 
                .woocommerce button.button, 
                .woocommerce input.button, 
                .woocommerce #respond input#submit, 
                .woocommerce #content input.button, 
                .woocommerce-page a.button, 
                .woocommerce-page button.button, 
                .woocommerce-page input.button,
                .woocommerce-page #respond input#submit, 
                .woocommerce-page #content input.button,
                .comments_slider .comment-link,
                .comments_slider .comment-author,
                .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header,
                .wpb_tabs_nav a,
                .theme_button,
                .theme_button_inverted,
                .theme_button input,
                .theme_button_inverted input,
                .prk_composer_title,
                .wpb_button,
                .wpb_heading,
                .wpb_wrapper h2,
                .header_font,
                .nav,
                #nav_footer,
                .sf-menu,
                .day,
                .month,
                .theme_tags,
                .homepage-header,
                .sidebar_bubble,
                .related_single_title,
                .widget-title,
                .masonr_title,
                .masonr_date,
                .entry_title_single,
                .search_rs_ttl,
                .headings_top,
                .post_meta_single .after_icon,
                .post_meta_single .bf_icon,
                .prevnext_single .after_icon,
                .prevnext_single .bf_icon,
                header_font,
                .pir_divider_cats,
                .shortcode-title,
                #single_post_teaser,
                #nav-main.resp_mode li > a,
                #single_portfolio_meta .single_heading,
                .type-post .prevnext_single,
                #single_page_teaser,
                #pir_categories {
                    font-family:'Titillium Web', sans-serif;
                }
                   #blog_ttl,
                        .author_info h4,
                        .prk_titlify_father h3,
                        .prk_titlify_father .widget-title,
                        .entry_title_single h4 {
                            text-transform:uppercase;
            }.prk_inner_block {
            max-width: 1200px;
        }body {
            background-color:#FFFFFF; 
        }
        body {
                    background: url(http://www.projectshell.com/wp-content/themes/samba/images/patterns/cross_scratches.png) fixed;
                }.member_colored_block_in,
            .grid_colored_block,
            .related_fader_grid {
                background-color:#030303;
                background-color: rgba(3, 3, 3, 0.7);
            }
            .sf-menu li a,
                .sf-menu li .prk_btm_square,
                 .sf-menu li a:hover,
                 .prk_gallery_title {
                    color: #cccccc;
                }
                #prk_gallery_close,
                .prk_gallery_control {
                    background-color:#cccccc;
                }
                .pir_divider_menu {
                    border-right:1px dotted rgba(204, 204, 204,0.3);
                }
                a,
                a:hover,
                #top_widgets h3,
                .home_blog_date_text h4,
                .contact_error,
                #top_widgets .email a:hover,
                h3 a:hover,
                .entry-title a:hover,
                #nav_footer .active a,
                #nav_footer a:hover,
                .blog_meta>p>a:hover,
                #blog_entries_masonr .blog_meta a:hover,
                #single_portfolio_meta .comments-link:hover,
                .blog_meta a.comments-link:hover,
                .blog_meta a:hover,
                #mini_menu a:hover,
                .post_meta_single a:hover,
                .entry_title_single .masonr_date>span,
                .post_meta_single #previous_button:hover .after_icon,
                .post_meta_single #next_button:hover .bf_icon,
                #nav-main.resp_mode li > a:hover,
                .a_colored a:hover,
                .recentposts_ul_shortcode .blog_meta a:hover,
                .classic_meta .post-categories li a:hover,
                .headings_top,
                .tiny_bullet,
                #back_to_top,
                #back_to_top-collapsed,
                .not_zero_color {
                    color: #465787;
                }
                .tooltipster-light.inverted,
                .wpb_heading,
                .zero_color,
                .zero_color a,
                .header_font.zero_color a,
                a.zero_color,
                .zero_color a:hover,
                a.zero_color:hover {
                    color: #030303;  
                }
                #after_widgets,
                #footer_in .default_color a,
                #footer_in {
                    color:#b5b5b5;
                }
                #footer_in a,
                #footer_in .theme_button a,
                .footer .widget-title {
                    color:#ffffff;
                }
                #footer_in .theme_button_inverted a:hover,
                #footer_in .theme_button a:hover {
                    color:#ffffff !important;
                }
                body,
                .prk_tags_ul a,
                .blog_meta>p>a,
                .flexslider .headings_body,
                .shortcode_slider .headings_body,
                .padded_text a,
                .post_meta_single .after_icon,
                .post_meta_single .bf_icon,
                .post_meta_single a,
                .blog_meta a,
                .default_color,
                .default_color a,
                .default_color a:hover,
                a.default_color,
                a.default_color:hover,
                .titled_block .grid_single_title span a,
                #no_more .prk_titlify,
                .single_entry_tags a,
                .contact_address_right_single a,
                #samba_search,
                .masonr_read_more a,
                .blog_meta a,
                #nav-main.resp_mode li > a,
                a.smoothed_a,
                .ui-tabs .ui-tabs-nav li a,
                .pirenko_highlighted,
                a.alt_smoothed_a,
                .scode_categories .filter li a,
                select {
                    color:#030303;
                }
                ::-webkit-input-placeholder {
                   color: #030303;
                }
                :-moz-placeholder { /* Firefox 18- */
                   color: #030303;  
                }
                ::-moz-placeholder {  /* Firefox 19+ */
                   color: #030303;  
                }
                :-ms-input-placeholder {  
                   color: #030303;  
                }
                .sf-menu li li.before_nav_icon:before,
                .entry-title a,
                a.lk_text,
                .sidebar_bubble,
                a.lk_text:hover,
                .theme_tags li a,
                .theme_tags li a:hover,
                .related_post a,
                .prk_folio_control,
                .prk_price_featured,
                .menu_bk_color {
                    color:#000000;
                }
                #contact-form textarea {  
                   color:#030303;
                }
                .flex-prev,
                .flex-next,
                a.flex-prev:hover,
                a.flex-next:hover,
                #previous_button a,
                #previous_button a:hover,
                #next_button a,
                #next_button a:hover,
                .mini_arrow_up,
                .prevnext_single a,
                .bx-controls-direction a,
                .bx-controls-direction a:hover,
                #back_portfolio a,
                .prk_price_table.featured,
                .prk_price_table.featured .zero_color,
                .prk_price_table.featured .default_color,
                .tagcloud a,
                #pir_categories li a,
                #pir_categories li a:hover,
                .scode_categories li.active a,
                .scode_categories li.active a:hover,
                .tooltipster-light,
                .site_background_colored a,
                a.site_background_colored,
                .site_background_colored,
                .prk_blockquote.colored_background .in_quote,
                .prk_button_like,
                .body_bk_color,
                .blog_date,
                #prk_gallery_control_right,
                #prk_gallery_control_left,
                #no_more,
                .prk_sharrre_button a,
                .theme_button input,
                .theme_button a,
                .theme_button a:hover,
                .member_function,
                .theme_button_inverted a,
                .theme_button_inverted a:hover,
                #tp_side_close_icon .icon-up-open:before,
                #tp_side_icon .icon-down-open:before,
                .prk_progress_bar,
                .ui-accordion .ui-accordion-header,
                .ui-accordion .ui-accordion-header a,
                .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-hover a {
                    color:#FFFFFF;
                }
                .flex-control-nav li a {
                    background-color: #FFFFFF;
                }
                .flex-control-nav li a {
                    -webkit-box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                    -mobox-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                }
                .sf-menu > li > a {
                    text-shadow:0px 0px 1px rgba(204, 204, 204,0.2);
                }
                #menu_section .mCSB_scrollTools .mCSB_draggerRail,
                #menu_section .sf-menu>li.active>a,
                #menu_section .sub-menu>li.active>a {
                    background-color:#27373c;
                }
                #menu_section.under_logo,
                .opened_menu,
                #after_widgets {
                    border-top:1px solid #27373c;
                }
                .menu_active_colored,
                .sf-menu li.active>a {
                    color:#ffffff;
                }
                .bd_headings_text_shadow {
                    text-shadow:0px 0px 1px rgba(3, 3, 3,0.3);
                }
                .body_text_shadow {
                    text-shadow:0px 0px 1px rgba(3, 3, 3,0.2);
                }
                .flexslider .theme_button_inverted a,
                .navigation-previous,
                .navigation-next,
                .flex-direction-nav li a.flex-next,
                .flex-direction-nav li a.flex-prev {
                    background-color:#111111;
                }
                .prk_menu_block,
                #nprogress .bar,
                #pir_categories li.active a {
                    background-color:#FFFFFF;
                }
                .prk_blockquote.colored_background .in_quote:after {
                    border-color: #FFFFFF rgba(255, 255, 255,0.35) #FFFFFF rgba(255, 255, 255,0.35);
                }
                #author_area.prk_blockquote.colored_background .in_quote:after {
                    border-color: #FFFFFF rgba(3, 3, 3,0.15) #FFFFFF rgba(3, 3, 3,0.15);
                }
                #menu_section.under_logo .sf-menu li a {
                    color:#cccccc !important;
                }
                .headings_top,
                .active_text_shadow {
                    text-shadow:0px 0px 1px rgba(70, 87, 135,0.3);
                }
                #footer_in input {
                    border: 1px solid #27373c;
                    color: #b5b5b5;
                }
                #footer_in input::-webkit-input-placeholder {
                   color: #b5b5b5;
                }
                #footer_in input:-moz-placeholder { /* Firefox 18- */
                   color: #b5b5b5;  
                }
                #footer_in input::-moz-placeholder {  /* Firefox 19+ */
                   color: #b5b5b5;  
                }
                #footer_in input:-ms-input-placeholder {  
                   color: #b5b5b5;
                }
                .commentlist li .comment-author img {
                    border:4px solid #FFFFFF;
                }
                #prk_responsive_menu,
                #menu_section {
                    background-color:rgba(31, 40, 45,1);
                }
                #top_bar_wrapper.at_top {
                    border-left:0px;
                }
                #top_bar_wrapper .post-like,
                .fifty_button {
                    border-right:1px solid #ffffff;
                    border-right: 1px solid rgba(255, 255, 255,0.5);
                }
                .prk_right_panel {
                    border-left:1px solid #ffffff;
                    border-left: 1px solid rgba(255, 255, 255,0.5);
                }
                .theme_button_inverted a {
                    background-color: #111111;
                }
                .tooltipster-light,
                #blog_entries .blog_date,
                .prk_price_table.featured .prk_price_header,
                #prk_gallery_control_right,
                #prk_gallery_control_left,
                .classic_meta .post-categories li a,
                .tagcloud a,
                .prk_sharrre_father,
                .prk_sharrre_button,
                #in_no_more {
                    background-color: #030303;
                }
                .blog_fader_grid {
                    background-color:#030303;
                    background-color: rgba(3, 3, 3, 0.75);
                }
                #menu_section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
                #top_bar_wrapper,
                .bx-controls-direction a,
                .prk_button_like,
                .theme_tags li.active,  
                .blog_icon,
                .inner_line_block,
                .inner_line_single_block,
                .home_fader_grid,
                .theme_button input,
                .theme_button a,
                .sidebar_bubble,
                .big_icon,
                .single_special_line,
                #right_rect,
                #left_rect,
                .special_line,
                .member_function,
                .prk_blockquote.colored_background,
                #tp_side_plus,
                .blog_squared_icon,
                .prk_blockquote.colored_background,
                .tiny_line,
                .back_activated_color,
                .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
                .filter_shortcodes .scode_categories li.active a,
                .active_bar {
                    background-color:#465787;
                }
                .prk_accordion .ui-accordion-content,
                .wpb_accordion_content,
                .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab,
                .ui-tabs .ui-tabs-nav li,
                .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
                .prk_speech,
                .tooltipster-light.inverted,
                .small_squared,
                .inactive_bar,
                .cart-collaterals table,
                .shop_table,
                .woocommerce #payment,
                .woocommerce-error,
                .prk_price_header,
                .liner,
                .es-nav span,
                .btn-primary,
                #magic-line,
                .pirenko_highlighted,
                #nav-main.resp_mode,
                .timeline_tip_top_hide,
                .prk_timeline_tip,
                .tip_top_hide,
                .prk_inner_tip,
                .prk_blockquote,
                #author_area.prk_blockquote.colored_background,
                .colored_bg {
                    background-color:#000000;
                }
                .pir_divider,
                .pir_strong_divider,
                .pir_divider_onbg {
                    background-color:rgba(204, 204, 204,0.6);
                }
                .inner_line_sidebar_block
                {
                    background-color:rgba(70, 87, 135,0.5);
                }
                .sf-menu .sub-menu {
                    border-top:0px solid #1f282d;
                }
                #menu_section.under_logo .sf-menu>li>a {
                    border-bottom:0px solid;
                }
                #prk_responsive_menu.at_top,
                .sf-menu li>a {
                    border-bottom:1px solid #27373c;
                }
                #portfolio_info {
                    border-left:1px solid #030303;
                    border-left:1px solid rgba(3, 3, 3,0.25);
                }
                .wpb_tabs .ui-tabs .ui-tabs-panel {
                    border-top:4px solid #465787;
                }
                .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
                    border-left:1px solid #FFFFFF;
                }
                .wpb_separator, 
                .vc_text_separator,
                .post_meta_single,
                .simple_line,
                .simple_line_onbg,
                .low_subheading,
                .timeline_entry_marker,
                .simple_line.special_size,
                .simple_line.header_divider {
                    border-bottom: 1px solid #242224;
                }
                .simple_line.blog_divider {
                    border-bottom: 6px solid #242224;
                }
                .tinys_wrapper,
                .simple_line.thick {
                    border-bottom: 4px solid #000000;
                }
                #menu_section .tinys_wrapper {
                    border-bottom:4px solid #27373c;
                }
                .prk_titlify_father h2,
                .prk_titlify_father h3,
                .prk_titlify_father h4,
                .prk_titlify_father .prk_vc_title,
                .prk_titlify_father .widget-title {
                    border-bottom: 4px solid #465787;
                }
                .commentlist li .comment-author img {
                    outline: 1px solid #242224;
                }
                .prk_prices_specs li,
                .underp,
                .prk_prices_specs {
                    border-bottom: 1px solid #242224;
                    border-bottom:1px solid rgba(36, 34, 36,0.65);
                }
                .prk_prices_specs {
                    border-top: 1px solid #242224;
                    border-top:1px solid rgba(36, 34, 36,0.65);
                }
                .triangle-topleft {
                    border-top: 50px solid #465787;
                }
                .prk_price_header,
                .post_meta_single,
                #respond .low_subheading,
                .timeline_entry_marker,
                #prk_gallery_footer {
                    border-top:1px solid #242224;
                }
                .wpb_row .wpb_column:last-child .wpb_wrapper .prk_price_table .prk_prices_specs,
                .wpb_row .wpb_column:last-child .wpb_wrapper .prk_price_table .prk_price_header,
                #prk_gallery_counter {
                    border-right:1px solid #242224;
                }
                .timeline_line_inner,
                .comments_liner,
                .prk_prices_specs,
                .prk_price_header,
                #prk_gallery_project_nav,
                #prk_gallery_share {
                    border-left:1px solid #242224;
                }
                .cart-collaterals table,
                table,
                td,
                .woocommerce .quantity input.qty, 
                .woocommerce #content .quantity input.qty, 
                .woocommerce-page .quantity input.qty, 
                .woocommerce-page #content .quantity input.qty,
                .pirenko_highlighted,
                .pk_contact_highlighted,
                .shop_table,
                .woocommerce #payment,
                .woocommerce-error,
                .prk_bordered {
                    border:1px solid #242224;
                }
                .simple_line_colored
                {
                    border-bottom: 1px solid rgba(70, 87, 135,0.8);
                }
                .portfolio_entry_li_db
                {
                    background-color:rgba(0, 0, 0,0.05); 
                }
                .read_more_text
                {
                    background-color:#030303;
                }
                input, 
                textarea, 
                select, 
                .uneditable-input {         
                    border: 1px solid #030303;
                }
                .page-header
                {
                    border-bottom: 1px solid #030303;
                    border-bottom:1px solid rgba(3, 3, 3, 0.20);
                }
                .wpb_tour .ui-state-active, 
                .wpb_tour .ui-widget-content .ui-state-active, 
                .wpb_tour .ui-widget-header .ui-state-active,  
                .wpb_tour .ui-tabs .ui-tabs-nav li.ui-state-active,
                .wpb_tabs .ui-tabs-nav .ui-state-active, 
                .wpb_tabs .ui-tabs-nav .ui-widget-content .ui-state-active, 
                .wpb_tabs .ui-tabs-nav .ui-widget-header .ui-state-active,  
                .wpb_tabs .ui-tabs-nav .ui-tabs .ui-tabs-nav li.ui-state-active {
                    background-color:#465787;
                }
                #menu_section .sf-menu li a {
                     background-color:#1f282d;
                 }#top_bar_wrapper>.fifty_button:first-child {
                        border-left:1px solid #ffffff;
                        border-left: 1px solid rgba(255, 255, 255,0.5);
                    }.boxed_shadow {
                        -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0,0.2);
                        box-shadow:0px 0px 1px rgba(0, 0, 0,0.2);
                    }
                    .woocommerce .boxed_shadow {
                        -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0,0.2) !important;
                        box-shadow:0px 0px 1px rgba(0, 0, 0,0.2) !important;
                    }
                    .next-posts .theme_button a {padding-bottom: 5px;}
.next-posts .theme_button a:hover {color:#fff}
.single_portfolio_custom_field ul { list-style-type:none; margin:0; padding:0}
.pirenko_tags .theme_button_inverted.left_sidebar{
padding:0!important;
}
.single_portfolio_custom_field .post-meta a { color:#030303}
.single_portfolio_custom_field .post-meta a:hover {color:#030303;}
.single_portfolio_custom_field .post-meta-key {color:#030303;font-weight: bold;
font-size: 1.15em;font-family: 'Titillium Web', sans-serif; display:block; clear:left }
#top_bar_wrapper{background-color: #F1C40F !important;}
#footer_in .theme_button_inverted a:hover {color:#000!important}
#single_portfolio_meta .view_more_single{background-color: #F1C40F !important;} 
#pir_categories li.active a { background-color:#ffffff; color:#465787!important;}

.contact_side_Talk{width:100%!important;}
.contact_side_Talk #contact_address{width:48%;float:left;margin-right:2%;}
.contact_side_Talk #contact_description {width:48%;float:left;padding:0;margin-right:2%;}
.contact_side_Talk #contact_description input[type="text"]{background:#fff;    border: 0;}
.contact_side_Talk #contact_description textarea{background:#fff;    border: 0;height:100px;}
@media only screen and (max-width: 1199px) {
#filter_top {
    height: auto !important;
}
}

@media only screen and (max-width: 767px) {
#responsive_logo_holder{width:auto !important; padding-right:0 !important;}
	#menu_section.under_logo, .opened_menu, #after_widgets{
		padding-top:10px !important;
	}
	.widget-6.widget-last.prk-widget-body {
		margin-bottom: 30px;
	}
       .talk_to_us{
              width:60px;
        }
.contact_side_Talk #contact_address{width:100%;margin-right:0%;}
.contact_side_Talk #contact_description {width:100%!important;margin-right:0%;}
.elastislide-horizontal ul li { max-width:100% ! important; max-height: 200px !important;}
}
#single_slider .slides li img {width: auto !important;}
#body_hider{opacity:0 !important;}
#prk_alt_logo_image{width:100% !important; height:auto !important;}

@media(min-width:768px) and (max-width:1920px) {
                            #sidebar {
                                width:195px;
                            }
                            #full-screen-background-image {
                                padding-left:0px;
                            }
                            #prk_ajax_container {
                                margin-left: 90px;
                            }
                            #top_bar_wrapper {
                                margin-left:90px;
                                left:0px;
                            }
                            #prk_responsive_menu {
                                display: block;
                            }
                            #st-container.no-csstransforms3d #menu_section{
                                margin-left:-260px;
                            }
                            .sidebarized.columns {
                                padding-right:215px;
                            }
                            .halfsized.columns {
                                padding-right:285px;
                            }
                            #single-entry-content_half,
                            #full-entry-right {
                                width:265px;
                            }
                            #single_blog_content .single_blog_meta_div.right_floated,
                            #classic_blog_section .single_blog_meta_div.right_floated {
                                float:left;
                            }
                            #single_blog_content .single_blog_meta_div.right_floated .left_floated,
                            #classic_blog_section .single_blog_meta_div.right_floated .left_floated  {
                                float:right;
                            }
                            #contact_side {
                            width:265px;
                        }
                            #classic_blog_section .single_blog_meta_div.right_floated [class*=' navicon-'], 
                            #classic_blog_section .single_blog_meta_div.right_floated [class^='navicon-'],
                            #single_blog_content .single_blog_meta_div.right_floated [class*=' navicon-'], 
                            #single_blog_content .single_blog_meta_div.right_floated [class^='navicon-'] {
                                margin-left:0px !important;
                                margin-right:6px !important;
                                float:left;
                            }
                            #samba_collapse_menu {
                                visibility:visible;
                            }
                        }@media only screen and (max-width: 767px) {
                        .prk_price_table .prk_prices_specs,
                        .prk_price_table .prk_price_header {
                            border-right:1px solid #242224;
                        }
                    }
</style>
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/responsive.css?ver=1.4">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Titillium+Web%3A400%2C400italic%2C600%2C700%2C700italic&#038;ver=4.9.4">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic%2C700italic&#038;ver=4.9.4">
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var thumbs_rating_ajax = {"ajax_url":"http:\/\/www.projectshell.com\/wp-admin\/admin-ajax.php","nonce":"13f6fa7169"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/thumbs-rating/js/general.js?ver=4.0.1'></script>
<link rel='https://api.w.org/' href='http://www.projectshell.com/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.projectshell.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.projectshell.com/wp-includes/wlwmanifest.xml" /> 
<link rel='prev' title='Carelinx' href='http://www.projectshell.com/portfolios/carelinx/' />
<link rel='next' title='Chatmeter' href='http://www.projectshell.com/portfolios/chatmeter/' />

<link rel="canonical" href="http://www.projectshell.com/portfolios/carsquare/" />
<link rel='shortlink' href='http://www.projectshell.com/?p=1895' />
<link rel="alternate" type="application/json+oembed" href="http://www.projectshell.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.projectshell.com%2Fportfolios%2Fcarsquare%2F" />
<link rel="alternate" type="text/xml+oembed" href="http://www.projectshell.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.projectshell.com%2Fportfolios%2Fcarsquare%2F&#038;format=xml" />



</head>
<body class="pirenko_portfolios-template-default single single-pirenko_portfolios postid-1895 wpb-js-composer js-comp-ver-3.6.12 vc_responsive">
<!-- <div class="talk_to_us" style="float:left; position:fixed; right:0; top:0; z-index:999;"><a href="http://www.projectshell.com/contact-us/"><img src="http://www.projectshell.com/wp-content/uploads/2014/08/tk.png" alt="Projectshell" /></a></div> -->
      <div class="prk_meta">
        <div class="prk_page_ttl">Our Work |   Carsquare</div>
        <div class="prk_body_classes">class="pirenko_portfolios-template-default single single-pirenko_portfolios postid-1895 wpb-js-composer js-comp-ver-3.6.12 vc_responsive"</div>
    </div>
    <div id="dump"></div>
    <div id="prk_pint" data-media="" data-desc=""></div>
    <div class="ultra_wrapper">
    <div id="wrap" class="container columns extra_pad boxed_lay centered" role="document">
      <div id="prk_responsive_menu">
        <div id="nav-collapsed-icon" data-effect="st-effect-14">
          <div class="prk_menu_block"></div>
          <div class="prk_menu_block"></div>
          <div class="prk_menu_block"></div>
        </div>
        <a href="http://www.projectshell.com/" class="fade_anchor">
        <div id="responsive_logo_holder">
          <img src="http://www.projectshell.com/wp-content/uploads/2014/08/logo.png" alt="" width="214" height="62" class="prk_small_logo_image prk_not_retina" />        </div>
        </a>
        <div id="alt_logo_holder" data-effect="st-effect-14">
          <img id="prk_alt_logo_image" alt="" src="http://www.projectshell.com/wp-content/uploads/2016/02/logo.png" width="234" height="67" class="prk_not_retina" />        </div>
        <div id="back_to_top-collapsed">
          <div class="navicon-arrow-up-2"></div>
        </div>
      </div>
      <div id="body_hider"></div>
<div id="st-container" class="st-container">
 
    <!-- content push wrapper -->

    <div class="st-pusher">
      <div id="menu_section">
        <div id="logo_holder" class="columns twelve fade_anchor">
                <a href="http://www.projectshell.com/">
                  <img src="http://www.projectshell.com/wp-content/uploads/2014/08/logo.png" alt="" width="214" height="62" class="prk_logo_image prk_not_retina" />                </a>  
            </div>
            <div class="clearfix"></div>
        <div class="opened_menu twelve"> 
            <nav id="nav-main" class="nav-collapse collapse" role="navigation">
                <div class="nav-wrap">
                      <ul class="sf-menu sf-vertical"><li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home"><a href="http://www.projectshell.com/">Portfolio</a></li>
<li id="menu-item-1514" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.projectshell.com/tagged/casestudy">Case Study</a></li>
</ul>               </div>
            </nav>
        </div>
        <div class="clearfix"></div>
<a href="http://www.pixelcrayons.com/request-a-quote" onclick="window.open(this.href); return false;" style="float:left; width:100%; margin-top:10px; text-align:center;"><img src="http://www.projectshell.com/wp-content/uploads/2014/08/btn.png" alt="Request a Quote" /></a>
<div class="clearfix"></div>
        <div id="samba_collapse_menu" class="close_flagger">
            <div class="navicon-arrow-left-2"></div>
        </div>
        <div id="height_helper"></div>
          <div class="footer">
            <footer id="content-info" role="contentinfo">
                <div id="footer_bk">
                                            <div id="footer_in">
                              <div class="widget-1 widget-first prk-widget-body"><div id="search-4" class="widget-1 widget-first widget widget_search twelve columns"><div class="widget-1 widget-first widget-inner-footer"><form role="search" method="get" id="searchform" class="form-search" action="http://www.projectshell.com/" data-url="http://www.projectshell.com/search/">
	<div class="sform_wrapper">
  		<input type="text" value="" name="s" id="samba_search" class="search-query pirenko_highlighted" placeholder="Search this website..." />
  		<div class="icon-search"></div>
    </div>
</form></div></div><div class="clearfix"></div></div><div class="widget-2 prk-widget-body"><div id="text-2" class="widget-2 widget widget_text twelve columns"><div class="widget-2 widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Type</div><div class="clearfix"></div></div>			<div class="textwidget"><div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">

 
            <li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/CMS/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">CMS</a>
			</li>


			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Mobile/" class="tag-link-14" title="18 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Mobile</a>
			</li>
			<li  class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Portal-Application/" class="tag-link-12" title="17 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Portal/Application</a>
			</li>
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/html/" class="tag-link-15" title="15 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">HTML</a>
			</li>
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/eCommerce/" class="tag-link-11" title="8 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">eCommerce</a>
			</li>
<!--
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Newsletter/" class="tag-link-28" title="8 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Newsletter</a>
			</li>
-->
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Design-Work/" class="tag-link-19" title="7 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Design Work</a></li>

<li class="theme_button_inverted tiny left_sidebar">
<a href="http://www.projectshell.com/tagged/Logo/"  
 class="tag-link-19" title="7 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Logo</a>
			</li>
<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Banner/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Banner</a>
			</li>


		</ul>
	</div>
</div></div>
		</div></div><div class="clearfix"></div></div><div class="widget-3 prk-widget-body"><div id="pirenko-tags-portfolio-widget-2" class="widget-3 widget pirenko-tags-portfolio-widget twelve columns"><div class="widget-3 widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Technology</div><div class="clearfix"></div></div>			<div class="pirenko_tags fade_anchor">
                <ul class="prk_tags_ul">
                    <li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/design/" class="tag-cloud-link tag-link-124 tag-link-position-1" style="font-size: 12px;">Design Work</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/wordpress/" class="tag-cloud-link tag-link-14 tag-link-position-2" style="font-size: 12px;">WordPress</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/html5/" class="tag-cloud-link tag-link-19 tag-link-position-3" style="font-size: 12px;">HTML5</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/drupal/" class="tag-cloud-link tag-link-13 tag-link-position-4" style="font-size: 12px;">Drupal</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/lamp/" class="tag-cloud-link tag-link-11 tag-link-position-5" style="font-size: 12px;">LAMP</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/magento/" class="tag-cloud-link tag-link-12 tag-link-position-6" style="font-size: 12px;">Magento</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/android/" class="tag-cloud-link tag-link-90 tag-link-position-7" style="font-size: 12px;">Android</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/net/" class="tag-cloud-link tag-link-96 tag-link-position-8" style="font-size: 12px;">.NET</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/ios/" class="tag-cloud-link tag-link-89 tag-link-position-9" style="font-size: 12px;">iOS</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/joomla/" class="tag-cloud-link tag-link-18 tag-link-position-10" style="font-size: 12px;">Joomla</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/shopify/" class="tag-cloud-link tag-link-122 tag-link-position-11" style="font-size: 12px;">Shopify</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/xhtml/" class="tag-cloud-link tag-link-59 tag-link-position-12" style="font-size: 12px;">XHTML</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/opencart/" class="tag-cloud-link tag-link-91 tag-link-position-13" style="font-size: 12px;">OpenCart</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/oscommerce/" class="tag-cloud-link tag-link-121 tag-link-position-14" style="font-size: 12px;">OsCommerce</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/ror/" class="tag-cloud-link tag-link-93 tag-link-position-15" style="font-size: 12px;">RoR</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/javascript/" class="tag-cloud-link tag-link-108 tag-link-position-16" style="font-size: 12px;">Javascript</a></li>                </ul>
			</div>
			</div></div><div class="clearfix"></div></div><div class="widget-4 prk-widget-body"><div id="text-3" class="widget-4 widget widget_text twelve columns"><div class="widget-4 widget-inner-footer">			<div class="textwidget"><!-- <div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">
            
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/responsive/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Responsive</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/js-animation/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">JS Animation</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/parallax/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Parallax</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/multi-currency/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Multi-Currency</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/multi-lingual/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Multi-Lingual</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/rtl/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">RTL (Arabic)</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/unicode/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">UniCode</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Augmented Reality/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Augmented Reality</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/google-maps/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Google Maps</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/api/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">API</a>
			</li>
	
		</ul>
	</div>
</div> -->
</div>
		</div></div><div class="clearfix"></div></div><div class="widget-5 widget-last prk-widget-body"><div id="text-4" class="widget-5 widget-last widget widget_text twelve columns"><div class="widget-5 widget-last widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Industry</div><div class="clearfix"></div></div>			<div class="textwidget"><div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">
            
		<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/eCommerce/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">eCommerce</a>
			</li> 
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Travel-&-Tourism/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Travel & Tourism</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Professional-Services/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Professional Services</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Banking-&-Finance/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Banking & Finance</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Manufacturing/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Manufacturing</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Education-&-E-Learning/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Education & E-Learning</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/B2B-B2C/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">B2B/B2C</a>
			</li>
			
			<!-- <li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/fashion-eretail/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Fashion & eRetail</a>
			</li>  -->
			
	<!--		<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Hospitality/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Hospitality (Food/Restaurant/Hotel)</a>
			</li>  -->
			
		<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/government/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Government</a>
			</li>  -->
			
		<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/automotive/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Automotive</a>
			</li>  -->
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Real-Estate/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Real Estate</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Media-&-Entertainment/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Media & Entertainment</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Healthcare/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Healthcare</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Independent-Software-Vendors" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Independent Software Vendor (ISV)</a>
			</li>
			
	<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Logistics-&-Transportation/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Logistics & Transportation</a>
			</li> -->

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Job-Portals/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Job Portals</a>
			</li>
<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Event-Management-Website/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Event Management Website</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Classified/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Classified</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/CRM-ERP/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">CRM/ERP</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Informational-Website/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Informational Website</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/OsCommerce/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">OsCommerce</a>
			</li>
</ul>
	</div>
</div></div>
		</div></div><div class="clearfix"></div></div>                              <div class="clearfix"></div>
                          </div>
                                        </div>
            </footer>
        </div>
  </div>
   <div class="st-content"><!-- this is the wrapper for the content -->
            <div class="st-content-inner"><!-- extra div for emulating position:fixed of the menu -->
                <!-- the content -->
            </div><!-- /st-content-inner -->
        </div><!-- /st-content -->
</div>
</div>


  <div id="top_bar_wrapper" class="on_blog">
      <div class="fifty_button left_floated">
          <div id="samba_close" class="site_background_colored" title="To Blog">
            <div class="navicon-close"></div>
          </div>
      </div>
      <div class="fifty_button left_floated fade_anchor">
          <div id="samba_left" class="left_floated site_background_colored">
            <div class="mover">
              <div id="prk_left_1" class="left_floated navicon-arrow-left-3"></div>
              <div id="prk_left_2" class="left_floated navicon-arrow-left-3 second"></div>
            </div>
          </div>
      </div><!-- navigation-previous-blog -->
      <div class="fifty_button left_floated fade_anchor">
          <div id="samba_right" class="left_floated site_background_colored">
            <div class="mover">
              <div id="prk_right_1" class="left_floated navicon-arrow-right-3"></div>
              <div id="prk_right_2" class="left_floated navicon-arrow-right-3 second"></div>
            </div>
          </div>
      </div><!-- navigation_next -->
  </div>
  <div id="prk_ajax_container" data-ajax_path="http://www.projectshell.com/wp-content/themes/samba/inc/ajax-handler.php" data-retina="prk_not_retina"><div id="centered_block" class="prk_no_change"> 
 <div id="main_block" class="row page-1895">   
                            <div id="content" class="has_top_bar" data-parent="http://www.projectshell.com/">
                <div id="main" class="main_no_sections"> 
                <div class="twelve extra_pad columns prk_inner_block centered">
                    <div class="row prk_row">
                        <article id="single_portfolio_half" class="featured_color post-1895 pirenko_portfolios type-pirenko_portfolios status-publish has-post-thumbnail hentry pirenko_skills-design pirenko_skills-html5 portfolio_tag-design-work portfolio_tag-html portfolio_tag-retail-ecommerce" data-color="#c2d6ed">
                            
                        <div class="twelve columns halfsized">
                            <div id="single_slider" class="flexslider boxed_shadow flexslider_half" data-color="#c2d6ed">
                                <ul class="slides" data-autoplay="true">
                                    <li id=slide_1 class=''><div class="prk_magnificent_li body_bk_color" data-mfp-src="http://www.projectshell.com/wp-content/uploads/2016/06/carsquare.jpg"><div class="navicon-expand-2"></div></div><img src="http://www.projectshell.com/wp-content/uploads/2016/06/carsquare.jpg" alt="" /></li>                                                    
                                                                                    </ul><!-- slides -->
                                </div>
                            </div><!-- flexslider -->

                            <div id="single-entry-content_half" class="columns">
                                 <div id="prk_nav_close">
                                    <a href="http://www.projectshell.com/" data-pir_title="To Portfolio">Portfolio</a>
                                </div>
                                 <div id="prk_nav_left"><a href="http://www.projectshell.com/portfolios/chatmeter/" rel="next" data-pir_title="Chatmeter">Chatmeter</a></div><div id="prk_nav_right"><a href="http://www.projectshell.com/portfolios/carelinx/" rel="prev" data-pir_title="Carelinx">Carelinx</a></div>                            <div class="clearfix"></div>
                            <div id="portfolio_info_half">
                                 <h2 class="header_font bd_headings_text_shadow zero_color">
                                    Carsquare                                </h2>
                             <div class="clearfix"></div>
                            </div><!-- #portfolio_info -->
                            <div class="single-entry-content prk_no_composer">
                                <p>This is an eCommerce Website which is made responsive. It comprises many fascinating carousels, enticing graphics and is known for its optimum performance.</p>
                            </div>
                             
                           <!-- <div id="tiny_line_half" class="tiny_line" data-color="#c2d6ed"></div> -->
                            <div  class="thumbs-rating-container" id="thumbs-rating-1895" data-content-id="1895"><span class="thumbs-rating-up" onclick="thumbs_rating_vote(1895, 1);" data-text="Vote Up +">0</span> <span class="thumbs-rating-down" onclick="thumbs_rating_vote(1895, 2);" data-text="Vote Down -">0</span><span class="thumbs-rating-already-voted" data-text="You already voted!"></span></div> 
                            <div id="single_portfolio_meta">
                                                                                                                  <div class="six_margin_bt">
                                                <div class="single_portfolio_headings zero_color header_font">
                                                                                                    </div>
                                                <div class="block_description default_color side_skills">
                                                                                                    </div>
                                            </div>
                                                                                        <div class="six_margin_bt">
                                                <div class="single_portfolio_headings zero_color header_font">
                                                    						  
                                                </div>
                                                <div class="block_description default_color side_skills">
                                                                                                    </div>
                                            </div>
                                          
<div class="single_portfolio_custom_field">
 
</div>
                                     <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Technologies                                        </div>
                                        <div class="block_description">
                                            HTML/HTML5                                        </div>
                                    </div>
                                                                        <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Industry Type/Domain                                        </div>
                                        <div class="block_description">
                                            Classified                                        </div>
                                    </div>
                                                                        <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Solutions                                        </div>
                                        <div class="block_description">
                                            B2B/B2C Portals                                        </div>
                                    </div>
                                                                     <!--   <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                                                                </div>
                                        <div class="block_description">
                                                                                    </div>
                                    </div> -->
                                    <script type="text/javascript">
function newPopup(url) {
popupWindow = window.open(url,'popUpWindow','height=600,width=800, left=50,top=30,resizable=yes,scrollbars=yes, toolbar=yes, menubar=no, location=no,directories=no,status=yes')
}
</script>
                                        <div id="half_portfolio_link" class="theme_button">
                                            <a class="view_more_single left_floated colored_button" href="http://carsquare.com/" target="_blank" data-color="#c2d6ed">
                                                Launch Project &rarr;                                            </a>
                                        </div>                                                                    <div id="half_helper" class="clearfix"></div>
                            </div>  
                            </div>
                            <div class="prk_right_panel">                                        <div class="prk_sharrre_wrapper left_floated">
                                            <div class="prk_sharre_btns">
                                                                                                                                                                                                                                                                                                                                                
                                                                                            </div>
                                        </div>
                                    </div>
                                   
                </div>
            </div>
             <div id="after_single_folio" class="twelve centered prk_inner_block columns">
             <div class="columns twelve">        
                                                    <div id="related_projects_wp">
                                        <div class="prk_titlify_father">
                                            <h3 class="small header_font bd_headings_text_shadow prk_bold zero_color">
                                                Related Projects                                            </h3>
                                        </div>
                                            <ul id="carousel_single" class="elastislide-list">  
                                                                                                            <li class="featured_color related_post " data-color="#fabaaa" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/higherlogic/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-1987" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            Higherlogic                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/06/higherlogic-700x463.jpg" width="700" height="463" id="home_fader-1987" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                                <li class="featured_color related_post " data-color="#b6b4d4" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/joident/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-2014" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            Joident                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work, HTML5                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/06/Joidentv-700x463.jpg" width="700" height="463" id="home_fader-2014" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                                <li class="featured_color related_post third_related" data-color="#755c63" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/visto/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-1261" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            Visto                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work, HTML5                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/02/Visto-1-700x463.jpg" width="700" height="463" id="home_fader-1261" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                        </ul>
                                            </div>
                                    
                          
            
                                            </div>
        </div>
        </article>
            
        </div>
        <div class="clearfix"></div>
        </div>
                                    </div>
    </div>
</div>
</div>
                                    </div><!-- /#prk_ajax_container -->
                </div><!-- /#wrap -->
            <div class="push"></div>
        </div><!-- #ultra_wrapper -->
        <div class="clearfix"></div>
        <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-53784569-1', 'auto');
  ga('send', 'pageview');

</script>        
	<script>
		jQuery(document).ready(function() {

			// Get all thumbs containers
			jQuery( ".thumbs-rating-container" ).each(function( index ) {

			 	// Get data attribute
			 	 var content_id = jQuery(this).data('content-id');

			 	 var itemName = "thumbsrating"+content_id;

			 	      // Check if this content has localstorage
			 	 	if (localStorage.getItem(itemName)){

						// Check if it's Up or Down vote
						if ( localStorage.getItem("thumbsrating" + content_id + "-1") ){
							jQuery(this).find('.thumbs-rating-up').addClass('thumbs-rating-voted');
						}
						if ( localStorage.getItem("thumbsrating" + content_id + "-0") ){
							jQuery(this).find('.thumbs-rating-down').addClass('thumbs-rating-voted');
						}
					}
			});
		});
	</script>

	        <script type="text/javascript">
            var make_session = false;
            var retina_device = 'prk_not_retina';
            jQuery(function() {
                if( window.devicePixelRatio ) {
                    if(window.devicePixelRatio > 1 && retina_device!=="prk_retina"){
                        jQuery.cookie("samba_retina","prk_retina",{ path: '/' });
                    }
                }
            });
                    </script>
        <script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/js_composer-samba/assets/js/js_composer_front.js?ver=3.6.12'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/bj-lazy-load/js/bj-lazy-load.min.js?ver=2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var ajax_var = {"url":"http:\/\/www.projectshell.com\/wp-admin\/admin-ajax.php","nonce":"53d2d2a36d"};
var theme_options = {"ajax_calls":"true","responsive_width":"1920","bk_url":"","custom_opacity":"0.75","custom_opacity_folio":"0.7","portfolio_link":"http:\/\/www.projectshell.com\/","blog_link":"","home_link":"","home_slug":"","active_color":"#465787","inactive_color":"#030303","menu_up_color":"#cccccc","submenu_color":"#1f282d","background_color_btns":"#030303","background_color_btns_blog":"#030303","menu_active_color":"#ffffff","site_background_color":"#FFFFFF","background_color":"#000000","bd_headings_color":"#030303","menu_subheadings_color":"#27373c","titles_color_footer":"#ffffff","delay_portfolio":"1000","resp_mode":"true","sharrre_dir_prk":"http:\/\/www.projectshell.com\/wp-content\/plugins\/samba_framework","share_text":"Share on","theme_buttons_color":"#111111","buttons_color":"#111111","woo_color":"","woo_link_for_cart":"","woo_link":"","use_custom_colors":"yes","active_woocommerce":"false","active_visual_composer":"true"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/themes/samba/js/main.js?ver=1.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/themes/samba/js/other.js?ver=1.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/accordion.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/button.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/wp-embed.min.js?ver=4.9.4'></script>
    </body>
</html>
<!-- Dynamic page generated in 0.211 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2018-09-02 01:39:55 -->

<!-- super cache -->

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
<meta http-equiv='X-UA-Compatible' content='IE=edge'> 
  <title>Our Work |   Backops</title>
  <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />    <link rel="shortcut icon" href="http://www.pixelcrayons.com/common/images/favicon.ico">
    <link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Our Work &raquo; Feed" href="http://www.projectshell.com/feed/" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.projectshell.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.4"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/plugins/js_composer-samba/assets/css/js_composer_front.css?ver=3.6.12">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/uploads/js_composer/custom.css?ver=3.6.12">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/plugins/thumbs-rating/css/style.css?ver=1.0.0">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/custom.css?ver=1.4">
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/other.css?ver=1.4">
<style id='samba_other_styles-inline-css' type='text/css'>
#logo_holder
                {
                    margin-top:25px;
                    margin-bottom:25px;
                }
                body,
                .search-query,
                .regular_font,
                input,
                textarea
                {
                    font-family:'PT Sans', sans-serif;
                }
                .woocommerce a.button:hover, 
                .woocommerce button.button:hover, 
                .woocommerce input.button:hover, 
                .woocommerce #respond input#submit:hover,  
                .woocommerce #content input.button:hover, 
                .woocommerce-page a.button:hover, 
                .woocommerce-page button.button:hover, 
                .woocommerce-page input.button:hover, 
                .woocommerce a.button, 
                .woocommerce button.button, 
                .woocommerce input.button, 
                .woocommerce #respond input#submit, 
                .woocommerce #content input.button, 
                .woocommerce-page a.button, 
                .woocommerce-page button.button, 
                .woocommerce-page input.button,
                .woocommerce-page #respond input#submit, 
                .woocommerce-page #content input.button,
                .comments_slider .comment-link,
                .comments_slider .comment-author,
                .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header,
                .wpb_tabs_nav a,
                .theme_button,
                .theme_button_inverted,
                .theme_button input,
                .theme_button_inverted input,
                .prk_composer_title,
                .wpb_button,
                .wpb_heading,
                .wpb_wrapper h2,
                .header_font,
                .nav,
                #nav_footer,
                .sf-menu,
                .day,
                .month,
                .theme_tags,
                .homepage-header,
                .sidebar_bubble,
                .related_single_title,
                .widget-title,
                .masonr_title,
                .masonr_date,
                .entry_title_single,
                .search_rs_ttl,
                .headings_top,
                .post_meta_single .after_icon,
                .post_meta_single .bf_icon,
                .prevnext_single .after_icon,
                .prevnext_single .bf_icon,
                header_font,
                .pir_divider_cats,
                .shortcode-title,
                #single_post_teaser,
                #nav-main.resp_mode li > a,
                #single_portfolio_meta .single_heading,
                .type-post .prevnext_single,
                #single_page_teaser,
                #pir_categories {
                    font-family:'Titillium Web', sans-serif;
                }
                   #blog_ttl,
                        .author_info h4,
                        .prk_titlify_father h3,
                        .prk_titlify_father .widget-title,
                        .entry_title_single h4 {
                            text-transform:uppercase;
            }.prk_inner_block {
            max-width: 1200px;
        }body {
            background-color:#FFFFFF; 
        }
        body {
                    background: url(http://www.projectshell.com/wp-content/themes/samba/images/patterns/cross_scratches.png) fixed;
                }.member_colored_block_in,
            .grid_colored_block,
            .related_fader_grid {
                background-color:#030303;
                background-color: rgba(3, 3, 3, 0.7);
            }
            .sf-menu li a,
                .sf-menu li .prk_btm_square,
                 .sf-menu li a:hover,
                 .prk_gallery_title {
                    color: #cccccc;
                }
                #prk_gallery_close,
                .prk_gallery_control {
                    background-color:#cccccc;
                }
                .pir_divider_menu {
                    border-right:1px dotted rgba(204, 204, 204,0.3);
                }
                a,
                a:hover,
                #top_widgets h3,
                .home_blog_date_text h4,
                .contact_error,
                #top_widgets .email a:hover,
                h3 a:hover,
                .entry-title a:hover,
                #nav_footer .active a,
                #nav_footer a:hover,
                .blog_meta>p>a:hover,
                #blog_entries_masonr .blog_meta a:hover,
                #single_portfolio_meta .comments-link:hover,
                .blog_meta a.comments-link:hover,
                .blog_meta a:hover,
                #mini_menu a:hover,
                .post_meta_single a:hover,
                .entry_title_single .masonr_date>span,
                .post_meta_single #previous_button:hover .after_icon,
                .post_meta_single #next_button:hover .bf_icon,
                #nav-main.resp_mode li > a:hover,
                .a_colored a:hover,
                .recentposts_ul_shortcode .blog_meta a:hover,
                .classic_meta .post-categories li a:hover,
                .headings_top,
                .tiny_bullet,
                #back_to_top,
                #back_to_top-collapsed,
                .not_zero_color {
                    color: #465787;
                }
                .tooltipster-light.inverted,
                .wpb_heading,
                .zero_color,
                .zero_color a,
                .header_font.zero_color a,
                a.zero_color,
                .zero_color a:hover,
                a.zero_color:hover {
                    color: #030303;  
                }
                #after_widgets,
                #footer_in .default_color a,
                #footer_in {
                    color:#b5b5b5;
                }
                #footer_in a,
                #footer_in .theme_button a,
                .footer .widget-title {
                    color:#ffffff;
                }
                #footer_in .theme_button_inverted a:hover,
                #footer_in .theme_button a:hover {
                    color:#ffffff !important;
                }
                body,
                .prk_tags_ul a,
                .blog_meta>p>a,
                .flexslider .headings_body,
                .shortcode_slider .headings_body,
                .padded_text a,
                .post_meta_single .after_icon,
                .post_meta_single .bf_icon,
                .post_meta_single a,
                .blog_meta a,
                .default_color,
                .default_color a,
                .default_color a:hover,
                a.default_color,
                a.default_color:hover,
                .titled_block .grid_single_title span a,
                #no_more .prk_titlify,
                .single_entry_tags a,
                .contact_address_right_single a,
                #samba_search,
                .masonr_read_more a,
                .blog_meta a,
                #nav-main.resp_mode li > a,
                a.smoothed_a,
                .ui-tabs .ui-tabs-nav li a,
                .pirenko_highlighted,
                a.alt_smoothed_a,
                .scode_categories .filter li a,
                select {
                    color:#030303;
                }
                ::-webkit-input-placeholder {
                   color: #030303;
                }
                :-moz-placeholder { /* Firefox 18- */
                   color: #030303;  
                }
                ::-moz-placeholder {  /* Firefox 19+ */
                   color: #030303;  
                }
                :-ms-input-placeholder {  
                   color: #030303;  
                }
                .sf-menu li li.before_nav_icon:before,
                .entry-title a,
                a.lk_text,
                .sidebar_bubble,
                a.lk_text:hover,
                .theme_tags li a,
                .theme_tags li a:hover,
                .related_post a,
                .prk_folio_control,
                .prk_price_featured,
                .menu_bk_color {
                    color:#000000;
                }
                #contact-form textarea {  
                   color:#030303;
                }
                .flex-prev,
                .flex-next,
                a.flex-prev:hover,
                a.flex-next:hover,
                #previous_button a,
                #previous_button a:hover,
                #next_button a,
                #next_button a:hover,
                .mini_arrow_up,
                .prevnext_single a,
                .bx-controls-direction a,
                .bx-controls-direction a:hover,
                #back_portfolio a,
                .prk_price_table.featured,
                .prk_price_table.featured .zero_color,
                .prk_price_table.featured .default_color,
                .tagcloud a,
                #pir_categories li a,
                #pir_categories li a:hover,
                .scode_categories li.active a,
                .scode_categories li.active a:hover,
                .tooltipster-light,
                .site_background_colored a,
                a.site_background_colored,
                .site_background_colored,
                .prk_blockquote.colored_background .in_quote,
                .prk_button_like,
                .body_bk_color,
                .blog_date,
                #prk_gallery_control_right,
                #prk_gallery_control_left,
                #no_more,
                .prk_sharrre_button a,
                .theme_button input,
                .theme_button a,
                .theme_button a:hover,
                .member_function,
                .theme_button_inverted a,
                .theme_button_inverted a:hover,
                #tp_side_close_icon .icon-up-open:before,
                #tp_side_icon .icon-down-open:before,
                .prk_progress_bar,
                .ui-accordion .ui-accordion-header,
                .ui-accordion .ui-accordion-header a,
                .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-hover a {
                    color:#FFFFFF;
                }
                .flex-control-nav li a {
                    background-color: #FFFFFF;
                }
                .flex-control-nav li a {
                    -webkit-box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                    -mobox-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.75);
                }
                .sf-menu > li > a {
                    text-shadow:0px 0px 1px rgba(204, 204, 204,0.2);
                }
                #menu_section .mCSB_scrollTools .mCSB_draggerRail,
                #menu_section .sf-menu>li.active>a,
                #menu_section .sub-menu>li.active>a {
                    background-color:#27373c;
                }
                #menu_section.under_logo,
                .opened_menu,
                #after_widgets {
                    border-top:1px solid #27373c;
                }
                .menu_active_colored,
                .sf-menu li.active>a {
                    color:#ffffff;
                }
                .bd_headings_text_shadow {
                    text-shadow:0px 0px 1px rgba(3, 3, 3,0.3);
                }
                .body_text_shadow {
                    text-shadow:0px 0px 1px rgba(3, 3, 3,0.2);
                }
                .flexslider .theme_button_inverted a,
                .navigation-previous,
                .navigation-next,
                .flex-direction-nav li a.flex-next,
                .flex-direction-nav li a.flex-prev {
                    background-color:#111111;
                }
                .prk_menu_block,
                #nprogress .bar,
                #pir_categories li.active a {
                    background-color:#FFFFFF;
                }
                .prk_blockquote.colored_background .in_quote:after {
                    border-color: #FFFFFF rgba(255, 255, 255,0.35) #FFFFFF rgba(255, 255, 255,0.35);
                }
                #author_area.prk_blockquote.colored_background .in_quote:after {
                    border-color: #FFFFFF rgba(3, 3, 3,0.15) #FFFFFF rgba(3, 3, 3,0.15);
                }
                #menu_section.under_logo .sf-menu li a {
                    color:#cccccc !important;
                }
                .headings_top,
                .active_text_shadow {
                    text-shadow:0px 0px 1px rgba(70, 87, 135,0.3);
                }
                #footer_in input {
                    border: 1px solid #27373c;
                    color: #b5b5b5;
                }
                #footer_in input::-webkit-input-placeholder {
                   color: #b5b5b5;
                }
                #footer_in input:-moz-placeholder { /* Firefox 18- */
                   color: #b5b5b5;  
                }
                #footer_in input::-moz-placeholder {  /* Firefox 19+ */
                   color: #b5b5b5;  
                }
                #footer_in input:-ms-input-placeholder {  
                   color: #b5b5b5;
                }
                .commentlist li .comment-author img {
                    border:4px solid #FFFFFF;
                }
                #prk_responsive_menu,
                #menu_section {
                    background-color:rgba(31, 40, 45,1);
                }
                #top_bar_wrapper.at_top {
                    border-left:0px;
                }
                #top_bar_wrapper .post-like,
                .fifty_button {
                    border-right:1px solid #ffffff;
                    border-right: 1px solid rgba(255, 255, 255,0.5);
                }
                .prk_right_panel {
                    border-left:1px solid #ffffff;
                    border-left: 1px solid rgba(255, 255, 255,0.5);
                }
                .theme_button_inverted a {
                    background-color: #111111;
                }
                .tooltipster-light,
                #blog_entries .blog_date,
                .prk_price_table.featured .prk_price_header,
                #prk_gallery_control_right,
                #prk_gallery_control_left,
                .classic_meta .post-categories li a,
                .tagcloud a,
                .prk_sharrre_father,
                .prk_sharrre_button,
                #in_no_more {
                    background-color: #030303;
                }
                .blog_fader_grid {
                    background-color:#030303;
                    background-color: rgba(3, 3, 3, 0.75);
                }
                #menu_section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
                #top_bar_wrapper,
                .bx-controls-direction a,
                .prk_button_like,
                .theme_tags li.active,  
                .blog_icon,
                .inner_line_block,
                .inner_line_single_block,
                .home_fader_grid,
                .theme_button input,
                .theme_button a,
                .sidebar_bubble,
                .big_icon,
                .single_special_line,
                #right_rect,
                #left_rect,
                .special_line,
                .member_function,
                .prk_blockquote.colored_background,
                #tp_side_plus,
                .blog_squared_icon,
                .prk_blockquote.colored_background,
                .tiny_line,
                .back_activated_color,
                .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
                .filter_shortcodes .scode_categories li.active a,
                .active_bar {
                    background-color:#465787;
                }
                .prk_accordion .ui-accordion-content,
                .wpb_accordion_content,
                .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab,
                .ui-tabs .ui-tabs-nav li,
                .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
                .prk_speech,
                .tooltipster-light.inverted,
                .small_squared,
                .inactive_bar,
                .cart-collaterals table,
                .shop_table,
                .woocommerce #payment,
                .woocommerce-error,
                .prk_price_header,
                .liner,
                .es-nav span,
                .btn-primary,
                #magic-line,
                .pirenko_highlighted,
                #nav-main.resp_mode,
                .timeline_tip_top_hide,
                .prk_timeline_tip,
                .tip_top_hide,
                .prk_inner_tip,
                .prk_blockquote,
                #author_area.prk_blockquote.colored_background,
                .colored_bg {
                    background-color:#000000;
                }
                .pir_divider,
                .pir_strong_divider,
                .pir_divider_onbg {
                    background-color:rgba(204, 204, 204,0.6);
                }
                .inner_line_sidebar_block
                {
                    background-color:rgba(70, 87, 135,0.5);
                }
                .sf-menu .sub-menu {
                    border-top:0px solid #1f282d;
                }
                #menu_section.under_logo .sf-menu>li>a {
                    border-bottom:0px solid;
                }
                #prk_responsive_menu.at_top,
                .sf-menu li>a {
                    border-bottom:1px solid #27373c;
                }
                #portfolio_info {
                    border-left:1px solid #030303;
                    border-left:1px solid rgba(3, 3, 3,0.25);
                }
                .wpb_tabs .ui-tabs .ui-tabs-panel {
                    border-top:4px solid #465787;
                }
                .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
                    border-left:1px solid #FFFFFF;
                }
                .wpb_separator, 
                .vc_text_separator,
                .post_meta_single,
                .simple_line,
                .simple_line_onbg,
                .low_subheading,
                .timeline_entry_marker,
                .simple_line.special_size,
                .simple_line.header_divider {
                    border-bottom: 1px solid #242224;
                }
                .simple_line.blog_divider {
                    border-bottom: 6px solid #242224;
                }
                .tinys_wrapper,
                .simple_line.thick {
                    border-bottom: 4px solid #000000;
                }
                #menu_section .tinys_wrapper {
                    border-bottom:4px solid #27373c;
                }
                .prk_titlify_father h2,
                .prk_titlify_father h3,
                .prk_titlify_father h4,
                .prk_titlify_father .prk_vc_title,
                .prk_titlify_father .widget-title {
                    border-bottom: 4px solid #465787;
                }
                .commentlist li .comment-author img {
                    outline: 1px solid #242224;
                }
                .prk_prices_specs li,
                .underp,
                .prk_prices_specs {
                    border-bottom: 1px solid #242224;
                    border-bottom:1px solid rgba(36, 34, 36,0.65);
                }
                .prk_prices_specs {
                    border-top: 1px solid #242224;
                    border-top:1px solid rgba(36, 34, 36,0.65);
                }
                .triangle-topleft {
                    border-top: 50px solid #465787;
                }
                .prk_price_header,
                .post_meta_single,
                #respond .low_subheading,
                .timeline_entry_marker,
                #prk_gallery_footer {
                    border-top:1px solid #242224;
                }
                .wpb_row .wpb_column:last-child .wpb_wrapper .prk_price_table .prk_prices_specs,
                .wpb_row .wpb_column:last-child .wpb_wrapper .prk_price_table .prk_price_header,
                #prk_gallery_counter {
                    border-right:1px solid #242224;
                }
                .timeline_line_inner,
                .comments_liner,
                .prk_prices_specs,
                .prk_price_header,
                #prk_gallery_project_nav,
                #prk_gallery_share {
                    border-left:1px solid #242224;
                }
                .cart-collaterals table,
                table,
                td,
                .woocommerce .quantity input.qty, 
                .woocommerce #content .quantity input.qty, 
                .woocommerce-page .quantity input.qty, 
                .woocommerce-page #content .quantity input.qty,
                .pirenko_highlighted,
                .pk_contact_highlighted,
                .shop_table,
                .woocommerce #payment,
                .woocommerce-error,
                .prk_bordered {
                    border:1px solid #242224;
                }
                .simple_line_colored
                {
                    border-bottom: 1px solid rgba(70, 87, 135,0.8);
                }
                .portfolio_entry_li_db
                {
                    background-color:rgba(0, 0, 0,0.05); 
                }
                .read_more_text
                {
                    background-color:#030303;
                }
                input, 
                textarea, 
                select, 
                .uneditable-input {         
                    border: 1px solid #030303;
                }
                .page-header
                {
                    border-bottom: 1px solid #030303;
                    border-bottom:1px solid rgba(3, 3, 3, 0.20);
                }
                .wpb_tour .ui-state-active, 
                .wpb_tour .ui-widget-content .ui-state-active, 
                .wpb_tour .ui-widget-header .ui-state-active,  
                .wpb_tour .ui-tabs .ui-tabs-nav li.ui-state-active,
                .wpb_tabs .ui-tabs-nav .ui-state-active, 
                .wpb_tabs .ui-tabs-nav .ui-widget-content .ui-state-active, 
                .wpb_tabs .ui-tabs-nav .ui-widget-header .ui-state-active,  
                .wpb_tabs .ui-tabs-nav .ui-tabs .ui-tabs-nav li.ui-state-active {
                    background-color:#465787;
                }
                #menu_section .sf-menu li a {
                     background-color:#1f282d;
                 }#top_bar_wrapper>.fifty_button:first-child {
                        border-left:1px solid #ffffff;
                        border-left: 1px solid rgba(255, 255, 255,0.5);
                    }.boxed_shadow {
                        -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0,0.2);
                        box-shadow:0px 0px 1px rgba(0, 0, 0,0.2);
                    }
                    .woocommerce .boxed_shadow {
                        -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0,0.2) !important;
                        box-shadow:0px 0px 1px rgba(0, 0, 0,0.2) !important;
                    }
                    .next-posts .theme_button a {padding-bottom: 5px;}
.next-posts .theme_button a:hover {color:#fff}
.single_portfolio_custom_field ul { list-style-type:none; margin:0; padding:0}
.pirenko_tags .theme_button_inverted.left_sidebar{
padding:0!important;
}
.single_portfolio_custom_field .post-meta a { color:#030303}
.single_portfolio_custom_field .post-meta a:hover {color:#030303;}
.single_portfolio_custom_field .post-meta-key {color:#030303;font-weight: bold;
font-size: 1.15em;font-family: 'Titillium Web', sans-serif; display:block; clear:left }
#top_bar_wrapper{background-color: #F1C40F !important;}
#footer_in .theme_button_inverted a:hover {color:#000!important}
#single_portfolio_meta .view_more_single{background-color: #F1C40F !important;} 
#pir_categories li.active a { background-color:#ffffff; color:#465787!important;}

.contact_side_Talk{width:100%!important;}
.contact_side_Talk #contact_address{width:48%;float:left;margin-right:2%;}
.contact_side_Talk #contact_description {width:48%;float:left;padding:0;margin-right:2%;}
.contact_side_Talk #contact_description input[type="text"]{background:#fff;    border: 0;}
.contact_side_Talk #contact_description textarea{background:#fff;    border: 0;height:100px;}
@media only screen and (max-width: 1199px) {
#filter_top {
    height: auto !important;
}
}

@media only screen and (max-width: 767px) {
#responsive_logo_holder{width:auto !important; padding-right:0 !important;}
	#menu_section.under_logo, .opened_menu, #after_widgets{
		padding-top:10px !important;
	}
	.widget-6.widget-last.prk-widget-body {
		margin-bottom: 30px;
	}
       .talk_to_us{
              width:60px;
        }
.contact_side_Talk #contact_address{width:100%;margin-right:0%;}
.contact_side_Talk #contact_description {width:100%!important;margin-right:0%;}
.elastislide-horizontal ul li { max-width:100% ! important; max-height: 200px !important;}
}
#single_slider .slides li img {width: auto !important;}
#body_hider{opacity:0 !important;}
#prk_alt_logo_image{width:100% !important; height:auto !important;}

@media(min-width:768px) and (max-width:1920px) {
                            #sidebar {
                                width:195px;
                            }
                            #full-screen-background-image {
                                padding-left:0px;
                            }
                            #prk_ajax_container {
                                margin-left: 90px;
                            }
                            #top_bar_wrapper {
                                margin-left:90px;
                                left:0px;
                            }
                            #prk_responsive_menu {
                                display: block;
                            }
                            #st-container.no-csstransforms3d #menu_section{
                                margin-left:-260px;
                            }
                            .sidebarized.columns {
                                padding-right:215px;
                            }
                            .halfsized.columns {
                                padding-right:285px;
                            }
                            #single-entry-content_half,
                            #full-entry-right {
                                width:265px;
                            }
                            #single_blog_content .single_blog_meta_div.right_floated,
                            #classic_blog_section .single_blog_meta_div.right_floated {
                                float:left;
                            }
                            #single_blog_content .single_blog_meta_div.right_floated .left_floated,
                            #classic_blog_section .single_blog_meta_div.right_floated .left_floated  {
                                float:right;
                            }
                            #contact_side {
                            width:265px;
                        }
                            #classic_blog_section .single_blog_meta_div.right_floated [class*=' navicon-'], 
                            #classic_blog_section .single_blog_meta_div.right_floated [class^='navicon-'],
                            #single_blog_content .single_blog_meta_div.right_floated [class*=' navicon-'], 
                            #single_blog_content .single_blog_meta_div.right_floated [class^='navicon-'] {
                                margin-left:0px !important;
                                margin-right:6px !important;
                                float:left;
                            }
                            #samba_collapse_menu {
                                visibility:visible;
                            }
                        }@media only screen and (max-width: 767px) {
                        .prk_price_table .prk_prices_specs,
                        .prk_price_table .prk_price_header {
                            border-right:1px solid #242224;
                        }
                    }
</style>
<link rel="stylesheet" href="http://www.projectshell.com/wp-content/themes/samba/css/responsive.css?ver=1.4">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Titillium+Web%3A400%2C400italic%2C600%2C700%2C700italic&#038;ver=4.9.4">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic%2C700italic&#038;ver=4.9.4">
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var thumbs_rating_ajax = {"ajax_url":"http:\/\/www.projectshell.com\/wp-admin\/admin-ajax.php","nonce":"13f6fa7169"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/thumbs-rating/js/general.js?ver=4.0.1'></script>
<link rel='https://api.w.org/' href='http://www.projectshell.com/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.projectshell.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.projectshell.com/wp-includes/wlwmanifest.xml" /> 
<link rel='prev' title='Kopin' href='http://www.projectshell.com/portfolios/kopin/' />
<link rel='next' title='Visto' href='http://www.projectshell.com/portfolios/visto/' />

<link rel="canonical" href="http://www.projectshell.com/portfolios/backops/" />
<link rel='shortlink' href='http://www.projectshell.com/?p=1258' />
<link rel="alternate" type="application/json+oembed" href="http://www.projectshell.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.projectshell.com%2Fportfolios%2Fbackops%2F" />
<link rel="alternate" type="text/xml+oembed" href="http://www.projectshell.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.projectshell.com%2Fportfolios%2Fbackops%2F&#038;format=xml" />



</head>
<body class="pirenko_portfolios-template-default single single-pirenko_portfolios postid-1258 wpb-js-composer js-comp-ver-3.6.12 vc_responsive">
<!-- <div class="talk_to_us" style="float:left; position:fixed; right:0; top:0; z-index:999;"><a href="http://www.projectshell.com/contact-us/"><img src="http://www.projectshell.com/wp-content/uploads/2014/08/tk.png" alt="Projectshell" /></a></div> -->
      <div class="prk_meta">
        <div class="prk_page_ttl">Our Work |   Backops</div>
        <div class="prk_body_classes">class="pirenko_portfolios-template-default single single-pirenko_portfolios postid-1258 wpb-js-composer js-comp-ver-3.6.12 vc_responsive"</div>
    </div>
    <div id="dump"></div>
    <div id="prk_pint" data-media="" data-desc=""></div>
    <div class="ultra_wrapper">
    <div id="wrap" class="container columns extra_pad boxed_lay centered" role="document">
      <div id="prk_responsive_menu">
        <div id="nav-collapsed-icon" data-effect="st-effect-14">
          <div class="prk_menu_block"></div>
          <div class="prk_menu_block"></div>
          <div class="prk_menu_block"></div>
        </div>
        <a href="http://www.projectshell.com/" class="fade_anchor">
        <div id="responsive_logo_holder">
          <img src="http://www.projectshell.com/wp-content/uploads/2014/08/logo.png" alt="" width="214" height="62" class="prk_small_logo_image prk_not_retina" />        </div>
        </a>
        <div id="alt_logo_holder" data-effect="st-effect-14">
          <img id="prk_alt_logo_image" alt="" src="http://www.projectshell.com/wp-content/uploads/2016/02/logo.png" width="234" height="67" class="prk_not_retina" />        </div>
        <div id="back_to_top-collapsed">
          <div class="navicon-arrow-up-2"></div>
        </div>
      </div>
      <div id="body_hider"></div>
<div id="st-container" class="st-container">
 
    <!-- content push wrapper -->

    <div class="st-pusher">
      <div id="menu_section">
        <div id="logo_holder" class="columns twelve fade_anchor">
                <a href="http://www.projectshell.com/">
                  <img src="http://www.projectshell.com/wp-content/uploads/2014/08/logo.png" alt="" width="214" height="62" class="prk_logo_image prk_not_retina" />                </a>  
            </div>
            <div class="clearfix"></div>
        <div class="opened_menu twelve"> 
            <nav id="nav-main" class="nav-collapse collapse" role="navigation">
                <div class="nav-wrap">
                      <ul class="sf-menu sf-vertical"><li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home"><a href="http://www.projectshell.com/">Portfolio</a></li>
<li id="menu-item-1514" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://www.projectshell.com/tagged/casestudy">Case Study</a></li>
</ul>               </div>
            </nav>
        </div>
        <div class="clearfix"></div>
<a href="http://www.pixelcrayons.com/request-a-quote" onclick="window.open(this.href); return false;" style="float:left; width:100%; margin-top:10px; text-align:center;"><img src="http://www.projectshell.com/wp-content/uploads/2014/08/btn.png" alt="Request a Quote" /></a>
<div class="clearfix"></div>
        <div id="samba_collapse_menu" class="close_flagger">
            <div class="navicon-arrow-left-2"></div>
        </div>
        <div id="height_helper"></div>
          <div class="footer">
            <footer id="content-info" role="contentinfo">
                <div id="footer_bk">
                                            <div id="footer_in">
                              <div class="widget-1 widget-first prk-widget-body"><div id="search-4" class="widget-1 widget-first widget widget_search twelve columns"><div class="widget-1 widget-first widget-inner-footer"><form role="search" method="get" id="searchform" class="form-search" action="http://www.projectshell.com/" data-url="http://www.projectshell.com/search/">
	<div class="sform_wrapper">
  		<input type="text" value="" name="s" id="samba_search" class="search-query pirenko_highlighted" placeholder="Search this website..." />
  		<div class="icon-search"></div>
    </div>
</form></div></div><div class="clearfix"></div></div><div class="widget-2 prk-widget-body"><div id="text-2" class="widget-2 widget widget_text twelve columns"><div class="widget-2 widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Type</div><div class="clearfix"></div></div>			<div class="textwidget"><div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">

 
            <li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/CMS/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">CMS</a>
			</li>


			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Mobile/" class="tag-link-14" title="18 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Mobile</a>
			</li>
			<li  class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Portal-Application/" class="tag-link-12" title="17 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Portal/Application</a>
			</li>
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/html/" class="tag-link-15" title="15 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">HTML</a>
			</li>
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/eCommerce/" class="tag-link-11" title="8 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">eCommerce</a>
			</li>
<!--
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Newsletter/" class="tag-link-28" title="8 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Newsletter</a>
			</li>
-->
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Design-Work/" class="tag-link-19" title="7 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Design Work</a></li>

<li class="theme_button_inverted tiny left_sidebar">
<a href="http://www.projectshell.com/tagged/Logo/"  
 class="tag-link-19" title="7 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Logo</a>
			</li>
<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Banner/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Banner</a>
			</li>


		</ul>
	</div>
</div></div>
		</div></div><div class="clearfix"></div></div><div class="widget-3 prk-widget-body"><div id="pirenko-tags-portfolio-widget-2" class="widget-3 widget pirenko-tags-portfolio-widget twelve columns"><div class="widget-3 widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Technology</div><div class="clearfix"></div></div>			<div class="pirenko_tags fade_anchor">
                <ul class="prk_tags_ul">
                    <li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/design/" class="tag-cloud-link tag-link-124 tag-link-position-1" style="font-size: 12px;">Design Work</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/wordpress/" class="tag-cloud-link tag-link-14 tag-link-position-2" style="font-size: 12px;">WordPress</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/html5/" class="tag-cloud-link tag-link-19 tag-link-position-3" style="font-size: 12px;">HTML5</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/drupal/" class="tag-cloud-link tag-link-13 tag-link-position-4" style="font-size: 12px;">Drupal</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/lamp/" class="tag-cloud-link tag-link-11 tag-link-position-5" style="font-size: 12px;">LAMP</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/magento/" class="tag-cloud-link tag-link-12 tag-link-position-6" style="font-size: 12px;">Magento</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/android/" class="tag-cloud-link tag-link-90 tag-link-position-7" style="font-size: 12px;">Android</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/net/" class="tag-cloud-link tag-link-96 tag-link-position-8" style="font-size: 12px;">.NET</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/ios/" class="tag-cloud-link tag-link-89 tag-link-position-9" style="font-size: 12px;">iOS</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/joomla/" class="tag-cloud-link tag-link-18 tag-link-position-10" style="font-size: 12px;">Joomla</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/shopify/" class="tag-cloud-link tag-link-122 tag-link-position-11" style="font-size: 12px;">Shopify</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/xhtml/" class="tag-cloud-link tag-link-59 tag-link-position-12" style="font-size: 12px;">XHTML</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/opencart/" class="tag-cloud-link tag-link-91 tag-link-position-13" style="font-size: 12px;">OpenCart</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/oscommerce/" class="tag-cloud-link tag-link-121 tag-link-position-14" style="font-size: 12px;">OsCommerce</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/ror/" class="tag-cloud-link tag-link-93 tag-link-position-15" style="font-size: 12px;">RoR</a></li><li class='theme_button_inverted tiny left_sidebar'><a href="http://www.projectshell.com/skills/javascript/" class="tag-cloud-link tag-link-108 tag-link-position-16" style="font-size: 12px;">Javascript</a></li>                </ul>
			</div>
			</div></div><div class="clearfix"></div></div><div class="widget-4 prk-widget-body"><div id="text-3" class="widget-4 widget widget_text twelve columns"><div class="widget-4 widget-inner-footer">			<div class="textwidget"><!-- <div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">
            
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/responsive/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Responsive</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/js-animation/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">JS Animation</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/parallax/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Parallax</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/multi-currency/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Multi-Currency</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/multi-lingual/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Multi-Lingual</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/rtl/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">RTL (Arabic)</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/unicode/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">UniCode</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Augmented Reality/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Augmented Reality</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/google-maps/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Google Maps</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/api/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">API</a>
			</li>
	
		</ul>
	</div>
</div> -->
</div>
		</div></div><div class="clearfix"></div></div><div class="widget-5 widget-last prk-widget-body"><div id="text-4" class="widget-5 widget-last widget widget_text twelve columns"><div class="widget-5 widget-last widget-inner-footer"><div class="prk_titlify_father"><div class="widget-title">Industry</div><div class="clearfix"></div></div>			<div class="textwidget"><div class="widget-1 widget-first widget-inner-footer">
	<div class="pirenko_tags fade_anchor">
        <ul class="prk_tags_ul">
            
		<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/eCommerce/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">eCommerce</a>
			</li> 
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Travel-&-Tourism/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Travel & Tourism</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Professional-Services/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Professional Services</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Banking-&-Finance/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Banking & Finance</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Manufacturing/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Manufacturing</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Education-&-E-Learning/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Education & E-Learning</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/B2B-B2C/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">B2B/B2C</a>
			</li>
			
			<!-- <li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/fashion-eretail/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Fashion & eRetail</a>
			</li>  -->
			
	<!--		<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Hospitality/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Hospitality (Food/Restaurant/Hotel)</a>
			</li>  -->
			
		<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/government/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Government</a>
			</li>  -->
			
		<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/automotive/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Automotive</a>
			</li>  -->
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Real-Estate/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Real Estate</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Media-&-Entertainment/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Media & Entertainment</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Healthcare/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Healthcare</a>
			</li>
			
			<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Independent-Software-Vendors" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Independent Software Vendor (ISV)</a>
			</li>
			
	<!--	<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Logistics-&-Transportation/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Logistics & Transportation</a>
			</li> -->

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Job-Portals/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Job Portals</a>
			</li>
<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Event-Management-Website/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Event Management Website</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Classified/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Classified</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/CRM-ERP/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">CRM/ERP</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/Informational-Website/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">Informational Website</a>
			</li>

<li class="theme_button_inverted tiny left_sidebar">
				<a href="http://www.projectshell.com/tagged/OsCommerce/" class="tag-link-13" title="27 topics" style="font-size: 12px; background-color: rgb(17, 17, 17);">OsCommerce</a>
			</li>
</ul>
	</div>
</div></div>
		</div></div><div class="clearfix"></div></div>                              <div class="clearfix"></div>
                          </div>
                                        </div>
            </footer>
        </div>
  </div>
   <div class="st-content"><!-- this is the wrapper for the content -->
            <div class="st-content-inner"><!-- extra div for emulating position:fixed of the menu -->
                <!-- the content -->
            </div><!-- /st-content-inner -->
        </div><!-- /st-content -->
</div>
</div>


  <div id="top_bar_wrapper" class="on_blog">
      <div class="fifty_button left_floated">
          <div id="samba_close" class="site_background_colored" title="To Blog">
            <div class="navicon-close"></div>
          </div>
      </div>
      <div class="fifty_button left_floated fade_anchor">
          <div id="samba_left" class="left_floated site_background_colored">
            <div class="mover">
              <div id="prk_left_1" class="left_floated navicon-arrow-left-3"></div>
              <div id="prk_left_2" class="left_floated navicon-arrow-left-3 second"></div>
            </div>
          </div>
      </div><!-- navigation-previous-blog -->
      <div class="fifty_button left_floated fade_anchor">
          <div id="samba_right" class="left_floated site_background_colored">
            <div class="mover">
              <div id="prk_right_1" class="left_floated navicon-arrow-right-3"></div>
              <div id="prk_right_2" class="left_floated navicon-arrow-right-3 second"></div>
            </div>
          </div>
      </div><!-- navigation_next -->
  </div>
  <div id="prk_ajax_container" data-ajax_path="http://www.projectshell.com/wp-content/themes/samba/inc/ajax-handler.php" data-retina="prk_not_retina"><div id="centered_block" class="prk_no_change"> 
 <div id="main_block" class="row page-1258">   
                            <div id="content" class="has_top_bar" data-parent="http://www.projectshell.com/">
                <div id="main" class="main_no_sections"> 
                <div class="twelve extra_pad columns prk_inner_block centered">
                    <div class="row prk_row">
                        <article id="single_portfolio_half" class="featured_color post-1258 pirenko_portfolios type-pirenko_portfolios status-publish has-post-thumbnail hentry pirenko_skills-design pirenko_skills-html5 portfolio_tag-b2b-b2c portfolio_tag-crm-erp portfolio_tag-design-work portfolio_tag-html" data-color="#5f20d4">
                            
                        <div class="twelve columns halfsized">
                            <div id="single_slider" class="flexslider boxed_shadow flexslider_half" data-color="#5f20d4">
                                <ul class="slides" data-autoplay="true">
                                    <li id=slide_1 class=''><div class="prk_magnificent_li body_bk_color" data-mfp-src="http://www.projectshell.com/wp-content/uploads/2016/02/Backops.jpg"><div class="navicon-expand-2"></div></div><img src="http://www.projectshell.com/wp-content/uploads/2016/02/Backops.jpg" alt="" /></li>                                                    
                                                                                    </ul><!-- slides -->
                                </div>
                            </div><!-- flexslider -->

                            <div id="single-entry-content_half" class="columns">
                                 <div id="prk_nav_close">
                                    <a href="http://www.projectshell.com/" data-pir_title="To Portfolio">Portfolio</a>
                                </div>
                                 <div id="prk_nav_left"><a href="http://www.projectshell.com/portfolios/visto/" rel="next" data-pir_title="Visto">Visto</a></div><div id="prk_nav_right"><a href="http://www.projectshell.com/portfolios/kopin/" rel="prev" data-pir_title="Kopin">Kopin</a></div>                            <div class="clearfix"></div>
                            <div id="portfolio_info_half">
                                 <h2 class="header_font bd_headings_text_shadow zero_color">
                                    Backops                                </h2>
                             <div class="clearfix"></div>
                            </div><!-- #portfolio_info -->
                            <div class="single-entry-content prk_no_composer">
                                <p>We accomplished responsive implementation using Twitter Bootstrap and leveraged best practices for mobile and tablet screens.</p>
                            </div>
                             
                           <!-- <div id="tiny_line_half" class="tiny_line" data-color="#5f20d4"></div> -->
                            <div  class="thumbs-rating-container" id="thumbs-rating-1258" data-content-id="1258"><span class="thumbs-rating-up thumbs-rating-voted" onclick="thumbs_rating_vote(1258, 1);" data-text="Vote Up +">1</span> <span class="thumbs-rating-down" onclick="thumbs_rating_vote(1258, 2);" data-text="Vote Down -">0</span><span class="thumbs-rating-already-voted" data-text="You already voted!"></span></div> 
                            <div id="single_portfolio_meta">
                                                                                                                  <div class="six_margin_bt">
                                                <div class="single_portfolio_headings zero_color header_font">
                                                                                                    </div>
                                                <div class="block_description default_color side_skills">
                                                                                                    </div>
                                            </div>
                                                                                        <div class="six_margin_bt">
                                                <div class="single_portfolio_headings zero_color header_font">
                                                    						  
                                                </div>
                                                <div class="block_description default_color side_skills">
                                                                                                    </div>
                                            </div>
                                          
<div class="single_portfolio_custom_field">
 
</div>
                                     <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Technologies                                        </div>
                                        <div class="block_description">
                                            HTML/HTML5                                        </div>
                                    </div>
                                                                        <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Industry Type/Domain                                        </div>
                                        <div class="block_description">
                                            CRM/ERP                                        </div>
                                    </div>
                                                                        <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                        Solutions                                        </div>
                                        <div class="block_description">
                                            B2B/B2C Portals                                        </div>
                                    </div>
                                                                     <!--   <div class="six_margin_bt">
                                        <div class="single_portfolio_headings zero_color header_font">
                                                                                </div>
                                        <div class="block_description">
                                                                                    </div>
                                    </div> -->
                                    <script type="text/javascript">
function newPopup(url) {
popupWindow = window.open(url,'popUpWindow','height=600,width=800, left=50,top=30,resizable=yes,scrollbars=yes, toolbar=yes, menubar=no, location=no,directories=no,status=yes')
}
</script>
                                        <div id="half_portfolio_link" class="theme_button">
                                            <a class="view_more_single left_floated colored_button" href="http://html.iworklab.com/backops/v0.6/index.html" target="_blank" data-color="#5f20d4">
                                                 Launch Project &rarr;                                            </a>
                                        </div>                                                                    <div id="half_helper" class="clearfix"></div>
                            </div>  
                            </div>
                            <div class="prk_right_panel">                                        <div class="prk_sharrre_wrapper left_floated">
                                            <div class="prk_sharre_btns">
                                                                                                                                                                                                                                                                                                                                                
                                                                                            </div>
                                        </div>
                                    </div>
                                   
                </div>
            </div>
             <div id="after_single_folio" class="twelve centered prk_inner_block columns">
             <div class="columns twelve">        
                                                    <div id="related_projects_wp">
                                        <div class="prk_titlify_father">
                                            <h3 class="small header_font bd_headings_text_shadow prk_bold zero_color">
                                                Related Projects                                            </h3>
                                        </div>
                                            <ul id="carousel_single" class="elastislide-list">  
                                                                                                            <li class="featured_color related_post " data-color="#8f2558" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/maddisonnjchamber/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-1205" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            MaddisonnJChamber                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work, Drupal                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/02/MaddisonnJChamber-1-700x463.jpg" width="700" height="463" id="home_fader-1205" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                                <li class="featured_color related_post " data-color="#2a167a" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/kopin/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-1255" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            Kopin                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work, HTML5                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/02/Kopin-1-700x463.jpg" width="700" height="463" id="home_fader-1255" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                                <li class="featured_color related_post third_related" data-color="#c2bac2" style="width:33.3035714285714% !important;">
                                                            <a href="http://www.projectshell.com/portfolios/johnlyle-design/" class="fade_anchor">
                                                                <div class="grid_colored_block">
                                                                </div>
                                                                <div id="grid_title-2011" class="grid_single_title">
                                                                    <div class="prk_ttl">
                                                                        <h4 class="header_font body_bk_color body_bk_text_shadow big">
                                                                            Johnlyle Design                                                                        </h4>
                                                                    </div>
                                                                                                                                                <div class="inner_skills header_font menu_bk_color">
                                                                                Design Work, Drupal                                                                            </div>
                                                                                                                                            </div><!-- grid_single_title -->
                                                                 
                                                               
                                                        <img src="http://www.projectshell.com/wp-content/uploads/2016/06/Johnlyle-Design-700x463.jpg" width="700" height="463" id="home_fader-2011" class="custom-img" alt="" />  
                                                            </a>
                                                        </li>
                                                                                                        </ul>
                                            </div>
                                    
                          
            
                                            </div>
        </div>
        </article>
            
        </div>
        <div class="clearfix"></div>
        </div>
                                    </div>
    </div>
</div>
</div>
                                    </div><!-- /#prk_ajax_container -->
                </div><!-- /#wrap -->
            <div class="push"></div>
        </div><!-- #ultra_wrapper -->
        <div class="clearfix"></div>
        <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-53784569-1', 'auto');
  ga('send', 'pageview');

</script>        
	<script>
		jQuery(document).ready(function() {

			// Get all thumbs containers
			jQuery( ".thumbs-rating-container" ).each(function( index ) {

			 	// Get data attribute
			 	 var content_id = jQuery(this).data('content-id');

			 	 var itemName = "thumbsrating"+content_id;

			 	      // Check if this content has localstorage
			 	 	if (localStorage.getItem(itemName)){

						// Check if it's Up or Down vote
						if ( localStorage.getItem("thumbsrating" + content_id + "-1") ){
							jQuery(this).find('.thumbs-rating-up').addClass('thumbs-rating-voted');
						}
						if ( localStorage.getItem("thumbsrating" + content_id + "-0") ){
							jQuery(this).find('.thumbs-rating-down').addClass('thumbs-rating-voted');
						}
					}
			});
		});
	</script>

	        <script type="text/javascript">
            var make_session = false;
            var retina_device = 'prk_not_retina';
            jQuery(function() {
                if( window.devicePixelRatio ) {
                    if(window.devicePixelRatio > 1 && retina_device!=="prk_retina"){
                        jQuery.cookie("samba_retina","prk_retina",{ path: '/' });
                    }
                }
            });
                    </script>
        <script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/js_composer-samba/assets/js/js_composer_front.js?ver=3.6.12'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/plugins/bj-lazy-load/js/bj-lazy-load.min.js?ver=2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var ajax_var = {"url":"http:\/\/www.projectshell.com\/wp-admin\/admin-ajax.php","nonce":"53d2d2a36d"};
var theme_options = {"ajax_calls":"true","responsive_width":"1920","bk_url":"","custom_opacity":"0.75","custom_opacity_folio":"0.7","portfolio_link":"http:\/\/www.projectshell.com\/","blog_link":"","home_link":"","home_slug":"","active_color":"#465787","inactive_color":"#030303","menu_up_color":"#cccccc","submenu_color":"#1f282d","background_color_btns":"#030303","background_color_btns_blog":"#030303","menu_active_color":"#ffffff","site_background_color":"#FFFFFF","background_color":"#000000","bd_headings_color":"#030303","menu_subheadings_color":"#27373c","titles_color_footer":"#ffffff","delay_portfolio":"1000","resp_mode":"true","sharrre_dir_prk":"http:\/\/www.projectshell.com\/wp-content\/plugins\/samba_framework","share_text":"Share on","theme_buttons_color":"#111111","buttons_color":"#111111","woo_color":"","woo_link_for_cart":"","woo_link":"","use_custom_colors":"yes","active_woocommerce":"false","active_visual_composer":"true"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/themes/samba/js/main.js?ver=1.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-content/themes/samba/js/other.js?ver=1.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/widget.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/accordion.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/tabs.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/jquery/ui/button.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://www.projectshell.com/wp-includes/js/wp-embed.min.js?ver=4.9.4'></script>
    </body>
</html>
<!-- Dynamic page generated in 0.239 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2018-09-02 02:13:10 -->

<!-- super cache -->

PSD to Drupal

REQUEST A FREE QUOTE

Our PSD to Drupal Conversion Services

PSD to Drupal Theme Integration

Drupal Template Customization

Latest Integration Solutions

Drupal Theme Development

Template Customization

Support and Maintenance

Plug-in Development

Drupal CMS Installation & Integration

Drupal Module Customization

Why Choose Us?

100% Money Back Guarantee

Requirement Analysis

Dedicated Project Manager

NDA Agreement

SLA Driven Approach

Mobile Friendly Conversions

High Performance & Speed

Search Engine Optimization

Software Protection Plan

Our Engagement Models

Dedicated Resource Model (DRM)

Fixed Time & Fixed Price

Our Process

Requirement Sharing

Requirement Analysis

Agile Development

Quality Analysis & Delivery

Case Studies

kopin

Chime

Carsquare

Backops

See What our Customers are Saying...

Our hard work is appreciated by our clients all across the globe. Here are a few testimonials sent by some of our clients:

Frequently Asked Questions

What file formats do you accept?

Which price model you follow: dedicated resource or fixed time/price?

Do you also create custom website & are they mobile-friendly?

Will I be having a full time dedicated project manager? :

Can I select my preferred developer? :

Can I see my mobile app while it's in progress?

Will I need to have face-to-face meeting to begin the project?

What kind of turn around should I expect for my PSD conversion project?

Is there any hidden cost?

Once my app development is completed, what after-sales service do you offer?

Other Recommended Services from PixelCrayons

HTML

Wordpress

Magento

Opencart

Contact Us

Address:

phone:

Requirement
Sharing

Requirement
Analysis

Agile
Development

Quality Analysis
& Delivery