style

ezyostudio · Jan 20, 2025 · 14286ec · 14286ec
1 parent 4e1cdbd
commit 14286ec
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 24 deletions.
diff --git a/assets/styles/pages/_home.scss b/assets/styles/pages/_home.scss
@@ -6,6 +6,7 @@ section .container.card {
     li {
       list-style-type: none;
       position: relative;
+      margin-bottom: 12px;
 
       &:before {
         content: '';

diff --git a/components/rfa/Header.vue b/components/rfa/Header.vue
@@ -1,36 +1,43 @@
 <template>
-      <header id="intro" class="container-fluid bg-primary p-0">
-      <div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade" data-bs-ride="carousel"
-        data-bs-interval="3000" data-bs-pause="false" data-bs-touch="false">
-        <div class="carousel-inner">
-          <div class="carousel-item active">
-            <nuxt-img src="/images/header/cintres.jpg" alt="cintres" class="carousel-image"/>
-          </div>
-          <div class="carousel-item">
-            <nuxt-img src="/images/prestations/linges/hotel.jpg" alt="coussin" class="carousel-image" loading="lazy" />
-          </div>
-          <div class="carousel-item">
-            <nuxt-img src="/images/header/serviette.jpg" alt="serviette" class="carousel-image" loading="lazy" />
-          </div>
+  <header id="intro" class="container-fluid bg-primary p-0">
+    <div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade" data-bs-ride="carousel"
+      data-bs-interval="3000" data-bs-pause="false" data-bs-touch="false">
+      <div class="carousel-inner">
+        <div class="carousel-item active">
+          <nuxt-img src="/images/header/cintres.jpg" alt="cintres" class="carousel-image" />
+        </div>
+        <div class="carousel-item">
+          <nuxt-img src="/images/prestations/linges/hotel.jpg" alt="coussin" class="carousel-image" loading="lazy" />
+        </div>
+        <div class="carousel-item">
+          <nuxt-img src="/images/header/serviette.jpg" alt="serviette" class="carousel-image" loading="lazy" />
         </div>
-
       </div>
-      <div class="container d-flex justify-content-center">
-        <div class="content align-self-center fw-bold d-md-block d-flex flex-column justify-content-center w-75">
-          <iconLogo class="w-100 m-auto mb-md-5" height="160px" />
-          <h2 class="text-center text-md-start text-primary">Conseil et Courtage</h2>
-          <h3 class="text-center text-md-start ps-md-5 mb-4">en location et entretien de vêtements de travail, linge plat et équipements sanitaires</h3>
-          <icon-dots class="dots mb-4 w-100" />
+
+    </div>
+    <div class="container d-flex justify-content-center">
+      <div class="content align-self-center fw-bold d-flex flex-column justify-content-center align-items-center w-75">
+        <iconLogo class="w-100 m-auto mb-md-5" height="160px" />
+        <h2 class="text-center text-primary">Conseil et Courtage</h2>
+        <h3 class="text-center mb-4">en location et entretien de vêtements de travail, linge plat et équipements
+          sanitaires</h3>
+        <icon-dots class="dots mb-4 mx-auto w-100" />
+
+        <div>
           <nuxt-link v-if="backUrl" tag="button" class="btn btn-lg fs-6 fs-md-3 fw-bold btn-primary me-3" :to="backUrl">
             <icon-arrow-back />
-            {{backText}}
+            {{ backText }}
           </nuxt-link>
-          <button :class="`btn btn-lg fs-6 fs-md-3 fw-bold ${backUrl ? 'btn-outline-primary' : 'btn-primary'}`" @click="$scrollTo(ctaTarget)">{{ctaText}}
+          <button
+            :class="`btn btn-lg fs-6 fs-md-3 fw-bold mr-auto ml-auto ${backUrl ? 'btn-outline-primary' : 'btn-primary'}`"
+            @click="$scrollTo(ctaTarget)">{{ ctaText }}
             <icon-arrow-down />
           </button>
         </div>
+
       </div>
-    </header>
+    </div>
+  </header>
 </template>
 
 <script>

diff --git a/pages/index.vue b/pages/index.vue
@@ -33,7 +33,7 @@
         <div class="card-body">
           <div class="row">
             <div class="col-12 col-md-7 order-1 order-md-0">
-              <p class="text-justify">RFA CONSEIL propose un service de <b>Conseil</b> et de <b>Courtage</b>
+              <p class="text-justify">RFA CONSEIL propose un service de conseil et de courtage
                 spécialisé en location et entretien de vêtements de travail, linge plat et équipements sanitaires sur toute la France.
                 <br><br>
                 Après plus de 20 ans d’expérience chez les loueurs de linge, l’expertise et le réseau de RFA CONSEIL,