<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!--services--> <section class="services"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>Our <cite>Services</cite> </h1> </div> <div class="col-lg-4 col-md-4 border-style"> <div class="row"> <div class="col-md-5 no-rmargin "><i class="fa fa-code no-rmargin licon fright"></i></div> <div class="col-md-7"><h2 class="heading2">Xhtml <span>Markup</span></h2></div> </div> <p>One stop digital agency to strengthen your web presence online We create across the browsers/devices compatible websites. Website Design, Online Marketing & Mobile App Development </p> </div> <div class="col-lg-4 col-md-4 right-left-border "> <div class="row"> <div class="col-md-5 no-rmargin"><i class="fa fa-html5 licon fright"></i></div> <div class="col-md-7 no-lmargin "><h2 class="heading2">Web Design <span>& Development</span></h2></div> </div> <p>One stop digital agency to strengthen your web presence online We create across the browsers/devices compatible websites. Website Design, Online Marketing & Mobile App Development </p> </div> <div class="col-lg-4 col-md-4 border-style"> <div class="row"> <div class="col-md-5 no-rmargin"><i class="fa fa-shopping-cart no-rmargin licon fright"></i></div> <div class="col-md-7"><h2 class="heading2">Ecommerce <span>Solutions</span></h2></div> </div> <p>One stop digital agency to strengthen your web presence online We create across the browsers/devices compatible websites. Website Design, Online Marketing & Mobile App Development </p> </div> <div class="clearfix"></div> <div class="col-lg-4 col-md-4 top-border border-style"> <div class="row"> <div class="col-md-5 no-rmargin"><i class="fa fa-paint-brush no-rmargin licon fright"></i></div> <div class="col-md-7"><h2 class="heading2">Graphic <span>Design</span></h2></div> </div> <p>One stop digital agency to strengthen your web presence online We create across the browsers/devices compatible websites. Website Design, Online Marketing & Mobile App Development </p> </div> <link rel="stylesheet" href="https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css"> <div class="col-lg-4 col-md-4 top-left-rightborder"> <div class="row"> <div class="col-md-5 no-rmargin"><i class="fa fa-globe licon no-rmargin fright"></i></div> <div class="col-md-7"><h2 class="heading2">Digital <span>Marketing</span></h2></div> </div> <p>One stop digital agency to strengthen your web presence online We create across the browsers/devices compatible websites. Website Design, Online Marketing & Mobile App Development </p> </div> <div class="col-lg-4 col-md-4 top-border"> <div class="row"> <div class="col-md-5 no-rmargin"><i class="fa fa-pencil licon no-rmargin fright"></i></div> <div class="col-md-7"><h2 class="heading2">Content <span>Writing</span></h2></div> </div> <p>One stop digital agency to strengthen your web presence online We create across the browsers/devices compatible websites. Website Design, Online Marketing & Mobile App Development </p> </div> </div> <a href="http://www.webenlance.com/" class="btnstyle text-center">See Our Full Services <i class="fa fa-long-arrow-right"></i> </a> </div> </section> <!--services-->

/*services*/ .services { background-attachment: fixed; background-image: url("../images/services-bg.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; margin-bottom: 0; margin-top: 0; min-height: 0; padding-bottom: 35px; padding-top: 35px; min-height:600px; -webkit-box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.65); -moz-box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.65); box-shadow: 0px 3px 10px -5px rgba(0,0,0,0.65); } .rightborder { border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; } .right-left-border { border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; } .top-left-rightborder { border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; border-left-style: solid; border-left-color: #CCC; border-left-width: 1px; } .top-border { border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; } .services p { text-align:center;} .licon { font-size:65px !important; color:#e7880f; line-height:40px; line-height:99px !important; float:left; padding-right:15px;} .no-rmargin { margin-right:0px !important; padding-right:0px !important;} .no-lmargin { margin-left:0px !important; padding-left:0px !important;} .fright { float:right;} .btn-style:hover { transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; } .btnstyle { line-height:40px; text-transform:uppercase; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #6d6d6d; border-bottom-color: #6d6d6d; color:#333; float: left; padding-right: 15px; padding-left: 15px; width: 240px; margin-left: 40%; margin-top: 20px; transition: color 0.2s linear 0s, background 0.2s linear 0s; } @media (max-width:990px) { .fright { float:left;} .no-rmargin { margin-right:0px !important; padding-right:15px !important;} .top-left-rightborder { border-bottom-width: 1px; border-top-style: none !important; border-right-style: none !important; border-bottom-style: solid !important; border-left-style: none !important; border-bottom-color: #ccc; border-bottom-width: 1px !important;} .right-left-border {border-bottom-width: 1px; border-top-style: none !important; border-right-style: none !important; border-bottom-style: solid; border-left-style: none !important; border-bottom-color: #ccc; border-bottom-width: 1px !important;} .top-border {border-top-style: none !important;} .border-style { border-bottom:1px #ccc solid;} .services p { text-align:left !important;} .btnstyle { margin-left:0px; width:100%; } }