BenoitCier
/
Opendistrib
forked from Laclic/Souke
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Refonte de la page d'accueil 

Affichage clair des fonctionnalités et des tarifs
dev
Guillaume Bourgeois 5 years ago
parent
41d4a5aa61
commit
d93ae903b8
9 changed files with 271 additions and 147 deletions
Unified View Show Diff Stats
  1. +70
    -34
      frontend/views/site/index.php
  2. +139
    -99
      frontend/web/css/screen.css
  3. BIN
      frontend/web/img/fist.png
  4. BIN
      frontend/web/img/map-marker.png
  5. BIN
      frontend/web/img/megaphone.png
  6. BIN
      frontend/web/img/order_1.png
  7. BIN
      frontend/web/img/payment.png
  8. BIN
      frontend/web/img/subscription.png
  9. +62
    -14
      frontend/web/sass/screen.scss

+ 70
- 34
frontend/views/site/index.php View File

<div id="presentation"> <div id="presentation">
<div id="row-presentation-distrib"> <div id="row-presentation-distrib">
<h2> <h2>
<span>Un outil web de gestion de commandes pour les producteurs en vente directe.</span>
<span><span class="glyphicon glyphicon-chevron-right"></span>Un outil web libre de gestion de commandes<br />pour les producteurs en vente directe.</span>
</h2> </h2>
</div> </div>
<div class="row" id="row-users-producers"> <div class="row" id="row-users-producers">
<img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/cagette.png" id="img-producer" /> <img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/cagette.png" id="img-producer" />
<span>Producteurs</span> <span>Producteurs</span>
</h2> </h2>

<p class="presentation">Simplifiez la gestion de vos commandes.</p>
<ul>
<li>Prise de commande en ligne automatisée</li>
<li>Gestion de vos points de vente</li>
<li>Réception de vos commandes par email</li>
<li>Mise en place de comptes prépayés possible pour vos clients</li>
</ul>

<div class="price">
<ul>
<li>Abonnement à <strong>prix libre</strong><br /></li>
<li>Formation & développement spécifique <strong>sur devis</strong></li>
</ul>
</div>
<p class="presentation">Simplifiez la gestion de vos commandes avec des outils adaptés.</p>
<?php if(Yii::$app->user->isGuest): ?> <?php if(Yii::$app->user->isGuest): ?>
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/signup']) ; ?>"><span class="glyphicon glyphicon-user"></span> Je crée mon compte</a> <a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/signup']) ; ?>"><span class="glyphicon glyphicon-user"></span> Je crée mon compte</a>
<a class="btn btn-default" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/contact']) ; ?>"><span class="glyphicon glyphicon-info-sign"></span> J'ai besoin d'informations complémentaires</a>
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="col-md-6" id="users"> <div class="col-md-6" id="users">
<span>Clients</span> <span>Clients</span>
</h2> </h2>
<p class="presentation">Réservez vos produits en ligne et récupérez votre commande <p class="presentation">Réservez vos produits en ligne et récupérez votre commande
chez votre producteur ou dans un dépôt près de chez vous.</p>
<ul>
<li>Garantie d'avoir vos produits</li>
<li>Moyen simple de commander</li>
<li>Possibilité de choisir un dépôt proche de chez soi</li>
</ul>
<div class="price">
<ul>
<li>Gratuit</li>
<li>Possibilité de don lors de la commande</li>
</ulv>
</div>
chez votre producteur ou dans un dépôt près de chez vous.</p>
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/producers']) ; ?>"><span class="glyphicon glyphicon-search"></span> Je recherche un producteur</a> <a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/producers']) ; ?>"><span class="glyphicon glyphicon-search"></span> Je recherche un producteur</a>
</div> </div>
</div> </div>
<?php if(Yii::$app->user->isGuest): ?>
<?php if(Yii::$app->user->isGuest && YII_ENV == 'demo'): ?>
<div class="row" id="row-signup"> <div class="row" id="row-signup">
<?php if(YII_ENV == 'demo'): ?>
<a class="btn btn-primary btn-lg" href="<?= Url::env('prod','frontend'); ?>"><span class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
<?php endif; ?>
<a class="btn btn-primary btn-lg" href="<?= Url::env('prod','frontend'); ?>"><span class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-6" id="row-functionalities">
<h2><span class="glyphicon glyphicon-cog"></span> Fonctionnalités</h2>
<div class="block block-order col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/order.png" />
<p>Prise de commande en ligne automatisée avec génération d'un récapitulatif par jour de distribution.</p>
<div class="clr"></div>
</div>
<div class="block block-payment col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/payment.png" />
<p>Système de crédit permettant la comptabilisation des paiements.</p>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="block block-points-sale-products col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/map-marker.png" />
<p>Gestion des différents points de vente et produits.</p>
<div class="clr"></div>
</div>
<div class="block block-subscriptions col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/subscription.png" />
<p>Gestion des abonnement.</p>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="block block-communication col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/megaphone.png" />
<p>Communication simplifiée avec les clients.</p>
<div class="clr"></div>
</div>
<div class="block block-evolution col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/fist.png" />
<p><a href="<?= Yii::$app->urlManager->createUrl(['site/contact']) ?>">Proposez-nous</a> vos idées afin de faire évoluer l'outil !</p>
<div class="clr"></div>
</div>
</div>
<div class="col-md-6" id="row-rates">
<h2><span class="glyphicon glyphicon-euro"></span> Tarifs</h2>
<table class="table table-bordered">
<thead>
<tr>
<th colspan="2">Producteurs</th>
<th>Clients</th>
</tr>
</thead>
<tbody>
<tr>
<td>Abonnement mensuel</td>
<td><strong>Prix libre</strong></td>
<td><strong>Gratuit</strong></td>
</tr>
<tr>
<td>Formation & aide à la mise en place</td>
<td><strong>30 € HT / heure</strong></td>
<td>Possibilité de don<br />lors de la commande</td>
</tr>
<tr>
<td>Développement spécifique</td>
<td><strong>Sur devis</strong></td>
<td></td>
</tr>
</tbody>
</table>
</div>
<div class="clr"></div>
</div> </div>


