AllsoPro

by Gulam Jilani

HTML

<!DOCTYPE HTML>
  <!-- Site implemented by AVAMAE Software Solutions Limited UK 2015 -->
  <!-- email: [email protected], web: www.avamae.co.uk, tel: +44 (0) 20 3567 0804 -->
<html lang="en">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>All So Pro</title>
  <meta name="keywords" id="PageKeywords" content=""/>
  <meta name="description" id="PageDescription" content="" />  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

  <link rel="shortcut icon" sizes="32x32" href="/content/images/favicon.png"/>
  <link rel="apple-touch-icon" sizes="76x76" href="/content/images/apple-icon-76x76.png">

  <!-- Social info section - BEGIN -->
  
  <meta property="og:type" content="website"/>
  <meta property="og:site_name" content="example.co.uk" />
  <meta property="og:title" content="example title"  /> 
  <meta property="og:image" content="http://allsopro.dev.avamae.co.uk/Content/Images/logo.png"/>   
  <meta property="og:url" content="http://allsopro.dev.avamae.co.uk/Home/Index" />
  <!-- Social info section - END -->

  <link rel="stylesheet" type="text/css" href="/Styles/jquery-ui.css" />
  <link rel="stylesheet" type="text/css" href="/Content/2011.2.712/telerik.common.min.css" />
  <link rel="stylesheet" type="text/css" href="/Content/2011.2.712/telerik.default.min.css" />
  <link rel="stylesheet" type="text/css" href="/Styles/font-awesome.min.css"/>
  <link rel="stylesheet" type="text/css" href="/Styles/swiper.min.css" />
  <link rel="stylesheet" type="text/css" href="/Styles/icheckbox.css" />
  <link rel="stylesheet" type="text/css" href="/Styles/General.css?c=1" />
  <link rel="stylesheet" type="text/css" href="/Styles/MediaQueries.css?c=1" media="screen" />

  <script type="text/javascript" src="/Scripts/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="/Scripts/jquery-ui.js"></script>
  <script...

CSS

/* All So Pro */
img                 { border:0px;}
table, tr, td, th   { border-spacing:0px; vertical-align:top;} 
body                { font-size:62.5%; color:#333; font-family:'Roboto', Arial, Helvetica, Verdana; padding:0px; margin:0px; background-color:#22384a; max-width:1320px; margin:0 auto; position:relative;}

/* Commonly Used */
.clearfix:after   { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix         { display:inline-block;}
* html .clearfix  { height:1%;}
.clearfix         { display:block;}

h1                { font-size:60px; color:#ffffff; margin:0px 0px 10px 0px; font-weight:900; margin:0 0 30px;}
h2                { font-size:25px; color:#5f7aaa; margin:0px 0px 10px 0px; font-weight:700; margin:0 0 25px;}
h3                { font-size:18px; color:#22384a; margin:0px 0px 10px 0px; font-weight:700;}



h1.Center,h2.Center,h3.Center   { text-align:center;}


h1.PageTitle      { color:#88c9b3;}
h1 hr             { background-color:#5f7aaa; border:0 none; color:transparent; display:block; height:2px; margin:25px auto 19px; width:70px;}
h1.AlignLeft      { color:#88c9b3;}
h1.AlignLeft hr   { margin:25px 0 19px; display:inline-block; background-color:#a7ccde;}


.BoxSizing     { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

input,textarea { border:0; background-color:#f1f1f1; color:#5c5c5c; font-size:16px; padding:13px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

.ColorGreen    { color:#88c9b3;}
.ColorSkyBlue  { color:#a7ccde;}
.ColorLightBlu { color:#5f7aaa;}
.ColorDarkBlue { color:#22384a;}
.ColorWhite    { color:#ffffff;}

.ButtonGreen,.ButtonSkyBlue,.ButtonLightBlue,.ButtonDarkBlue,.ButtonLightWhite,.ButtonWhite{ cursor:pointer; text-align:center; font-size:16px; padding:13px; text-transform:uppercase;...