From 085b026db2bd77ac6e4cbd31f2d3adc79b0188b3 Mon Sep 17 00:00:00 2001
From: "Samuele E. Locatelli" <samuele@steamware.net>
Date: Fri, 15 Jun 2018 13:54:35 +0200
Subject: [PATCH] completata bozza appuntata about

---
 PUB/About.aspx | 42 ++++++++++++++++++++++++++----------------
 1 file changed, 26 insertions(+), 16 deletions(-)

diff --git a/PUB/About.aspx b/PUB/About.aspx
index e18e074..8c379fd 100644
--- a/PUB/About.aspx
+++ b/PUB/About.aspx
@@ -4,52 +4,62 @@
   <div class="py-3">
     <div class="container">
       <h1>CHI SIAMO</h1>
-      <p class="lead">!!!DA COMPLETARE!!! b2bcondomini.it è la nuova frontiera dei servizi dedicati al condominio.</p>
-      <p>
+      <p class="lead">b2bcondomini.it è la nuova frontiera dei servizi dedicati al condominio.</p>
+      <p>!!!DA COMPLETARE!!!</p>
     </div>
   </div>
 </asp:Content>
 <asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
   <div class="container py-3">
     <div class="row">
-      <div class="col-12">
-        <p>!!!DA COMPLETARE!!! Questa pagina dovrebbe contenere maggiori informazioni riguardo all'azienda, a cosa fa, a come contattarci... deve indicare le informazioni di presentazione generali</p>
+      <div class="col-12 py-2">
+        <p>Questa pagina dovrebbe contenere maggiori informazioni riguardo all'azienda, a cosa fa, a come contattarci... deve indicare le informazioni di presentazione generali</p>
+        <p>!!!DA COMPLETARE!!!</p>
       </div>
-      <div class="col-12">
+      <div class="col-12 py-3 text-center">
+        <h3>IL TEAM</h3>
         <p>Qui potremmo inserire ad esempio una presentazione di alcune delle persone che lavorano per b2bcondomini.it</p>
       </div>
       <div class="col-lg-4 text-center">
-        <img class="rounded-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="140" height="140" />
+        <i class="fa fa-user fa-8x"></i>
         <h2>Nome Cognome</h2>
         <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
       </div>
       <div class="col-lg-4 text-center">
-        <img class="rounded-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="140" height="140" />
+        <i class="fa fa-user fa-8x"></i>
         <h2>Nome Cognome</h2>
         <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
       </div>
       <div class="col-lg-4 text-center">
-        <img class="rounded-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="140" height="140" />
+        <i class="fa fa-user fa-8x"></i>
         <h2>Nome Cognome</h2>
         <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
       </div>
-      <div class="col-12">
-        <p>altre informazioni potrebbero riguardare il MOTIVO dell'azienda, il vantaggio che ogni parte del progetto ne ricava... VA SCRITTO</p>
+      <div class="col-12 py-3 text-center">    
+        <h3>LA NOSTRA MISSION</h3>
+        <p>Altre informazioni potrebbero riguardare la MISSION / il MOTIVO dell'azienda, il vantaggio che ogni parte del progetto ne ricava... VA SCRITTO</p>
       </div>
       <div class="col-7 py-5">
-        <h3>PER LE AZIENDE FORNITRICI</h3>
+        <h2>PER LE AZIENDE FORNITRICI</h2>
         <p>I fornitori troveranno sul nostro portale...</p>
       </div>
-      <div class="col-5 py-5">
-        <img class="img-float" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="400" height="400" />
+      <div class="col-5 py-5">       
+        <i class="fas fa-wrench fa-10x"></i>
       </div>
-      <div class="col-5 py-5">
-        <img class="img-float" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" width="400" height="400" />
+      <div class="col-5 py-5"> 
+        <i class="fas fa-lock fa-10x"></i>
       </div>
       <div class="col-7 py-5">
-        <h3>PER GLI AMMINISTRATORI</h3>
+        <h2>PER GLI AMMINISTRATORI</h2>
         <p>I vantiaggi per gli amministratori garantiti dal nostro portale...</p>
       </div>
+      <div class="col-7 py-5">
+        <h2>PER I CONDOMINI</h2>
+        <p>I condòmini troveranno sul nostro portale...</p>
+      </div>
+      <div class="col-5 py-5">    
+        <i class="fa fa-building fa-10x"></i>
+      </div>
     </div>
   </div>
 </asp:Content>