Quellcode durchsuchen

Refonte de la page d'accueil

Affichage clair des fonctionnalités et des tarifs
dev
Guillaume Bourgeois vor 5 Jahren
Ursprung
Commit
d93ae903b8
9 geänderte Dateien mit 271 neuen und 147 gelöschten Zeilen
  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 Datei anzeigen

@@ -57,7 +57,7 @@ $this->setPageTitle('Plateforme de réservation de pain') ;
<div id="presentation">
<div id="row-presentation-distrib">
<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>
</div>
<div class="row" id="row-users-producers">
@@ -66,24 +66,10 @@ $this->setPageTitle('Plateforme de réservation de pain') ;
<img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/cagette.png" id="img-producer" />
<span>Producteurs</span>
</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): ?>
<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; ?>
</div>
<div class="col-md-6" id="users">
@@ -92,29 +78,79 @@ $this->setPageTitle('Plateforme de réservation de pain') ;
<span>Clients</span>
</h2>
<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>
</div>
</div>
<?php if(Yii::$app->user->isGuest): ?>
<?php if(Yii::$app->user->isGuest && YII_ENV == 'demo'): ?>
<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>
<?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>

<!-- Tarifs -->

+ 139
- 99
frontend/web/css/screen.css Datei anzeigen

@@ -420,103 +420,143 @@ ul li {
#content #row-presentation-distrib {
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 {
font-family: "capsuularegular";
text-align: center;
margin-top: 0px;
text-transform: none;
}
/* line 418, ../sass/screen.scss */
/* line 424, ../sass/screen.scss */
#content #row-users-producers {
margin-bottom: 50px;
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 {
text-align: left;
margin-bottom: 10px;
margin-top: 0px;
}
/* line 426, ../sass/screen.scss */
/* line 436, ../sass/screen.scss */
#content #row-users-producers h2 .img {
height: 35px;
}
/* line 429, ../sass/screen.scss */
/* line 439, ../sass/screen.scss */
#content #row-users-producers h2 span {
margin-left: 10px;
font-size: 25px;
position: relative;
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 {
font-family: "capsuularegular";
color: black;
font-size: 20px;
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 {
padding-bottom: 4px;
}
/* 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 {
color: black;
}

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

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

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

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

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

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

/* login */
/* line 694, ../sass/screen.scss */
/* line 742, ../sass/screen.scss */
.site-login .col-lg-5 {
margin: 0px auto;
float: none;
@@ -695,19 +735,19 @@ ul li {
}

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

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

/* line 717, ../sass/screen.scss */
/* line 765, ../sass/screen.scss */
#modal-cgv .modal-body h2 {
margin-bottom: 5px;
padding-bottom: 0px;
@@ -715,37 +755,37 @@ ul li {
margin-top: 0px;
}

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

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

/* line 884, ../sass/screen.scss */
/* line 932, ../sass/screen.scss */
#content .header-title {
height: 79px;
padding: 20px 20px;
@@ -876,7 +916,7 @@ ul li {
-webkit-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 {
color: black;
font-family: "myriadpro-regular";
@@ -884,7 +924,7 @@ ul li {
font-size: 25px;
text-transform: uppercase;
}
/* line 904, ../sass/screen.scss */
/* line 952, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
@@ -893,16 +933,16 @@ ul li {
line-height: 20px;
}

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

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

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

BIN
frontend/web/img/fist.png Datei anzeigen

Vorher Nachher
Breite: 579  |  Höhe: 570  |  Größe: 8.6KB

BIN
frontend/web/img/map-marker.png Datei anzeigen

Vorher Nachher
Breite: 400  |  Höhe: 583  |  Größe: 17KB

BIN
frontend/web/img/megaphone.png Datei anzeigen

Vorher Nachher
Breite: 612  |  Höhe: 555  |  Größe: 13KB

BIN
frontend/web/img/order_1.png Datei anzeigen

Vorher Nachher
Breite: 443  |  Höhe: 519  |  Größe: 5.4KB

BIN
frontend/web/img/payment.png Datei anzeigen

Vorher Nachher
Breite: 501  |  Höhe: 551  |  Größe: 11KB

BIN
frontend/web/img/subscription.png Datei anzeigen

Vorher Nachher
Breite: 592  |  Höhe: 579  |  Größe: 6.9KB

+ 62
- 14
frontend/web/sass/screen.scss Datei anzeigen

@@ -406,7 +406,13 @@ ul {
#row-presentation-distrib {
border-bottom: solid 1px #e0e0e0 ;
.glyphicon-chevron-right {
color: gray ;
margin-right: 8px ;
font-size: 18px ;
position: relative ;
top: -1px ;
}
h2 {
font-family: 'capsuularegular' ;
text-align: center ;
@@ -416,7 +422,11 @@ ul {
}
#row-users-producers {
margin-bottom: 50px ;
div.producer, div.users {
margin-bottom: 50px ;
}
padding-top: 30px ;
h2 {
@@ -434,10 +444,6 @@ ul {
}
}
h3 {
margin-top: 0px ;
}
p.presentation {
font-family: 'capsuularegular' ;
color: black ;
@@ -445,21 +451,63 @@ ul {
line-height: 26px ;
}
ul {
text-align: left ;
li {
color: $color1 ;
}
}
p {
padding-bottom: 4px ;
}
.table {
td {
border-color: $color1 ;
color: $color1 ;
text-align: center ;
}
}
.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 {

Laden…
Abbrechen
Speichern