<!-- Tarifs --> <!-- Tarifs -->

+ 139
- 99
frontend/web/css/screen.css View File

#content #row-presentation-distrib { #content #row-presentation-distrib {
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
} }
/* line 410, ../sass/screen.scss */
/* line 409, ../sass/screen.scss */
#content #row-presentation-distrib .glyphicon-chevron-right {
color: gray;
margin-right: 8px;
font-size: 18px;
position: relative;
top: -1px;
}
/* line 416, ../sass/screen.scss */
#content #row-presentation-distrib h2 { #content #row-presentation-distrib h2 {
font-family: "capsuularegular"; font-family: "capsuularegular";
text-align: center; text-align: center;
margin-top: 0px; margin-top: 0px;
text-transform: none; text-transform: none;
} }
/* line 418, ../sass/screen.scss */
/* line 424, ../sass/screen.scss */
#content #row-users-producers { #content #row-users-producers {
margin-bottom: 50px;
padding-top: 30px; padding-top: 30px;
} }
/* line 422, ../sass/screen.scss */
/* line 426, ../sass/screen.scss */
#content #row-users-producers div.producer, #content #row-users-producers div.users {
margin-bottom: 50px;
}
/* line 432, ../sass/screen.scss */
#content #row-users-producers h2 { #content #row-users-producers h2 {
text-align: left; text-align: left;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 0px; margin-top: 0px;
} }
/* line 426, ../sass/screen.scss */
/* line 436, ../sass/screen.scss */
#content #row-users-producers h2 .img { #content #row-users-producers h2 .img {
height: 35px; height: 35px;
} }
/* line 429, ../sass/screen.scss */
/* line 439, ../sass/screen.scss */
#content #row-users-producers h2 span { #content #row-users-producers h2 span {
margin-left: 10px; margin-left: 10px;
font-size: 25px; font-size: 25px;
position: relative; position: relative;
top: 5px; top: 5px;
} }
/* line 437, ../sass/screen.scss */
#content #row-users-producers h3 {
margin-top: 0px;
}
/* line 441, ../sass/screen.scss */
/* line 447, ../sass/screen.scss */
#content #row-users-producers p.presentation { #content #row-users-producers p.presentation {
font-family: "capsuularegular"; font-family: "capsuularegular";
color: black; color: black;
font-size: 20px; font-size: 20px;
line-height: 26px; line-height: 26px;
} }
/* line 448, ../sass/screen.scss */
#content #row-users-producers ul {
text-align: left;
}
/* line 450, ../sass/screen.scss */
#content #row-users-producers ul li {
color: #FF7F00;
}
/* line 455, ../sass/screen.scss */
/* line 454, ../sass/screen.scss */
#content #row-users-producers p { #content #row-users-producers p {
padding-bottom: 4px; padding-bottom: 4px;
} }
/* line 459, ../sass/screen.scss */ /* line 459, ../sass/screen.scss */
#content #row-users-producers .btn-primary {
margin-top: 20px;
#content #row-users-producers .table td {
border-color: #FF7F00;
color: #FF7F00;
text-align: center;
}
/* line 472, ../sass/screen.scss */
#content #row-functionalities .block {
margin-bottom: 10px;
}
/* line 474, ../sass/screen.scss */
#content #row-functionalities .block p {
font-family: "capsuularegular";
font-size: 18px;
margin-left: 70px;
}
/* line 479, ../sass/screen.scss */
#content #row-functionalities .block img {
float: left;
width: 50px;
height: auto;
}
/* line 484, ../sass/screen.scss */
#content #row-functionalities .block a {
text-decoration: none;
color: black;
}
/* line 487, ../sass/screen.scss */
#content #row-functionalities .block a:hover {
color: #FF7F00;
}
/* line 494, ../sass/screen.scss */
#content #row-functionalities .block-points-sale-products img {
width: 40px;
}
/* line 502, ../sass/screen.scss */
#content #row-rates table th {
font-family: "capsuularegular";
font-weight: normal;
font-size: 23px;
}
/* line 507, ../sass/screen.scss */
#content #row-rates table th, #content #row-rates table td {
text-align: center;
} }
/* line 466, ../sass/screen.scss */
/* line 514, ../sass/screen.scss */
#content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active { #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
color: black; color: black;
} }


