remontée du bandeau soutenez-nous au niveau de l'image

public/Pages/intro.html

@@ -1,8 +1,22 @@
   <div class="row">
-		<div class="col-lg-12 intro">
-			<h1>"Un écovillage pour le XXIème Siècle"</h1>
-			<p>Tera est un projet expérimental qui vise à construire un éco-village pour relocaliser à 85% 
-			la production vitale à ses habitants, abaisser son empreinte écologique à moins d'une planète, valoriser 
-			cette production en monnaie citoyenne locale, émise via un revenu d'autonomie d'un euro supérieur au seuil de pauvreté pour chacun de ses habitants.</p>
-		</div>
-  </div>
+        <div class="col-lg-12 intro">
+            <h1>"Un écovillage pour le XXIème Siècle"</h1>
+            <p>Tera est un projet expérimental qui vise à construire un éco-village pour relocaliser à 85% 
+            la production vitale à ses habitants, abaisser son empreinte écologique à moins d'une planète, valoriser 
+            cette production en monnaie citoyenne locale, émise via un revenu d'autonomie d'un euro supérieur au seuil de pauvreté pour chacun de ses habitants.</p>
+        </div>
+
+        <div class="col-lg-12 intro support">
+            <h1>Soutenez-nous !</h1>
+            <p>
+                Avant le 21 juin 2018, soyez les premiers à financer le premier revenu de base en monnaie citoyenne de notre expérimentation !
+            </p>
+            <ol>
+                <li><strong>PREMIER OBJECTIF AU 21 JUIN 2018 :</strong> 12 000 euros pour financer le premier revenu de base en monnaie citoyenne de Simon, notre maraîcher BIO !</li>
+                <li><strong>DEUXIÈME OBJECTIF DU 22 JUIN 2018 AU 4 AOÛT 2018 :</strong> 108 000 euros pour financer les 9 revenus de base en monnaie citoyenne pour les autres activités.</li>
+            </ol>
+            <p class="text-center">
+                <a href="https://www.helloasso.com/associations/tera/collectes/financer-avec-nous-les-dix-premiers-revenu-de-base-en-monnaie-citoyenne" class="btn btn-primary btn-xl page-scroll">Participer au financement</a>
+            </p>
+        </div>
+  </div>

public/css/creative.css

@@ -17,7 +17,13 @@
     border-radius: 20px;
     padding: 10px;
     margin-bottom: 50px;
-    margin-top: 50px
+    margin-top:200px
+}
+
+.intro.support {
+    background: rgb(227, 43, 69, 0.9);
+    margin-bottom: 50px;
+    margin-top: 0px;
 }
 
 #vision{

public/index.html

@@ -70,9 +70,9 @@
                     <li class="hidden">
                         <a class="page-scroll" href="#page-top"></a>
                     </li>
-                    <li>
+                    <!--<li>
                         <a class="page-scroll highlight" href="#soutenez-nous">Soutenez-nous !</a>
-                    </li>
+                    </li>-->
                     <li>
                         <a class="page-scroll" href="#vision">Vision</a>
                     </li>
@@ -105,16 +105,16 @@
         <div class="header-content">
             <div class="header-content-inner">
                 <div ng-include="'/Pages/intro.html'"></div>
-                <a href="#vision" class="btn btn-primary btn-xl page-scroll">Découvrez le Projet</a>
+                <!--<a href="#vision" class="btn btn-primary btn-xl page-scroll">Découvrez le Projet</a>-->
             </div>
         </div>
     </header>
 
-    <section class="bg-red" id="soutenez-nous">
+    <!--<section class="bg-red" id="soutenez-nous">
         <div class="container">
             <div ng-include="'/Pages/soutenez_nous.html'"></div>
         </div>
-    </section>
+    </section>-->
 
     <section class="bg-secondary" id="vision">
         <div class="container">