#tutor-home
  .splash-pic-bg
    section#header
        nav.pad-lr15 role="navigation"
          .row
            .col-xs-12.hidden-sm.hidden-md.hidden-lg.center
              a.logo-link href=root_url
                = image_tag("logo-syrch-new-s.png", alt: "#{Configurations::General.application_name}", title: " {Configurations::General.application_name}",height:"50" )
            .hidden-xs.col-sm-6.col-md-6.col-lg-6.no-padding.left
              a.logo-link href=root_url
                = image_tag("logo-syrch-new-s.png", alt: "#{Configurations::General.application_name}", title: "#{Configurations::General.application_name}", height:"50" )
            .col-xs-12.hidden-sm.hidden-md.hidden-lg.center
                = link_to select_user_type_path, class:'btn-signup' , data:{toggle: :modal, target:'#remote-modal'} do
                  | Sign Up
                = link_to login_path, class:'btn-login', data:{toggle: :modal, target:'#remote-modal'} do
                  | LOGIN
            .hidden-xs.col-sm-6.col-md-6.col-lg-6.no-padding.right
                = link_to select_user_type_path, class:'btn-signup' , data:{toggle: :modal, target:'#remote-modal'} do
                  | Sign Up
                = link_to login_path, class:'btn-login', data:{toggle: :modal, target:'#remote-modal'} do
                  | LOGIN


section
  .row
    .col-xs-12.col-sm-12.col-md-8.col-md-offset-2
      .text-center.ptb40
        .container-box.p20.m20
          p.round-num 1
          h2.pb20.lh30 Modern Website designs with ease of use that appeals to all types of users on all types of devices.
        .container-box.p20.m20
          p.round-num 2
          h2.pb20.lh30 Responsive designs that work seamlessly across different screen sizes and accross all commonly used browsers.
        .container-box.p20.m20
          p.round-num 3
          h2.pb20.lh30 Quick turn around times on designs based on customer inputs.
        .container-box.p20.m20
          p.round-num 4
          h2.pb20.lh30 New logo designs that suit your line of business/organization with appealing color choices based on inputs from you.
        .container-box.p20.m20
          p.round-num 5
          h2.pb20.lh30 Designs and content that can be managed by Clients in future in case they choose to.

section#six-boxes.container-box-blue
  .row
    .col-xs-12.col-sm-12.col-md-10.col-md-offset-1.six-boxes-wrapper
      .row
        h3.white Our Services
      .row
        .col-xs-12.col-sm-12.col-md-8.col-md-offset-2
          .bx-rect
            =link_to '',class:'white', data:{toggle: :modal, target:'#responsive-modal'} do
              i.fa.fa-arrows-alt
              h4 Custom Website Development
              p
                | Let’s ideate, design & develop your custom website. Unlike most web development companies that give you a basic cookie-cutter website that they do all their clients. Instead we give you a unique look that makes you stand out from your competitors.


#newpage-slider-wrapper1.mt65
  h1.text-center OUR WORK
  ul#home-page-slider1
    li
      =image_tag('slider_images/airbears.png')
    li
      =image_tag('slider_images/backflash.png')
    li
      =image_tag('slider_images/fixxperts.png')
    li
      =image_tag('slider_images/fomograph.jpg')
    li
      =image_tag('slider_images/helix.png')
    li
      =image_tag('slider_images/lionsgroup.png')
    li
      =image_tag('slider_images/participass.png')
    li
      =image_tag('slider_images/pergo.png')
    li
      =image_tag('slider_images/premiersports.png')
    li
      =image_tag('slider_images/schwhy.png')
    li
      =image_tag('slider_images/supply-gauge.png')
    li
      =image_tag('slider_30ptimages/syrch.png')
    li
      =image_tag('slider_images/yathlete.jpg')
section#we-want-you.container-box
  .row
    .col-xs-12.col-sm-12.we-want-img.no-bg
      .col-xs-12.col-sm-10.col-sm-offset-1.we-want-content
        h2 WHO WE ARE
        .col-xs-12.col-sm-6
          ul
            li Our team is made up leaders of their field of specialties from around the world.
            li We break down our process in a simplified form.
            li We are completely flexible to your time constraints and will find a way to make the best of your time.

        .col-xs-12.col-sm-6
          ul
            li We keep you update with our processes so you are part of build and not left in the dark.
            li We will work with your budget and make sure your solution is affordable.
        .row.hide
          .col-xs-12.col-sm-12.text-center
            = link_to 'Join Us', page_path("joinusnow"), class:'join-us-btn'


section#footer.footer.row.mtb0
  .footer-icon-container
    p Follow Us
    a.footer-icons href="https://www.facebook.com/pages/Air-Bears/830111767019340" target="_blank"
      i.fa.fa-facebook
    a.footer-icons href="#" target="_blank"
      i.fa.fa-twitter
    a.footer-icons href="#" target="_blank"
      i.fa.fa-instagram
    a.footer-icons href="#" target="_blank"
      i.fa.fa-linkedin
    a.footer-icons href="#" target="_blank"
      i.fa.fa-google-plus
    .row
      p.cpyrt
        i.fa.fa-copyright
        |  G-TECH

#responsive-modal.modal.fade.mymodal aria-hidden="true" aria-labelledby="myModalLabel1" role="dialog" tabindex="-1"
  .modal-dialog
    .modal-content
      .modal-header.no-border
        button.close aria-hidden="true" data-dismiss="modal" type="button"  ×
        h4.modal-title Responsive Web Design
      .modal-body
        .row
          .col-xs-12.col-sm-12.footdata
            p Modern Website designs with ease of use that appeals to all types of users on all types of devices.
            P Responsive designs that work seamlessly across different screen sizes and accross all commonly used browsers.
            P Quick turn around times on designs based on customer inputs.
            P New logo designs that suit your line of business/organization with appealing color choices based on inputs from you.
            P Designs and content that can be managed by Clients in future in case they choose to.