/* line 476, ../sass/screen.scss */
/* line 524, ../sass/screen.scss */
#content #contact { #content #contact {
display: none; display: none;
} }
/* line 480, ../sass/screen.scss */
/* line 528, ../sass/screen.scss */
#content #contact .icon { #content #contact .icon {
width: 55px; width: 55px;
top: -15px; top: -15px;
margin-left: -70px; margin-left: -70px;
} }
/* line 486, ../sass/screen.scss */
/* line 534, ../sass/screen.scss */
#content #contact .form-control:focus { #content #contact .form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ; /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/ border-color: $jaune ;*/
} }
/* line 491, ../sass/screen.scss */
/* line 539, ../sass/screen.scss */
#content #contact .form-group { #content #contact .form-group {
text-align: center; text-align: center;
} }
/* line 495, ../sass/screen.scss */
/* line 543, ../sass/screen.scss */
#content #contact .img-right { #content #contact .img-right {
float: right; float: right;
} }
/* line 498, ../sass/screen.scss */
/* line 546, ../sass/screen.scss */
#content #contact .img-right img { #content #contact .img-right img {
width: 300px; width: 300px;
} }


/* line 505, ../sass/screen.scss */
/* line 553, ../sass/screen.scss */
#bookmarked-producers { #bookmarked-producers {
padding: 0px; padding: 0px;
padding-top: 20px; padding-top: 20px;
margin: 0px; margin: 0px;
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
} }
/* line 511, ../sass/screen.scss */
/* line 559, ../sass/screen.scss */
#bookmarked-producers h2 { #bookmarked-producers h2 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
color: #323232; color: #323232;
margin-left: 15px; margin-left: 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }
/* line 522, ../sass/screen.scss */
/* line 570, ../sass/screen.scss */
#bookmarked-producers .col-md-12, #bookmarked-producers .col-md-6, #bookmarked-producers .col-md-3 { #bookmarked-producers .col-md-12, #bookmarked-producers .col-md-6, #bookmarked-producers .col-md-3 {
float: left; float: left;
} }
/* line 526, ../sass/screen.scss */
/* line 574, ../sass/screen.scss */
#bookmarked-producers .col-md-12 .producer { #bookmarked-producers .col-md-12 .producer {
background-size: 920px auto; background-size: 920px auto;
} }
/* line 529, ../sass/screen.scss */
/* line 577, ../sass/screen.scss */
#bookmarked-producers .col-md-6 .producer { #bookmarked-producers .col-md-6 .producer {
background-size: 460px auto; background-size: 460px auto;
} }
/* line 533, ../sass/screen.scss */
/* line 581, ../sass/screen.scss */
#bookmarked-producers .col-md-3 .producer { #bookmarked-producers .col-md-3 .producer {
background-size: 230px auto; background-size: 230px auto;
} }
/* line 537, ../sass/screen.scss */
/* line 585, ../sass/screen.scss */
#bookmarked-producers .producer { #bookmarked-producers .producer {
position: relative; position: relative;
height: 100px; height: 100px;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
background-color: white; background-color: white;
} }
/* line 549, ../sass/screen.scss */
/* line 597, ../sass/screen.scss */
#bookmarked-producers .producer.logo-distrib-default { #bookmarked-producers .producer.logo-distrib-default {
background-size: auto 70px; background-size: auto 70px;
background-position: center 0px; background-position: center 0px;
} }
/* line 554, ../sass/screen.scss */
/* line 602, ../sass/screen.scss */
#bookmarked-producers .producer a { #bookmarked-producers .producer a {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 564, ../sass/screen.scss */
/* line 612, ../sass/screen.scss */
#bookmarked-producers .producer a:hover { #bookmarked-producers .producer a:hover {
background-color: #f57a00; background-color: #f57a00;
} }
/* line 570, ../sass/screen.scss */
/* line 618, ../sass/screen.scss */
#bookmarked-producers #discover { #bookmarked-producers #discover {
padding-bottom: 20px; padding-bottom: 20px;
text-align: center; text-align: center;
} }
/* line 574, ../sass/screen.scss */
/* line 622, ../sass/screen.scss */
#bookmarked-producers #discover p { #bookmarked-producers #discover p {
padding-bottom: 0px; padding-bottom: 0px;
color: white; color: white;
} }
/* line 579, ../sass/screen.scss */
/* line 627, ../sass/screen.scss */
#bookmarked-producers #discover .btn { #bookmarked-producers #discover .btn {
background-color: white; background-color: white;
color: #FF7F00; color: #FF7F00;
border: solid 1px white; border: solid 1px white;
} }


