123 lines
3.2 KiB
Plaintext
123 lines
3.2 KiB
Plaintext
!!!
|
||
|
||
%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&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;
|
||
|
||
|
||
}
|
||
} |