#syrch-home.temp-home.v3 class=ActsAsTenant.current_tenant.subdomain
  .container-fluid#splash-pic.splash-pic
    header.row
      nav.navbar role="navigation"
        .col-xs-12.col-sm-12
          .col-xs-12.col-sm-12.col-md-4.top-left-text
            = link_to "",class:'watch-video', data: {toggle: 'modal', target: '#video-remote-modal'} do
              i.fa.fa-play-circle.pr5
              span.fs10 WATCH HOW SYRCH WORKS
            p.hide Automatically synced, instantly organized.
          .col-xs-12.col-sm-12.col-md-2.fb-linkedIn-top
            .pull-right
              label.login-with
                | Login with
              .pull-left
                - if params[:invitation_token].blank?
                    = link_to '', auth_at_provider_path(provider: :linkedin), class: :'circle-in pull-left mr5'
                    = link_to '',auth_at_provider_path(:provider => :facebook), class: :'circle-fb pull-left'
                - else
                    = link_to '',auth_at_provider_path(provider: :linkedin, invitation_token: params[:invitation_token]), class: :'circle-in pull-left mr5'
                    = link_to '',auth_at_provider_path(provider: :facebook, invitation_token: params[:invitation_token]), class: :'circle-fb pull-left'
          .col-xs-12.col-sm-12.col-md-6.login-v3
            h2.or OR
            = render 'sessions/form/georgetown'
      .vspace35.visible-xs-block
    .row
      .col-xs-12
        .col-xs-12.col-sm-12.col-md-5.no-padding
          ul.contentSlider
            li.iphone-container
              = image_tag("syrch-iPhone.png", width: "75%", alt: "task ui in iphone")
            li.macbook-container
              = image_tag("vid.png", alt: "Video chat UI")
            li.macbook-container
              = image_tag("prof.png",  alt: "Profile View")
            li.macbook-container
              = image_tag("cal.png",  alt: "Personal Calendar")
          .iphone-container.hide
              = image_tag("syrch-iPhone.png", width: "80%", alt: "task ui in iphone")
        .col-xs-12.col-sm-12.col-md-7
          .col-xs-12.col-sm-12.domore-green
            .col-xs-12.col-sm-12.col-md-10.col-md-offset-2
              .bring-syrch-school
                p.txt-white Can't get in?
                = link_to '#', id: 'help-snap', class:'' do
                  | Bring SYRCH to your school.
              h1.hack-exp Hack
              h3.your-exp Your college experience.
              h4.hide All your course assignments: Automatically synced, instantly organized.
              .hidden-xs.col-sm-12.slider-container
                ul.contentSlider1
                  li
                    h3 Build your network
                    p Automatically sync and interact with groups based on your classes, student, organizations, and interests.
                  li
                    h3 Get A's, Make Cash
                    p Get help in person, online via video chat, or through a Q&A interface, or get paid for sharing your knowledge and skills with your peers.
                  li
                    h3 Get Hired
                    p Craft a professional digital identity. SYRCH captures your true value through documenting your education, expertise, credentials, and skills.
                  li
                    h3 Instantly organize
                    p Get a free calendar automatically filled out with your class times, assignment dates, and organization meetings.

            .row
              .col-xs-12.col-sm-12.col-md-6.mtb5
                = link_to auth_at_provider_path(:provider => :linkedin), class: :'circle-in' do
              .col-xs-12.col-sm-12.col-md-6.mtb5
                = link_to auth_at_provider_path(:provider => :facebook), class: :'circle-fb' do
              .col-xs-12.col-sm-12.center.ptb20
                a.inline.emailAddress href="#"
                  | or sign up with your .edu email
          #signup-form.col-xs-12.col-sm-12
            i.fa.fa-close.form-close
            = render "users/form/georgetown"
    .clearfix
    .row.hp-ftr.hidden-xs
      .col-sm-12.col-md-6
        .col-sm-12
          p.new-logo SYRCH
          .social
            a href="http://instagram.com/SYRCH_co" target="_blank"
              i.fa.fa-instagram.ftr-social
            a href="https://twitter.com/SYRCH_co" target="_blank"
              i.fa.fa-twitter-square.ftr-social
            a href="https://www.facebook.com/pages/SYRCH/1559696724251146" target="_blank"
              i.fa.fa-facebook-square.ftr-social
      .col-sm-12.col-md-6
        /#
          .terms
            = link_to about_path, target: :_blank do
              | About
        .terms
          = link_to terms_path, target: :_blank
            | Terms & Privacy
        /#
          .terms.darkgrey
            = link_to contact_path, target: :_blank
              | Contact
        .terms.hide
          = link_to contact_path  target: "_blank"
            | FAQ

#video-remote-modal.modal.fade aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
  .modal-dialog
    .modal-content
      .modal-header
        button.close aria-label="Close" data-dismiss="modal" type="button"
          span aria-hidden="true"  ×
        h4.modal-title How SYRCH works
      .modal-body
        .embed-responsive.embed-responsive-16by9
          iframe.embed-responsive-item src="//www.youtube.com/embed/4YGKemJQDZU" width="800"