/* line 588, ../sass/screen.scss */
/* line 636, ../sass/screen.scss */
#footer { #footer {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
background-color: white; background-color: white;
border-top: solid 1px #e0e0e0; border-top: solid 1px #e0e0e0;
} }
/* line 598, ../sass/screen.scss */
/* line 646, ../sass/screen.scss */
#footer a { #footer a {
color: black; color: black;
font-family: "capsuularegular"; font-family: "capsuularegular";
padding-right: 10px; padding-right: 10px;
border-right: solid 1px white; border-right: solid 1px white;
} }
/* line 607, ../sass/screen.scss */
/* line 655, ../sass/screen.scss */
#footer a:hover { #footer a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* line 611, ../sass/screen.scss */
/* line 659, ../sass/screen.scss */
#footer a:last-child { #footer a:last-child {
border: 0px none; border: 0px none;
} }
/* line 617, ../sass/screen.scss */
/* line 665, ../sass/screen.scss */
#footer #code-source img { #footer #code-source img {
height: 20px; height: 20px;
} }


/* line 623, ../sass/screen.scss */
/* line 671, ../sass/screen.scss */
#content #mentions { #content #mentions {
padding-top: 20px; padding-top: 20px;
} }
/* line 626, ../sass/screen.scss */
/* line 674, ../sass/screen.scss */
#content #mentions div.content { #content #mentions div.content {
width: 60%; width: 60%;
font-size: 90%; font-size: 90%;
} }
/* line 631, ../sass/screen.scss */
/* line 679, ../sass/screen.scss */
#content #mentions p { #content #mentions p {
padding-bottom: 15px; padding-bottom: 15px;
} }
/* line 635, ../sass/screen.scss */
/* line 683, ../sass/screen.scss */
#content #mentions h2 { #content #mentions h2 {
color: black; color: black;
padding-bottom: 40px; padding-bottom: 40px;
line-height: 35px; line-height: 35px;
font-family: "highvoltageregular"; font-family: "highvoltageregular";
} }
/* line 643, ../sass/screen.scss */
/* line 691, ../sass/screen.scss */
#content #mentions h3 { #content #mentions h3 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
font-size: 18px; font-size: 18px;
color: black; color: black;
} }


/* line 658, ../sass/screen.scss */
/* line 706, ../sass/screen.scss */
.vegas-loading { .vegas-loading {
display: none; display: none;
} }


