diff --git a/css/app.css b/css/app.css index 1422b6a..92f50cf 100644 --- a/css/app.css +++ b/css/app.css @@ -230,8 +230,21 @@ a.anchor { .profile-image { width: 200px; border-radius: 50%; - border: 7px solid #f1f1f1; - padding: 0; + border: 7px solid rgba(72, 73, 125, 0.55); + padding: 3px; + -webkit-transition: .25s; + -moz-transition: .25s; + -o-transition: .25s; + -ms-transition: .25s; + transition: .25s; + margin-bottom: 8px; + margin-top: 8px; +} +.profile-image:hover { + border: 10px solid #48497d; + width: 208px; + margin-bottom: 4px; + margin-top: 4px; } .profile-icons { margin: 10px auto 30px; @@ -247,10 +260,47 @@ a.anchor { } .profile-text { text-align: left; + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; } .profile-text p:last-child { margin-bottom: 0; } +.icon-box-service { + text-align: center; + margin: 12px 0; +} +.icon-box-service .icon { + border-radius: 100%; + display: inline-block; + width: 100px; + height: 100px; + line-height: 100px; + font-size: 48px; + color: #48497d; + background: #fff; + box-shadow: 0 2px 10px rgba(0,0,0,.5); + margin-bottom: 20px; + -webkit-transition: .25s; + -moz-transition: .25s; + -o-transition: .25s; + -ms-transition: .25s; + transition: .25s; +} +.icon-box-service .icon i { + line-height: unset; +} +.icon-box-service:hover .icon { + background: #48497d; + color: #fff; + box-shadow: 0 3px 6px rgba(0,0,0,.3); +} +.icon-box-service h6 { + line-height: 12px; + margin-bottom: 9px; +} /*CARD*/ .modal-body > img:first-of-type { @@ -272,6 +322,7 @@ a.anchor { margin: 0 2px; padding: .4em .4em .15em .4em; line-height: 1.2; + font-weight: 500; } .card-footer:not(.card-footer-carousel) { display: flex; diff --git a/index.html b/index.html index a87ad7d..9c0e88d 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,8 @@
- Symfony est un des principaux frameworks open-source utilisés pour le développement en PHP. - Ce framework possède de très nombreux composants qui répondent à une multitude de besoins. - Symfony est supporté par une énorme communauté de développeurs, et de nombreuses entreprises - l'utilisent au quotidien. -
- - - +
- Magento est une plateforme e-commerce utilisée par des centaines de milliers de commerçants à - travers le monde. Elle embarque un ensemble de fonctionnalités lié à la vente en ligne, en - passant par la gestion utilisateur, la mise en place d'un catalogue, la livraison ou encore le - paiement. -
-
Trouvez des activités et des événements autour de vous.
+ + +Pour être au courant. Recevez des prévisions sur les inondations et des alertes en temps réel.
+ +L'application permet la localisation, la communication et la sécurité en temps réel de vos collaborateurs, prestataires et bénévoles lors de vos activités et événements.
+ + +Une solution pour gérez facilement la communication multi-banques, multi-comptes, multi-sociétés dans une seule interface.
+ +Trouvez des activités et des événements autour de vous.
- - -L'application permet la localisation, la communication et la sécurité en temps réel de vos collaborateurs, prestataires et bénévoles lors de vos activités et événements.
- - -Une solution pour gérez facilement la communication multi-banques, multi-comptes, multi-sociétés dans une seule interface.
- -Pour être au courant. Recevez des prévisions sur les inondations et des alertes en temps réel.
- -