Click here to Skip to main content
15,901,035 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Looking for a quick answer on what a person believes the ratio of CSS/HTML and or other languages are in this code, wanting to figure out for the purpose of learning the other part of whats making this site work.

HTML
<!DOCTYPE html>
<html lang="en" dir="ltr"
  xmlns:fb="http://ogp.me/ns/fb#"
  xmlns:og="http://ogp.me/ns#"
  xmlns:article="http://ogp.me/ns/article#"
  xmlns:book="http://ogp.me/ns/book#"
  xmlns:profile="http://ogp.me/ns/profile#"
  xmlns:video="http://ogp.me/ns/video#">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link href="//fonts.googleapis.com/css?family=Lato:300,400,700,400italic%7CExo+2" rel='stylesheet' type='text/css'>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Drupal 7 (http://drupal.org)" />
<link rel="canonical" href="http://www.coplex.com/services/development" />
<link rel="shortlink" href="http://www.coplex.com/node/12" />
<meta property="og:site_name" content="Coplex" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.coplex.com/services/development" />
<meta property="og:title" content="Development" />
<meta property="og:updated_time" content="2015-02-23T09:26:39-07:00" />
<meta property="og:image" content="http://www.coplex.com/sites/default/files/coplex-og-image.png" />
<meta property="og:image:secure_url" content="https://www.coplex.com/sites/default/files/coplex-og-image.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="article:published_time" content="2014-12-18T09:52:07-07:00" />
<meta property="article:modified_time" content="2015-02-23T09:26:39-07:00" />
  <title>Development | Coplex</title>
  <link type="text/css" rel="stylesheet" href="http://www.coplex.com/sites/default/files/css/css_lQaZfjVpwP_oGNqdtWCSpJT1EMqXdMiU84ekLLxQnc4.css" media="all" />
<link type="text/css" rel="stylesheet" href="http://www.coplex.com/sites/default/files/css/css_Bjs7NE1f3v6BW93pr6JYfWpTTBzQ-pJ93UkMjgWqt1s.css" media="all" />
<link type="text/css" rel="stylesheet" href="http://www.coplex.com/sites/default/files/css/css_Wu8npAzy16WmnnnWKxpexfgsAryolGGaX6yO3GWA5bU.css" media="all" />
<link type="text/css" rel="stylesheet" href="http://www.coplex.com/sites/default/files/css/css_4cvF8leR1JMngcEP_pxDwpysnX4pA8bNLGjDXuHNZsI.css" media="all" />

  <!-- Favicons -->
  <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
  <meta name="apple-mobile-web-app-title" content="Coplex">
  <link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">
  <link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
  <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
  <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
  <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="/mstile-144x144.png">
  <meta name="application-name" content="Coplex">

  <!-- HTML5 element support for IE6-8 -->
  <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script>window.jQuery || document.write("<script src='/sites/all/modules/contrib/jquery_update/replace/jquery/1.10/jquery.min.js'>\x3C/script>")</script>
<script src="http://www.coplex.com/sites/default/files/js/js_3TykeRWpejhD4-J3vdlaNXdULg9xhOZhbsppK0o2bUs.js"></script>
<script>document.createElement( "picture" );</script>
<script src="http://www.coplex.com/sites/default/files/js/js_8RsN4tUDL30fNEYwwntTaM6T9XBv09tSMLeTxlE6EeA.js"></script>
<script src="http://www.coplex.com/sites/default/files/js/js_I8yX6RYPZb7AtMcDUA3QKDZqVkvEn35ED11_1i7vVpc.js"></script>
<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-48114757-1", {"cookieDomain":"auto"});ga("set", "anonymizeIp", true);ga('require', 'displayfeatures');ga("send", "pageview");</script>
<script>//Bizible's analytics script http://bizible.com
var _biz = _biz || [];
function _bizl(u) {
  var s = document.createElement('script');
  var f = document.getElementsByTagName('script')[0];
  s.type = 'text/javascript';
  s.async = true;
  s.src = document.location.protocol + u;
  f.parentNode.insertBefore(s, f);
}
_bizl('//cdn.bizible.com/_biz-a.js');</script>
<script src="http://www.coplex.com/sites/default/files/js/js_G-0JamcKuI1NuPekKv4qDDrwBp5rDkXkUhiBcoUSLV0.js"></script>
<script>jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"coplex","theme_token":"zPwvIH6yxByyn8H1E6Jkzej3Oxq8PcFmKiCcAKb63lE","js":{"sites\/all\/modules\/contrib\/picture\/picturefill2\/picturefill.min.js":1,"sites\/all\/modules\/contrib\/picture\/picture.min.js":1,"sites\/all\/themes\/bootstrap\/js\/bootstrap.js":1,"\/\/code.jquery.com\/jquery-1.10.2.min.js":1,"0":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"1":1,"sites\/all\/modules\/contrib\/environment_indicator\/tinycon.min.js":1,"sites\/all\/modules\/contrib\/environment_indicator\/environment_indicator.js":1,"sites\/all\/modules\/contrib\/environment_indicator\/color.js":1,"sites\/all\/modules\/contrib\/extlink\/extlink.js":1,"sites\/all\/modules\/contrib\/google_analytics\/googleanalytics.js":1,"2":1,"3":1,"sites\/all\/themes\/coplex\/coboot\/js\/affix.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/alert.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/button.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/collapse.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/dropdown.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/tooltip.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/popover.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/scrollspy.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/tab.js":1,"sites\/all\/themes\/coplex\/coboot\/js\/transition.js":1,"sites\/all\/themes\/coplex\/js\/conditionizr\/conditionizr.min.js":1,"sites\/all\/themes\/coplex\/js\/conditionizr\/detects\/ios.js":1,"sites\/all\/themes\/coplex\/js\/conditionizr\/detects\/chrome.js":1,"sites\/all\/themes\/coplex\/js\/jquery.cookie.js":1,"sites\/all\/themes\/coplex\/js\/jquery.debouncedresize.js":1,"sites\/all\/themes\/coplex\/js\/scripts.js":1},"css":{"modules\/system\/system.base.css":1,"sites\/all\/modules\/contrib\/environment_indicator\/environment_indicator.css":1,"modules\/field\/theme\/field.css":1,"sites\/all\/modules\/contrib\/picture\/picture_wysiwyg.css":1,"sites\/all\/modules\/contrib\/extlink\/extlink.css":1,"sites\/all\/modules\/contrib\/views\/css\/views.css":1,"sites\/all\/modules\/contrib\/ctools\/css\/ctools.css":1,"sites\/all\/themes\/coplex\/css\/coplex.css":1}},"extlink":{"extTarget":"_blank","extClass":0,"extLabel":"(link is external)","extImgClass":0,"extSubdomains":1,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":0,"extAlertText":"This link will take you to an external web site.","mailtoClass":0,"mailtoLabel":"(link sends e-mail)"},"googleanalytics":{"trackOutbound":1,"trackMailto":1,"trackDownload":1,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"bootstrap":{"anchorsFix":1,"anchorsSmoothScrolling":1,"popoverEnabled":1,"popoverOptions":{"animation":1,"html":0,"placement":"right","selector":"","trigger":"click","title":"","content":"","delay":0,"container":"body"},"tooltipEnabled":1,"tooltipOptions":{"animation":1,"html":0,"placement":"auto left","selector":"","trigger":"hover focus","delay":0,"container":"body"}}});</script>
      <script async src="//15774.tctm.co/t.js"></script>
  </head>
<body class="html not-front not-logged-in no-sidebars page-node page-node- page-node-12 node-type-page navbar-is-fixed-top" >
  
  <script>
    (function() {
      var _fbq = window._fbq || (window._fbq = []);
      if (!_fbq.loaded) {
        var fbds = document.createElement('script');
        fbds.async = true;
        fbds.src = '//connect.facebook.net/en_US/fbds.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(fbds, s);
        _fbq.loaded = true;
      }
      _fbq.push(['addPixelId', '688718611241756']);
    })();
    window._fbq = window._fbq || [];
    window._fbq.push(['track', 'PixelInitialized', {}]);
  </script>

  <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=688718611241756&ev=PixelInitialized" /></noscript>

  <!-- LeadLander -->
  <script type="text/javascript" language="javascript">
      var sf14gv = 27569;
      (function() {
      var sf14g = document.createElement('script'); sf14g.type = 'text/javascript'; sf14g.async = true;
      sf14g.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 't.sf14g.com/sf14g.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sf14g, s);
      })();
  </script>

    <div id="skip-link">
    <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a>
  </div>
  <div id="page">
        <header id="navbar" role="banner" class="navbar navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a href="/" title="Home"><svg class="coplex-logo" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="180" height="54" viewbox="-161.6 173.8 180 54" enable-removed="new -161.6 173.8 180 54" xml:space="preserve"><path class="coplex-logo-fill" fill="#32B493" d="M-94 227.4c-0.6 0-1.1-0.6-1.1-1.1v-19.8c-2.7 0.8-4.9 1.3-8 0.7 -2.8 4.9-7.5 7.4-12.4 7.4 -4.3 0-8.4-1.8-11.4-5.9 -13.3 12.8-34.6 3.2-34.6-14.5 0-14.8 15.5-24.7 28.9-18.4 0.6 0.3 0.8 1 0.6 1.5 0 0-2 3.5-2.9 5.3 -0.3 0.6-0.8 0.7-1.4 0.4 -8.2-3.4-16.8 2.8-16.8 11.3 0 13.8 20.1 17 23.9 3.2 1.8-6.4 7.5-10.9 14-10.9 6.8 0 13.3 5.2 14 13.1 3.5 0.4 6.1-1.3 7.4-3.9 2.1-5.4 7.4-9.1 13.1-9.1 8.2 0 15.9 7.4 13.5 18 4.5-2.7 7.7-5.6 7.7-11.3v-18.3c0-0.6 0.6-1.1 1.1-1.1h5.6c0.6 0 1.1 0.6 1.1 1.1v28.1c0 2.1 1.7 3.9 3.8 3.9 1.4 0 2-0.6 4.5-2.1 -2.8-9.4 4-18.3 13.4-18.3 5.9 0 11 3.6 13.1 9.1 0.1 0.4 0 1-0.4 1.3 -4 2.7-11.9 7.8-14.5 9.6 6.4 1.5 5.9-3.5 14-3.5 3.2 0 6.6 1.1 9.2 3.1 2.1-2.8 3.6-3.9 7.1-5.4 -6.4-2.5-9.6-7.4-10.1-12.7 0-0.7 0.4-1.3 1.1-1.3 0 0 3.8 0 5.6 0 0.4 0 1 0.3 1.1 1 0.7 3.9 4 6 7.1 6 3.6 0 6.6-2.7 7.1-6 0.1-0.6 0.6-1 1.1-1 2 0 5.6 0 5.6 0 0.7 0 1.1 0.6 1.1 1.3 -0.6 5.2-3.6 9.9-9.8 12.6 6.3 2.5 9.6 7.4 10.1 12.7 0 0.7-0.4 1.3-1.1 1.3 0 0-3.8 0-5.6 0 -0.4 0-1-0.3-1.1-0.8 -0.7-3.6-3.6-6-7.3-6s-6.6 2.7-7.3 6c-0.1 0.6-0.6 1-1.1 1 -2 0-5 0-6.4 0 -0.4 0-0.7-0.1-0.8-0.4 -1.4-2-3.5-3.2-5.9-3.2 -4.6 0-5.4 4-12.3 3.9 -3.5 0-6.4-1.1-9.1-3.4 -2.2 1.4-4.6 3.5-8.8 3.5 -5 0-8.2-2.7-10.5-7.1 -6.1 6-17.9 9.4-28.6 5.4v13.1c0 0.6-0.6 1.1-1.1 1.1H-94V227.4zM-80.9 194.3c-3.5 0-6.3 2.8-6.3 6.3s2.8 6.3 6.3 6.3c3.5 0 6.3-2.8 6.3-6.3C-74.8 197.1-77.5 194.3-80.9 194.3zM-115.4 194.3c-3.5 0-6.3 2.8-6.3 6.3s2.8 6.3 6.3 6.3 6.3-2.8 6.3-6.3S-112 194.3-115.4 194.3zM-36.6 200l8.1-5.4C-32.4 193.5-36.2 196.1-36.6 200z" /></svg></a>

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>

          <div class="navbar-collapse collapse">
        <nav role="navigation">
                      <ul class="menu nav navbar-nav"><li class="first leaf active-trail"><a href="/services" class="active-trail">Services</a></li>
<li class="leaf"><a href="/work">Work</a></li>
<li class="leaf"><a href="/approach">Approach</a></li>
<li class="leaf"><a href="/team">Team</a></li>
<li class="last leaf"><a href="/contact">Contact</a></li>
</ul>                  </nav>
      </div>
      </div>
</header><div class="co-head co-head-bg-none container-fluid">
  <header class="co-head-content">
    <div class="inner">
        <h1 class="nix-top-bottom-margins h2-responsive" style="text-align: center;">Development</h1><a href="/services" class="btn btn-back" title="Services">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="11.1" height="19" viewbox="0 0 11.1 19" enable-removed="new 0 0 11.1 19" xml:space="preserve"><polygon fill="currentColor" points="3.2 9.5 11.1 1.6 9.5 0 0 9.5 9.5 19 11.1 17.4 " /></svg>
<span class="hidden-xs-pt">   Back</span></a>    </div>
  </header>
</div>

<div class="main-container container-fluid">

  <div class="row">

    <section class="col-xs-12">
            <a id="main-content"></a>
                                              <div class="region region-content">
    <section id="block-system-main" class="block block-system clearfix">

      
  <div id="node-12" class="node node-page clearfix">

  
      
  
  <div class="content">
      <div class="co-content-wrap first">
  
<div class="co-content   co-content-width-0">
  <div class="row">
        <div class="co-content-main col-xs-12">
        <div class="co-content-wrap first last">
  <h4 class="text-accent text-accent-lines">Agile development and Lean principles guide what we do and how we do it at Coplex. The Agile development process promotes flexibility and efficiency. This combination allows teams to work together seamlessly to create the best possible product.</h4>
  </div>
    </div>
      </div>
</div>
  </div>
  <div class="co-content-wrap">
  
<div class="co-content aside-right  co-content-width-0">
  <div class="row">
        <div class="co-content-aside col-xs-12 col-sm-5 col-md-4">
        <div class="co-content-wrap first last">
  <p style="text-align: center;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0" y="0" width="152" height="113" viewbox="0 0 152 113" enable-removed="new 0 0 152 113" xml:space="preserve">
  <path fill="#F16A54" d="M88.7 23.7L88.7 23.7c4.6 0 8.3-3.6 8.3-8.2 0-4.6-3.7-8.3-8.2-8.3L65 7c-3.3 0-5.9-2.7-5.9-6l-2.3 0c0 4.6 3.7 8.3 8.2 8.3l23.7 0.1c3.3 0 6 2.7 5.9 6 0 3.3-2.7 6-6 5.9v0l-23.4-0.1c0.2 0.8 0.5 1.5 0.7 2.3L88.7 23.7z" />
  <path fill="#F16A54" d="M88.6 35.6l-21.8-0.1c-0.1 0.8-0.2 1.5-0.3 2.3l22.1 0.1c3.3 0 6 2.7 5.9 6 0 3.4-2.8 6-6 6l-9.9-0.1v0c-4.1 0-7.6 3.1-8.1 7.1 0.3 0 0.7 0 1 0 0.4 0 0.8 0.1 1.2 0.1 0.5-2.8 3-4.9 5.9-4.9l9.8 0c4.6 0 8.3-3.7 8.3-8.2C96.9 39.4 93.2 35.7 88.6 35.6z" />
  <polygon fill="#F16A54" points="22.3 41.7 12.6 32 22.3 22.3 24.2 24.2 16.4 32 24.2 39.8 " />
  <polygon fill="#F16A54" points="41.7 41.7 39.8 39.8 47.6 32 39.8 24.2 41.7 22.3 51.4 32 " />
  <rect x="30.6" y="22.2" transform="matrix(0.8944 0.4472 -0.4472 0.8944 17.6899 -10.9327)" fill="#F16A54" width="2.7" height="19.6" />
  <path fill="#32B493" d="M2.7 32C2.7 15.9 15.9 2.7 32 2.7S61.3 15.9 61.3 32c0 8.8-3.9 16.6-10 22h3.9c5.4-5.7 8.8-13.5 8.8-22C64 14.4 49.6 0 32 0S0 14.4 0 32c0 8.5 3.4 16.3 8.8 22h3.9C6.6 48.6 2.7 40.8 2.7 32z" />
  <path fill="#EF6B55" d="M0 57v56h152V57H0zM149 110H3V60h146V110z" />
  <path fill="#25B494" d="M20 75v-6h-6v6H20M22 77H12V67h10V77L22 77 22 77z" />
  <path fill="#25B494" d="M32 75v-6h-6v6H32M34 77H24V67h10V77L34 77 34 77z" />
  <path fill="#25B494" d="M44 75v-6h-6v6H44M46 77H36V67h10V77L46 77 46 77z" />
  <path fill="#25B494" d="M56 75v-6h-6v6H56M58 77H48V67h10V77L58 77 58 77z" />
  <path fill="#25B494" d="M68 75v-6h-6v6H68M70 77H60V67h10V77L70 77 70 77z" />
  <path fill="#25B494" d="M80 75v-6h-6v6H80M82 77H72V67h10V77L82 77 82 77z" />
  <path fill="#25B494" d="M25 88v-6h-6v6H25M27 90H17V80h10V90L27 90 27 90z" />
  <path fill="#25B494" d="M37 88v-6h-6v6H37M39 90H29V80h10V90L39 90 39 90z" />
  <path fill="#25B494" d="M49 88v-6h-6v6H49M51 90H41V80h10V90L51 90 51 90z" />
  <path fill="#25B494" d="M20 101v-6h-6v6H20M22 103H12V93h10V103L22 103 22 103z" />
  <path fill="#25B494" d="M32 101v-6h-6v6H32M34 103H24V93h10V103L34 103 34 103z" />
  <path fill="#25B494" d="M44 101v-6h-6v6H44M46 103H36V93h10V103L46 103 46 103z" />
  <path fill="#25B494" d="M61 88v-6h-6v6H61M63 90H53V80h10V90L63 90 63 90z" />
  <path fill="#25B494" d="M103 101v-6H50v6H103M105 103H48V93h57V103L105 103 105 103z" />
  <path fill="#25B494" d="M73 88v-6h-6v6H73M75 90H65V80h10V90L75 90 75 90z" />
  <path fill="#25B494" d="M85 88v-6h-6v6H85M87 90H77V80h10V90L87 90 87 90z" />
  <path fill="#25B494" d="M91 75v-6h-6v6H91M93 77H83V67h10V77L93 77 93 77z" />
  <path fill="#25B494" d="M103 75v-6h-6v6H103M105 77H95V67h10V77L105 77 105 77z" />
  <path fill="#25B494" d="M115 75v-6h-6v6H115M117 77h-10V67h10V77L117 77 117 77z" />
  <path fill="#25B494" d="M127 75v-6h-6v6H127M129 77h-10V67h10V77L129 77 129 77z" />
  <path fill="#25B494" d="M139 75v-6h-6v6H139M141 77h-10V67h10V77L141 77 141 77z" />
  <path fill="#25B494" d="M96 88v-6h-6v6H96M98 90H88V80h10V90L98 90 98 90z" />
  <path fill="#25B494" d="M108 88v-6h-6v6H108M110 90h-10V80h10V90L110 90 110 90z" />
  <path fill="#25B494" d="M115 101v-6h-6v6H115M117 103h-10V93h10V103L117 103 117 103z" />
  <path fill="#25B494" d="M127 101v-6h-6v6H127M129 103h-10V93h10V103L129 103 129 103z" />
  <path fill="#25B494" d="M139 101v-6h-6v6H139M141 103h-10V93h10V103L141 103 141 103z" />
  <path fill="#25B494" d="M120 88v-6h-6v6H120M122 90h-10V80h10V90L122 90 122 90z" />
  <path fill="#25B494" d="M132 88v-6h-6v6H132M134 90h-10V80h10V90L134 90 134 90z" />
</svg>
</p>
<h4 style="text-align: center;">SCRUM Sprints:<br />Week-long iterations of awesomeness</h4>
  </div>
    </div>
    <div class="co-content-main col-xs-12 col-sm-7 col-md-8">
        <div class="co-content-wrap first last">
  <p>At Coplex, we run week-long iterations, called SCRUM sprints on the Drupal, Magento, WordPress and Mobile platforms. During this time, our team of developers dedicates their time entirely to your project. Sprints are scheduled in advanced, in many cases for a few weeks consecutively, to allow for a quick turnaround of your development project.</p>
<p>While in sprint, there is complete project transparency. At the beginning of every sprint we have an all-team planning and check-in calls every day thereafter. We use a number of platforms to talk and work together during sprint. Our team is on HipChat, an online chat service, throughout the day, and we also use PivotalTracker to plan out the tasks that will be worked out throughout the week.</p>
  </div>
    </div>
      </div>
</div>
  </div>
  <div class="co-content-wrap">
  
<div class="co-content  fw-bg-beige co-content-width-0">
  <div class="row">
        <div class="co-content-main col-xs-12">
        <div class="co-content-wrap first last">
  <blockquote><p>During the day (and many times after hours), there are open lines of communication between you and the development team. You can be sure you’ll get to know our team quite well by the end of your project.</p>
</blockquote>
  </div>
    </div>
      </div>
</div>
  </div>
  <div class="co-content-wrap">
  
<div class="co-content aside-left  co-content-width-0">
  <div class="row">
        <div class="co-content-aside col-xs-12 col-sm-5 col-md-4">
        <div class="co-content-wrap first last">
  <p style="text-align: center;">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="117.6" height="97.3" viewbox="0 0 117.6 97.3" enable-removed="new 0 0 117.6 97.3" xml:space="preserve"><path fill="#25B494" d="M107.3 32.6h-9.8v4h9.8c3.5 0 6.3 2.8 6.3 6.3v50.4l-10.1-16H61.7c-2.8 0-5.2-1.8-6-4.4h-4.1c0.9 4.8 5.1 8.4 10.1 8.4h39.6l9 14.1c0.7 1.2 2 1.9 3.4 1.9 0.4 0 0.7-0.1 1.1-0.2 1.7-0.5 2.9-2.1 2.9-3.8V42.9C117.6 37.3 113 32.6 107.3 32.6zM76.7 64.9c7.1 0 12.8-5.7 12.8-12.8V12.8C89.5 5.7 83.8 0 76.7 0H12.8C5.7 0 0 5.7 0 12.8v70.5c0 1.8 1.2 3.3 2.9 3.8 0.4 0.1 0.7 0.2 1.1 0.2 1.3 0 2.6-0.7 3.4-1.9l13-20.5H76.7zM4 83.3V12.8C4 7.9 7.9 4 12.8 4h63.9c4.9 0 8.8 3.9 8.8 8.8v39.3c0 4.9-3.9 8.8-8.8 8.8H18.2L4 83.3z" /><path fill="#EF6B55" d="M17.6 22.7c1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 0.1 0 0.2 0 0.2 0v-1.1c-0.1 0-0.2 0-0.2 0 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0C72.3 17.5 70.9 16 69 16c-1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0C49.5 17.5 48 16 46.2 16c-1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 0-0.5-0.1-0.9-0.3-1.3v3.5C15.6 22.2 16.6 22.7 17.6 22.7zM72.5 31.5C72.5 31.4 72.4 31.4 72.5 31.5c-0.1-1.8-1.6-3.3-3.4-3.3 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 0-0.5-0.1-0.9-0.3-1.3v3.5c0.6 0.8 1.6 1.3 2.6 1.3 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 0.1 0 0.2 0 0.2 0v-1.1c-0.1 0-0.2 0-0.2 0C73.5 33.8 72.5 32.7 72.5 31.5zM72.5 43.6C72.5 43.6 72.4 43.6 72.5 43.6c-0.1-1.8-1.6-3.3-3.4-3.3 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 -0.1-1.8-1.6-3.2-3.4-3.2 -1.8 0-3.3 1.4-3.4 3.2 0 0 0 0 0 0 0 1.3-1 2.3-2.3 2.3 -1.3 0-2.3-1-2.3-2.3 0 0 0 0 0 0 0-0.5-0.1-0.9-0.3-1.3v3.5c0.6 0.8 1.6 1.3 2.6 1.3 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 1.8 0 3.3-1.4 3.4-3.2 0 0 0 0 0 0 0-1.3 1-2.3 2.3-2.3 1.3 0 2.3 1 2.3 2.3 0 0 0 0 0 0 0.1 1.8 1.6 3.2 3.4 3.2 0.1 0 0.2 0 0.2 0v-1.1c-0.1 0-0.2 0-0.2 0C73.5 45.9 72.5 44.9 72.5 43.6z" /></svg>
</p>
<h4 style="text-align: center;">You're an active & engaged part of the process</h4>
  </div>
    </div>
    <div class="co-content-main col-xs-12 col-sm-7 col-md-8">
        <div class="co-content-wrap first last">
  <p>This open and frequent communication allows our team to work closely with you to provide updates as we progress and address any issues that come up. From there, we are able to work together to find quick solutions or alternative approaches to reach your end goal. This puts you in the driver’s seat of your project. You prioritize functionality and test delivered stories so that at the end of sprint, there aren’t any surprises, and you get the end product you envisioned.</p>
  </div>
    </div>
      </div>
</div>
  </div>
  <div class="co-content-wrap last">
  
<div class="co-content   co-content-width-0">
  <div class="row">
        <div class="co-content-main col-xs-12">
        <div class="co-content-wrap first last">
  <h4 class="text-accent text-accent-stars">Working in sprints, as opposed to a fixed price or traditional time and materials model, promotes true collaboration between your team and ours. It simplifies and streamlines the development process so that we can create higher quality products, faster.</h4>
  </div>
    </div>
      </div>
</div>
  </div>
  </div>

  
  
</div>

</section> <!-- /.block -->
  </div>
          </section>

  </div>
</div>

<section class="pre-footer container-fluid edge-2-edge">
    <div class="region region-prefooter">
    <section id="block-block-17" class="block block-block clearfix">

      
  <h2 class="sub-page-title nix-top-bottom-margins h2-responsive text-center top-border-gray">Platforms</h2>
</section> <!-- /.block -->
<section id="block-block-7" class="block block-block clearfix">

      
  <div class="co-platforms text-center">
  <a class="co-platform co-platform-x4 co-color-plum" href="/services/development/drupal" title="Drupal Development">
    
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="53" height="60" viewbox="-173 171 53 60" enable-removed="new -173 171 53 60" xml:space="preserve"><path fill="currentColor" d="M-133.4 182.2c-3.1-1.9-6-2.7-8.8-4.6 -1.8-1.2-4.3-4.1-6.4-6.6 -0.4 4-1.6 5.6-3 6.8 -2.9 2.3-4.8 3-7.3 4.4 -2.1 1.1-13.8 8-13.8 22.9 0 14.9 12.5 25.9 26.4 25.9 13.9 0 26-10.1 26-25.4C-120.3 190.3-131.6 183.3-133.4 182.2zM-133.1 225.6c-0.3 0.3-2.9 2.1-6.1 2.4 -3.1 0.3-7.3 0.5-9.9-1.8 -0.4-0.4-0.3-1 0-1.2 0.3-0.2 0.5-0.4 0.9-0.4s0.3 0 0.5 0.1c1.2 0.9 2.9 1.7 6.6 1.7 3.7 0 6.3-1 7.5-1.9 0.5-0.4 0.8-0.1 0.8 0.2C-132.8 224.8-132.7 225.2-133.1 225.6zM-143.2 220.3c0.6-0.6 1.7-1.5 2.7-1.9 1-0.4 1.5-0.3 2.4-0.3 0.9 0 1.9 0.1 2.6 0.5 0.7 0.4 1.1 1.5 1.3 2.1s0 0.9-0.5 1.2c-0.4 0.2-0.5 0.1-0.9-0.6 -0.4-0.8-0.8-1.5-2.8-1.5s-2.7 0.7-3.6 1.5c-1 0.8-1.3 1.1-1.7 0.6C-144 221.3-143.9 220.9-143.2 220.3zM-127.9 220.8c-2.1-0.2-6.2-6.6-8.9-6.8 -3.4-0.1-10.6 7-16.4 7 -3.5 0-4.5-0.5-5.7-1.3 -1.7-1.2-2.6-3.1-2.5-5.6 0.1-4.5 4.3-8.7 9.6-8.8 6.8 0 11.5 6.7 14.9 6.7 2.9-0.1 8.4-5.7 11.2-5.7 2.9 0 3.7 3 3.7 4.8 0 1.8-0.6 5-2 7.1S-126.3 220.9-127.9 220.8z" /></svg>

    <h4 class="h4-responsive">Drupal</h4>
    <p>The Foundation for Creating Great Digital Experiences</p>
    <div class="co-platform-button-wrap">
      <div class="btn btn-info">More</div>
    </div>
  </a>
  <a class="co-platform co-platform-x4 co-color-lt-orange" href="/services/development/magento" title="Magento Development">
    
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="51" height="60" viewbox="0 0 51 60" enable-removed="new 0 0 51 60" xml:space="preserve"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M44.2 48.4V19.5L25.5 7.9 6.8 19.5v28.9L0 44.2V15.7L25.5 0 51 15.7v28.5L44.2 48.4zM21.8 51.7l3.8 2.3 3.7-2.3V18.2l8.3 5.1v23.3 5.2 0.8l-12 7.4 -12-7.4v-0.8 -5.2V23.2l8.2-5.1V51.7z" /></svg>

    <h4 class="h4-responsive">Magento</h4>
    <p>Reinventing the Social Shopping Experience</p>
    <div class="co-platform-button-wrap">
      <div class="btn btn-info">More</div>
    </div>
  </a>
  <a class="co-platform co-platform-x4 co-color-green" href="/services/development/wordpress" title="WordPress Development">
    
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="60" height="60" viewbox="0 0 60 60" enable-removed="new 0 0 60 60" xml:space="preserve"><path fill="currentColor" d="M0 30c0 11.9 6.9 22.1 16.9 27L2.6 17.8C0.9 21.5 0 25.6 0 30zM50.3 28.5c0-3.7-1.3-6.3-2.5-8.3-1.5-2.5-2.9-4.6-2.9-7 0-2.8 2.1-5.3 5-5.3 0.1 0 0.3 0 0.4 0C44.9 3 37.8 0 30 0 19.5 0 10.3 5.4 4.9 13.5c0.7 0 1.4 0 1.9 0 3.1 0 8-0.4 8-0.4 1.6-0.1 1.8 2.3 0.2 2.5 0 0-1.6 0.2-3.4 0.3l10.9 32.5 6.6-19.7-4.7-12.8c-1.6-0.1-3.1-0.3-3.1-0.3-1.6-0.1-1.4-2.6 0.2-2.5 0 0 5 0.4 7.9 0.4 3.1 0 8-0.4 8-0.4 1.6-0.1 1.8 2.3 0.2 2.5 0 0-1.6 0.2-3.4 0.3L45 48.2l3-10C49.5 34.3 50.3 31.1 50.3 28.5zM30.5 32.6l-9 26.2c2.7 0.8 5.5 1.2 8.5 1.2 3.5 0 6.8-0.6 10-1.7-0.1-0.1-0.2-0.3-0.2-0.4L30.5 32.6zM56.3 15.6c0.1 1 0.2 2 0.2 3.1 0 3-0.6 6.5-2.3 10.7l-9.2 26.5C54 50.7 60 41.1 60 30 60 24.8 58.7 19.9 56.3 15.6z" /></svg>

    <h4 class="h4-responsive">WordPress</h4>
    <p>The Internet's Most Widely Used Content Management System</p>
    <div class="co-platform-button-wrap">
      <div class="btn btn-info">More</div>
    </div>
  </a>
  <a class="co-platform co-platform-x4 co-color-orange" href="/services/development/mobile-apps" title="Mobile Applications">
    
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="79" height="60" viewbox="-160 171 79 60" enable-removed="new -160 171 79 60" xml:space="preserve"><path fill="currentColor" d="M-122 187c-1.3-2.9-3.7-5.3-6.7-6.8l2.4-4.4c0.1-0.2 0.1-0.5-0.2-0.7 -0.2-0.1-0.5-0.1-0.6 0.2l-2.4 4.4c-2.1-0.9-4.3-1.4-6.8-1.4 -2.4 0-4.7 0.5-6.8 1.4l-2.4-4.4c-0.1-0.3-0.4-0.3-0.7-0.2 -0.2 0.1-0.3 0.4-0.2 0.7l2.4 4.3c-4.7 2.4-7.9 7.1-7.9 12.4h24.3c0.3-0.6 0.7-1.1 1.1-1.6C-125.1 189.3-123.6 187.9-122 187zM-143.4 186.9c-0.7 0-1.3-0.6-1.3-1.3s0.6-1.3 1.3-1.3c0.7 0 1.3 0.6 1.3 1.3S-142.7 186.9-143.4 186.9zM-129.2 186.9c-0.7 0-1.3-0.6-1.3-1.3s0.6-1.3 1.3-1.3 1.3 0.6 1.3 1.3S-128.5 186.9-129.2 186.9zM-156.5 193.1c-1.9 0-3.5 1.5-3.5 3.4V211c0 1.9 1.5 3.5 3.5 3.5 1.9 0 3.4-1.5 3.4-3.5v-14.4C-153.1 194.7-154.7 193.1-156.5 193.1zM-128.2 193.8h-23.6v22.4c0 2.1 1.6 3.7 3.7 3.7h2.5v7.6c0 1.9 1.5 3.5 3.4 3.5 1.9 0 3.5-1.5 3.5-3.5v-7.6h4.7v7.6c0 1.9 1.5 3.5 3.5 3.5s3.5-1.5 3.5-3.5v-6.7c-2.5-5.3-3.8-10.4-3.8-15.4C-130.9 200.9-130 197-128.2 193.8zM-85.1 224.3c-2.9 4.4-5.8 6.6-8.6 6.6 -1.1 0-2.7-0.4-4.7-1.1s-3.7-1.1-5.1-1.1c-1.3 0-3 0.4-4.8 1.1 -1.8 0.8-3.3 1.1-4.4 1.1 -3.5 0-6.8-2.9-10.1-8.7s-4.9-11.4-4.9-16.9c0-5.1 1.3-9.3 3.8-12.6 2.5-3.2 5.7-4.8 9.6-4.8 1.6 0 3.6 0.3 6 1 2.3 0.7 3.9 1 4.6 1 1 0 2.6-0.4 4.8-1.1 2.2-0.7 4.2-1.1 5.8-1.1 2.7 0 5.1 0.7 7.2 2.2 1.2 0.8 2.4 2 3.5 3.4 -1.7 1.5-3 2.8-3.8 4 -1.4 2.1-2.2 4.4-2.2 7 0 2.8 0.8 5.3 2.3 7.5s3.3 3.6 5.3 4.2C-81.8 218.5-83.2 221.4-85.1 224.3zM-94.6 181c-0.7 1.7-1.7 3.2-3.1 4.6 -1.2 1.2-2.4 2-3.6 2.4 -0.8 0.2-1.9 0.4-3.5 0.6 0.1-3.3 0.9-6.2 2.6-8.6 1.7-2.4 4.5-4.1 8.4-5 0.1 0.3 0.1 0.5 0.2 0.7 0 0.2 0 0.4 0 0.7C-93.6 177.8-94 179.4-94.6 181z" /></svg>

    <h4 class="h4-responsive">Mobile Apps</h4>
    <p>Creating Custom Experiences for Mobile Devices</p>
    <div class="co-platform-button-wrap">
      <div class="btn btn-info">More</div>
    </div>
  </a>
</div>
</section> <!-- /.block -->
<section id="block-block-5" class="block block-block clearfix">

      
  <a class="co-pre-foot-pponly" href="/project-planner" title="Project Planner">
  <div class="co-pre-foot-pponly-inner">
    <div class="co-pre-foot-pp-icon">
      
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="59" height="59" viewbox="0 0 59 59" enable-removed="new 0 0 59 59" xml:space="preserve"><rect x="40" y="14" fill="#FFFFFF" width="10" height="2" /><polygon fill="#FFFFFF" points="19.9 48.6 18.5 50 14.9 46.5 11.4 50 10 48.6 13.5 45.1 10 41.5 11.4 40.1 14.9 43.6 18.5 40.1 19.9 41.5 16.4 45.1 " /><polygon fill="#FFFFFF" points="21 16 16 16 16 21 14 21 14 16 9 16 9 14 14 14 14 9 16 9 16 14 21 14 " /><path fill="#FFFFFF" d="M0 0v59h59V0H0zM29 58H1V30h28V58zM29 29H1V1h28V29zM49 48H39v-2h10V48zM49 44H39v-2h10V44zM58 29H30V1h28V29z" /></svg>

    </div>
    <h3 class="co-pre-foot-pp-text h3-responsive nix-bottom-margin">Launch our project planner to get started<span class="hidden-xs hidden-ph hidden-pt"> 
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="11.1" height="19" viewbox="0 0 11.1 19" enable-removed="new 0 0 11.1 19" xml:space="preserve"><polygon fill="currentColor" points="7.9 9.5 0 17.4 1.6 19 11.1 9.5 1.6 0 0 1.6 " /></svg>
</span></h3>
  </div>
</a>
</section> <!-- /.block -->
  </div>
</section>
<footer class="footer container-fluid">
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-sm-push-6">
        <div class="region region-footer-right">
    <section id="block-block-2" class="block block-block clearfix">

      
  <ul class="menu nav">
  <li><a class="co-social co-social-fb" href="https://www.facebook.com/coplex">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="10.3" height="22.1" viewbox="0 0 10.3 22.1" enable-removed="new 0 0 10.3 22.1" xml:space="preserve"><path fill="currentColor" d="M6.8 7.2h3.5L9.9 11h-3v11H2.3V11H0V7.2h2.3V4.9c0-1.6 0.4-2.9 1.2-3.7C4.2 0.4 5.5 0 7.2 0h3v3.8H8.4c-0.4 0-0.6 0-0.8 0.1C7.3 4 7.2 4.1 7.1 4.2 7 4.3 6.9 4.5 6.9 4.7l0 0.7V7.2z" /></svg>
<span class="sr-only">Follow us on Facebook</span></a></li>
  <li><a class="co-social co-social-t" href="https://twitter.com/hellocoplex">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="21.1" height="22.1" viewbox="0 0 21.1 22.1" enable-removed="new 0 0 21.1 22.1" xml:space="preserve"><path fill="currentColor" d="M21.1 7c-0.6 0.9-1.3 1.6-2.2 2.2v0.6c0 1.2-0.2 2.3-0.5 3.5 -0.3 1.2-0.8 2.3-1.5 3.3 -0.7 1.1-1.5 2-2.5 2.8 -1 0.8-2.1 1.5-3.5 2 -1.3 0.5-2.8 0.8-4.3 0.7 -2.4 0-4.6-0.6-6.6-1.9 0.3 0 0.6 0.1 1 0.1 2 0 3.8-0.6 5.4-1.8 -0.9 0-1.8-0.3-2.5-0.9s-1.2-1.3-1.5-2.1c0.3 0 0.6 0 0.8 0 0.4 0 0.8 0 1.2-0.1 -1-0.2-1.8-0.7-2.5-1.5 -0.7-0.8-1-1.7-1-2.8v0c0.6 0.3 1.3 0.5 2 0.6 -0.6-0.4-1.1-0.9-1.4-1.5C1 9.4 0.9 8.7 0.9 7.9s0.2-1.5 0.6-2.2c1.1 1.3 2.4 2.4 3.9 3.2 1.5 0.8 3.2 1.2 5 1.3 -0.1-0.3-0.1-0.7-0.1-1 0-1.2 0.4-2.2 1.3-3 0.8-0.8 1.9-1.3 3-1.3 1.3 0 2.3 0.5 3.2 1.4 1-0.2 1.9-0.5 2.7-1.1 -0.3 1-1 1.8-1.9 2.4C19.4 7.6 20.3 7.3 21.1 7z" /></svg>
<span class="sr-only">Follow us on Twitter</span></a></li>
  <li><a class="co-social co-social-in" href="https://www.linkedin.com/company/coplex">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="20.6" height="22.1" viewbox="0 0 20.6 22.1" enable-removed="new 0 0 20.6 22.1" xml:space="preserve"><path fill="currentColor" d="M5 4.7c0 0.7-0.2 1.2-0.7 1.6C3.8 6.8 3.2 7 2.5 7h0C1.7 7 1.1 6.8 0.7 6.3 0.2 5.9 0 5.4 0 4.7 0 4 0.2 3.5 0.7 3.1c0.5-0.4 1.1-0.6 1.8-0.6 0.7 0 1.3 0.2 1.8 0.6C4.7 3.5 5 4 5 4.7zM4.7 8.8v13.3H0.3V8.8H4.7zM20.6 14.5v7.6h-4.4V15c0-0.9-0.2-1.7-0.6-2.2 -0.4-0.5-0.9-0.8-1.7-0.8 -0.6 0-1 0.2-1.4 0.5 -0.4 0.3-0.7 0.7-0.9 1.2 -0.1 0.3-0.1 0.6-0.1 1.1v7.4H7.1c0-3.6 0-6.5 0-8.7v-4l0-0.6h4.4v1.9h0c0.2-0.3 0.4-0.5 0.6-0.7 0.2-0.2 0.4-0.4 0.7-0.7C13.1 9 13.5 8.8 14 8.7c0.5-0.1 1-0.2 1.5-0.2 1.5 0 2.7 0.5 3.7 1.5C20.1 11 20.6 12.5 20.6 14.5z" /></svg>
<span class="sr-only">Follow us on Linkedin</span></a></li>
</ul>
</section> <!-- /.block -->
  </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-sm-pull-6">
        <div class="region region-footer-left">
    <section id="block-menu-menu-footer-menu" class="block block-menu clearfix">

      
  <ul class="menu nav"><li class="first leaf"><a href="/about">About</a></li>
<li class="leaf"><a href="/partners">Partners</a></li>
<li class="last leaf"><a href="/terms-privacy">Terms & Privacy</a></li>
</ul>
</section> <!-- /.block -->
  </div>
    </div>
  </div>
</footer>    <script src="http://www.coplex.com/sites/default/files/js/js_REsLPu7rmWMjWdJcbmAAi4_CGneW_u1kgEQ0gfYfPC4.js"></script>
<script src="http://www.coplex.com/sites/default/files/js/js_B2uv6dkjoYobfQVyuXdchgrpnnx4oM0TkP_bDVf8Qrg.js"></script>
  </div>
  <div id="breakpoint-detection">
    <div class="visible-xs"></div>
    <div class="visible-ph"></div>
    <div class="visible-pt"></div>
    <div class="visible-sm"></div>
    <div class="visible-md"></div>
    <div class="visible-lg"></div>
  </div>
</body>
</html>
Posted
Updated 30-Aug-15 19:44pm
v2
Comments
Suvendu Shekhar Giri 31-Aug-15 1:48am    
Why you want us to do that? Why not you?
Member 11495876 31-Aug-15 2:10am    
I am a beginner and I would love to develop a website as simple and well as these programmers did it. There is no real gain for me here just shows me what I need to learn. I feel as if I am ready for this task just the java part will be the newest to me and I wanted to make sure I was going to learn java next instead of C# or C++.

What has finding the percentages helped you to learn HTML and CSS? No way. Instead, head straight to Learn5 and CSS3[^]
 
Share this answer
 
All of it is in html.
There is some Javascript and css used in between.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900