/* line 665, ../sass/screen.scss */
/* line 713, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label { #profil-user .form-group.field-user-no_mail label {
font-weight: normal; font-weight: normal;
} }
/* line 669, ../sass/screen.scss */
/* line 717, ../sass/screen.scss */
#profil-user .form-group label { #profil-user .form-group label {
cursor: pointer; cursor: pointer;
} }
/* line 674, ../sass/screen.scss */
/* line 722, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group { #profil-user #mails-days-distribution .form-group {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
} }
/* line 677, ../sass/screen.scss */
/* line 725, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label { #profil-user #mails-days-distribution .form-group label {
font-weight: normal; font-weight: normal;
} }
/* line 683, ../sass/screen.scss */
/* line 731, ../sass/screen.scss */
#profil-user p.strong { #profil-user p.strong {
font-weight: bold; font-weight: bold;
} }


/* login */ /* login */
/* line 694, ../sass/screen.scss */
/* line 742, ../sass/screen.scss */
.site-login .col-lg-5 { .site-login .col-lg-5 {
margin: 0px auto; margin: 0px auto;
float: none; float: none;
} }


/* signup */ /* signup */
/* line 703, ../sass/screen.scss */
/* line 751, ../sass/screen.scss */
.modal-backdrop { .modal-backdrop {
z-index: 999; z-index: 999;
} }


/* line 708, ../sass/screen.scss */
/* line 756, ../sass/screen.scss */
.site-signup .col-lg-5 { .site-signup .col-lg-5 {
margin: 0px auto; margin: 0px auto;
float: none; float: none;
max-width: 500px; max-width: 500px;
} }


/* line 717, ../sass/screen.scss */
/* line 765, ../sass/screen.scss */
#modal-cgv .modal-body h2 { #modal-cgv .modal-body h2 {
margin-bottom: 5px; margin-bottom: 5px;
padding-bottom: 0px; padding-bottom: 0px;
margin-top: 0px; margin-top: 0px;
} }


/* line 727, ../sass/screen.scss */
/* line 775, ../sass/screen.scss */
#form-signup #user-producer { #form-signup #user-producer {
margin-bottom: 30px; margin-bottom: 30px;
} }
/* line 732, ../sass/screen.scss */
/* line 780, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled { #form-signup #signupform-id_producer option:disabled {
font-weight: bold; font-weight: bold;
color: black; color: black;
} }
/* line 738, ../sass/screen.scss */
/* line 786, ../sass/screen.scss */
#form-signup #champs-producer { #form-signup #champs-producer {
display: none; display: none;
} }
/* line 742, ../sass/screen.scss */
/* line 790, ../sass/screen.scss */
#form-signup #buttons-signup { #form-signup #buttons-signup {
margin-top: 30px; margin-top: 30px;
} }


