!!!

%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    %title Négos



    %meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
    %meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
    %meta{ :"name" => "Description", :content => @description }
    %meta{ :"name" => "Keywords", :content => @keywords }
    =#<script type="text/javascript" =#src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyDSm3YlFVyeEa6KBPmRRkiylbd-xTl-dkQ">
    =#</script>




    = csrf_meta_tag
    =#render :partial => "public/shared/ga"


    <link href="https://fonts.googleapis.com/css?family=Lobster|Open+Sans:400,800" rel="stylesheet">

    =javascript_include_tag "https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=false"



  %body{:style => "background:url('/fond-vs.jpg') #F8F9EA center bottom no-repeat;background-size:100%;"}



    .top
      =image_tag "/logo-vs.png", :style => "margin:auto;display:block;width:250px;margin:30px auto;"
      
    
    .row
    
      .columns
        %h2
          %br
          Particuliers
          %br
          %br
        .inner
          
          %p{:style => "text-align:center;font-weight:800 !important;font-size:1.3em;"}
            %strong Ou trouver mon Pack ?
            
          %p  
            =image_tag( "/declic.png", :style => "display:block;margin:20px auto;max-width:100%;")
      .columns
        %h2
          Entreprises – Commerçants
          Professions Libérales – Collectivités
          Associations
        .inner
          
         
          
          %center
            =link_to "Commander maintenant", "http://negos.pro/public/customers_auths/new?p=KJ6XC9", :target => "_blank", :style => "display:inline-block;margin:20px;padding:12px 20px;border:1px solid #f59c00;color:white;background:#f59c00;font-weight:bold;text-decoration:none;text-transform:uppercase;"
            
        
            =link_to image_tag( "/logo2.png", :style => "display:block;margin:20px auto;width:160px;"), "http://negos.pro", :target => "_blank"
      .clear
      
    :scss
      .columns{
        width:50%;
        float:left;
        box-sizing:border-box;
        padding:0 10px;
        .inner{
          background:rgba(255,255,255,0.8);
          max-width:480px;
          margin:auto;
          padding:20px;
          
          
        }
      }
      html {
         margin: 0px;
         min-height: 100%;
         width: 100%;
         
      }
      h2{
        font-family: 'Lobster', cursive;
        color:#077e2f !important;
        font-size:40px;
      }
      body {
         margin: 0px;
         min-height: 100%;
         width: 100%;
         font-family: 'Open Sans', sans-serif;
         h2{
           text-align:center;
           max-width:480px;
           margin:auto;
           color:white;
           margin-bottom:20px;
         }
         .row{
           margin:40px auto;
           max-width:1250px;
         }
         
         
      }
      
      @media screen and (max-width: 800px) {
        .columns{
          margin-bottom:50px;
          width:auto;
          padding:0 40px;
          float:none;
          
          
        }
      }