/* line 747, ../sass/screen.scss */
/* line 795, ../sass/screen.scss */
#col-left { #col-left {
padding: 0px; padding: 0px;
z-index: 15; z-index: 15;
} }
/* line 751, ../sass/screen.scss */
/* line 799, ../sass/screen.scss */
#col-left .affix { #col-left .affix {
width: 25%; width: 25%;
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
background-color: #FAFAFA; background-color: #FAFAFA;
height: 100%; height: 100%;
} }
/* line 758, ../sass/screen.scss */
/* line 806, ../sass/screen.scss */
#col-left #link-home { #col-left #link-home {
text-decoration: none; text-decoration: none;
font-size: 22px; font-size: 22px;
padding: 10px; padding: 10px;
background-color: white; background-color: white;
} }
/* line 766, ../sass/screen.scss */
/* line 814, ../sass/screen.scss */
#col-left #link-home img { #col-left #link-home img {
height: 50px; height: 50px;
margin-bottom: 5px; margin-bottom: 5px;
float: left; float: left;
} }
/* line 772, ../sass/screen.scss */
/* line 820, ../sass/screen.scss */
#col-left #link-home .text { #col-left #link-home .text {
padding-left: 62px; padding-left: 62px;
} }
/* line 775, ../sass/screen.scss */
/* line 823, ../sass/screen.scss */
#col-left #link-home .text .bap { #col-left #link-home .text .bap {
font-family: "comfortaalight"; font-family: "comfortaalight";
font-size: 24px; font-size: 24px;
} }
/* line 780, ../sass/screen.scss */
/* line 828, ../sass/screen.scss */
#col-left #link-home .text .plateforme { #col-left #link-home .text .plateforme {
font-size: 17px; font-size: 17px;
font-family: "myriadpro-light"; font-family: "myriadpro-light";
color: #FF7F00; color: #FF7F00;
} }
/* line 788, ../sass/screen.scss */
/* line 836, ../sass/screen.scss */
#col-left h2 { #col-left h2 {
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
color: black; color: black;
margin-bottom: 10px; margin-bottom: 10px;
padding: 15px 0px 5px 15px; padding: 15px 0px 5px 15px;
} }
/* line 796, ../sass/screen.scss */
/* line 844, ../sass/screen.scss */
#col-left #links { #col-left #links {
background-color: white; background-color: white;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 802, ../sass/screen.scss */
/* line 850, ../sass/screen.scss */
#col-left #links ul li a { #col-left #links ul li a {
text-align: center; text-align: center;
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
} }
/* line 806, ../sass/screen.scss */
/* line 854, ../sass/screen.scss */
#col-left #links ul li a:hover { #col-left #links ul li a:hover {
background-color: #FF7F00; background-color: #FF7F00;
color: white; color: white;
} }
/* line 812, ../sass/screen.scss */
/* line 860, ../sass/screen.scss */
#col-left #links ul li:last-child a { #col-left #links ul li:last-child a {
border-right: 0px none; border-right: 0px none;
} }
/* line 822, ../sass/screen.scss */
/* line 870, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a { #col-left #producers nav.nav-producers ul li a {
padding-left: 50px; padding-left: 50px;
height: 40px; height: 40px;
} }
/* line 828, ../sass/screen.scss */
/* line 876, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a { #col-left #producers nav.nav-producers ul li.active a {
background-color: #FF7F00; background-color: #FF7F00;
position: relative; position: relative;
color: white; color: white;
} }
/* line 833, ../sass/screen.scss */
/* line 881, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after { #col-left #producers nav.nav-producers ul li.active a:after {
right: -40px; right: -40px;
top: 50%; top: 50%;
border-width: 20px; border-width: 20px;
margin-top: -20px; margin-top: -20px;
} }
/* line 852, ../sass/screen.scss */
/* line 900, ../sass/screen.scss */
#col-left ul { #col-left ul {
list-style-type: none; list-style-type: none;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
/* line 856, ../sass/screen.scss */
/* line 904, ../sass/screen.scss */
#col-left ul li { #col-left ul li {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
/* line 859, ../sass/screen.scss */
/* line 907, ../sass/screen.scss */
#col-left ul li a { #col-left ul li a {
text-decoration: none; text-decoration: none;
font-family: "comfortaaregular"; font-family: "comfortaaregular";
display: block; display: block;
color: black; color: black;
} }
/* line 869, ../sass/screen.scss */
/* line 917, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording { #col-left ul li a span.name, #col-left ul li a span.wording {
display: none; display: none;
} }
/* line 876, ../sass/screen.scss */
/* line 924, ../sass/screen.scss */
#col-left p { #col-left p {
padding: 20px; padding: 20px;
padding-top: 0px; padding-top: 0px;
color: gray; color: gray;
} }


/* line 884, ../sass/screen.scss */
/* line 932, ../sass/screen.scss */
#content .header-title { #content .header-title {
height: 79px; height: 79px;
padding: 20px 20px; padding: 20px 20px;
-webkit-box-shadow: 0px 0px 8px #e0e0e0; -webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0; box-shadow: 0px 0px 8px #e0e0e0;
} }
/* line 896, ../sass/screen.scss */
/* line 944, ../sass/screen.scss */
#content .header-title h1 { #content .header-title h1 {
color: black; color: black;
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
font-size: 25px; font-size: 25px;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 904, ../sass/screen.scss */
/* line 952, ../sass/screen.scss */
#content .header-title h2 { #content .header-title h2 {
color: gray; color: gray;
text-transform: none; text-transform: none;
line-height: 20px; line-height: 20px;
} }


/* line 915, ../sass/screen.scss */
/* line 963, ../sass/screen.scss */
.header-producer { .header-producer {
z-index: 1; z-index: 1;
} }
/* line 917, ../sass/screen.scss */
/* line 965, ../sass/screen.scss */
.header-producer #block-main-img { .header-producer #block-main-img {
height: 144px; height: 144px;
overflow: hidden; overflow: hidden;
} }
/* line 921, ../sass/screen.scss */
/* line 969, ../sass/screen.scss */
.header-producer #block-main-img #main-img { .header-producer #block-main-img #main-img {
width: 100%; width: 100%;
height: auto; height: auto;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 930, ../sass/screen.scss */
/* line 978, ../sass/screen.scss */
.header-producer h1 { .header-producer h1 {
font-family: "comfortaaregular"; font-family: "comfortaaregular";
text-align: center; text-align: center;
top: 30px; top: 30px;
left: 40px; left: 40px;
} }
/* line 937, ../sass/screen.scss */
/* line 985, ../sass/screen.scss */
.header-producer h1 span { .header-producer h1 span {
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px; padding: 10px 30px;
border: dotted 1px black; border: dotted 1px black;
} }


/* line 948, ../sass/screen.scss */
/* line 996, ../sass/screen.scss */
nav#menu-producer { nav#menu-producer {
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
} }
/* line 952, ../sass/screen.scss */
/* line 1000, ../sass/screen.scss */
nav#menu-producer ul li { nav#menu-producer ul li {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
/* line 955, ../sass/screen.scss */
/* line 1003, ../sass/screen.scss */
nav#menu-producer ul li a { nav#menu-producer ul li a {
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
text-decoration: none; text-decoration: none;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 960, ../sass/screen.scss */
/* line 1008, ../sass/screen.scss */
nav#menu-producer ul li a:hover { nav#menu-producer ul li a:hover {
background-color: #FF7F00; background-color: #FF7F00;
color: white; color: white;
} }


/* line 970, ../sass/screen.scss */
/* line 1018, ../sass/screen.scss */
.site-contact .col-lg-5 { .site-contact .col-lg-5 {
margin: 0px auto; margin: 0px auto;
float: none; float: none;

BIN
frontend/web/img/fist.png View File

Before After
Width: 579  |  Height: 570  |  Size: 8.6KB

BIN
frontend/web/img/map-marker.png View File

Before After
Width: 400  |  Height: 583  |  Size: 17KB

BIN
frontend/web/img/megaphone.png View File

Before After
Width: 612  |  Height: 555  |  Size: 13KB

BIN
frontend/web/img/order_1.png View File

Before After
Width: 443  |  Height: 519  |  Size: 5.4KB

BIN
frontend/web/img/payment.png View File

Before After
Width: 501  |  Height: 551  |  Size: 11KB

BIN
frontend/web/img/subscription.png View File

Before After
Width: 592  |  Height: 579  |  Size: 6.9KB

+ 62
- 14
frontend/web/sass/screen.scss View File

#row-presentation-distrib { #row-presentation-distrib {
border-bottom: solid 1px #e0e0e0 ; border-bottom: solid 1px #e0e0e0 ;
.glyphicon-chevron-right {
color: gray ;
margin-right: 8px ;
font-size: 18px ;
position: relative ;
top: -1px ;
}
h2 { h2 {
font-family: 'capsuularegular' ; font-family: 'capsuularegular' ;
text-align: center ; text-align: center ;
} }
#row-users-producers { #row-users-producers {
margin-bottom: 50px ;
div.producer, div.users {
margin-bottom: 50px ;
}
padding-top: 30px ; padding-top: 30px ;
h2 { h2 {
} }
} }
h3 {
margin-top: 0px ;
}
p.presentation { p.presentation {
font-family: 'capsuularegular' ; font-family: 'capsuularegular' ;
color: black ; color: black ;
line-height: 26px ; line-height: 26px ;
} }
ul {
text-align: left ;
li {
color: $color1 ;
}
}
p { p {
padding-bottom: 4px ; padding-bottom: 4px ;
} }
.table {
td {
border-color: $color1 ;
color: $color1 ;
text-align: center ;
}
}
.btn-primary { .btn-primary {
margin-top: 20px ;
}
}
#row-functionalities {
.block {
margin-bottom: 10px ;
p {
font-family: 'capsuularegular' ;
font-size: 18px ;
margin-left: 70px ;
}
img {
float: left ;
width: 50px ;
height: auto ;
}
a {
text-decoration: none ;
color: black ;
&:hover {
color: $color1 ;
}
}
} }
.block-points-sale-products {
img {
width: 40px ;
}
}
}
#row-rates {
table {
th {
font-family: 'capsuularegular' ;
font-weight: normal ;
font-size: 23px ;
}
th, td {
text-align: center ;
}
}
} }
#btn-demo { #btn-demo {

Write Preview
Loading…
Cancel
Save