final (toujours pas fini)

Seaandsurf · Dec 8, 2023 · e485fe9 · e485fe9
1 parent d3c1d99
commit e485fe9
Showing 1 changed file with 23 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="assets/style.css">
+  <link rel="stylesheet" href="resources/assets/style.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
@@ -13,7 +13,7 @@
 <!-- HEADER -->
 <section class="container">
   <header class="container__menu">
-    <img class="container__menu__logo" src="assets/images/logo.svg" alt="Logo">
+    <img class="container__menu__logo" src="resources/assets/images/logo.svg" alt="Logo">
     <nav class="container__menu__link">
       <ul>
         <li><a href="#">About</a></li>
@@ -22,11 +22,11 @@
         <li class="container__menu__link__btn"><a href="#">Contact</a></li>
       </ul>
     </nav>
-    <img class="container__menu__hamburger" src="assets/images/icons/icon-hamburger.svg" alt="hamburger">
+    <img class="container__menu__hamburger" src="resources/assets/images/icons/icon-hamburger.svg" alt="hamburger">
   </header>
   <article class="container__creatives">
     <h1>We are creatives</h1>
-    <img class="container__creatives__arrow" src="assets/images/icons/icon-arrow-down.svg" alt="arrow-down">
+    <img class="container__creatives__arrow" src="resources/assets/images/icons/icon-arrow-down.svg" alt="arrow-down">
   </article>
 </section>
 
@@ -62,7 +62,7 @@ <h2 class="feature__content__title">Tranform your brand</h2>
     <section class="feature__image">
       <picture>
         <source media="(max-width: 375px)" srcset="images/mobile/image-transform.jpg">
-        <img class="feature__image__img" src="assets/images/photos/image-transform.jpg" alt="transform image">
+        <img class="feature__image__img" src="resources/assets/images/photos/image-transform.jpg" alt="transform image">
       </picture>
     </section>
   </article>
@@ -71,7 +71,7 @@ <h2 class="feature__content__title">Tranform your brand</h2>
   <article class="feature">
     <section class="feature__image">
       <picture>
-        <img class="feature__image__img" src="assets/images/photos/image-stand-out.jpg" alt="stand out image">
+        <img class="feature__image__img" src="resources/assets/images/photos/image-stand-out.jpg" alt="stand out image">
       </picture>
     </section>
     <section class="feature__content">
@@ -114,7 +114,7 @@ <h3 class="feature__content__subtitle service__bloc__titre">Photography</h3>
     <h3 class="client">Client testimonials</h3>
     <div class="testimonials__row">
       <div class="testimonials__col">
-        <img class="testimonials__col__img" src="assets/images/people/image-emily.jpg" alt="Emily R.">
+        <img class="testimonials__col__img" src="resources/assets/images/people/image-emily.jpg" alt="Emily R.">
         <p class="testimonials__col__explain">
           We put our trust in Sunnyside and they delivered, making sure our needs were met and deadlines were always
           hit.
@@ -125,7 +125,7 @@ <h4>Emily R.</h4>
         </div>
       </div>
       <div class="testimonial-col">
-        <img class="testimonials__col__img" src="assets/images/people/image-thomas.jpg" alt="Thomas S.">
+        <img class="testimonials__col__img" src="resources/assets/images/people/image-thomas.jpg" alt="Thomas S.">
         <p class="testimonials__col__explain">
           Sunnyside’s enthusiasm coupled with their keen interest in our brand’s success made it a satisfying and
           enjoyable experience.
@@ -136,7 +136,7 @@ <h4>Thomas S.</h4>
         </div>
       </div>
       <div class="testimonial-col">
-        <img class="testimonials__col__img" src="assets/images/people/image-jennie.jpg" alt="Jennie F.">
+        <img class="testimonials__col__img" src="resources/assets/images/people/image-jennie.jpg" alt="Jennie F.">
         <p class="testimonials__col__explain">
           Incredible end result! Our sales increased over 400% when we worked with Sunnyside. Highly recommended!
         </p>
@@ -157,7 +157,7 @@ <h4>Jennie F.</h4>
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="assets/style.css">
+  <link rel="stylesheet" href="resources/assets/style.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
@@ -172,7 +172,7 @@ <h4>Jennie F.</h4>
 
     <section class="menu">
       <button class="menu__btn">
-        <img src="assets/images/logo.svg" alt="Logo" class="menu__btn__logo">
+        <img src="resources/assets/images/logo.svg" alt="Logo" class="menu__btn__logo">
       </button>
       <nav class="menu__link">
         <a href="">About</a>
@@ -184,7 +184,7 @@ <h4>Jennie F.</h4>
 
     <section class="main">
       <h1 class="main__title">We are creatives</h1>
-      <img class="main__arrow" src="assets/images/icons/icon-arrow-down.svg" alt="fleche">
+      <img class="main__arrow" src="resources/assets/images/icons/icon-arrow-down.svg" alt="fleche">
     </section>
   </header>
 
@@ -201,13 +201,13 @@ <h2 class="line1__transform__title">Transform your brand</h2>
         <h3 class="line1__transform__learn">Learn more</h3>
       </article>
       <article class="line1__photo photo">
-        <img src="assets/images/photos/image-transform.jpg" alt="Egg">
+        <img src="resources/assets/images/photos/image-transform.jpg" alt="Egg">
       </article>
     </section>
 
     <section class="line2">
       <article class="line2__photo photo">
-        <img src="assets/images/photos/image-stand-out.jpg" alt="Glass">
+        <img src="resources/assets/images/photos/image-stand-out.jpg" alt="Glass">
       </article>
 
       <article class="line2__stand-out">
@@ -222,14 +222,14 @@ <h2 class="line2__stand-out__title">Stand out to the right audience</h2>
 
     <section class="line3">
       <article class="line3__cherry">
-        <img src="assets/images/photos/image-graphic-design.jpg" alt="Cherry">
+        <img src="resources/assets/images/photos/image-graphic-design.jpg" alt="Cherry">
         <h3 class="line3__cherry__tool">Graphic design</h3>
         <p class="line3__cherry__explanation">Design makes you memorable. We deliver artwork that underscores your brand
           message and captures potential
           clients’ attention.</p>
       </article>
       <article class="line3__orange">
-        <img src="assets/images/photos/image-photography.jpg" alt="Orange">
+        <img src="resources/assets/images/photos/image-photography.jpg" alt="Orange">
         <h3 class="line3__orange__tool">Photography</h3>
         <p class="line3__orange__explanation">Increase your credibility by getting the most stunning, high-quality
           photos that improve your business image.</p>
@@ -239,21 +239,21 @@ <h3 class="line3__orange__tool">Photography</h3>
     <section class="testimonials">
       <h4>testimonials</h4>
 
-      <img class="testimonials__bubble" src="assets/images/people/image-emily.jpg" alt="Emily">
+      <img class="testimonials__bubble" src="resources/assets/images/people/image-emily.jpg" alt="Emily">
       <p class="testimonials__info">We put our trust in Sunnyside and they delivered, making sure our needs were met and
         deadlines were always hit.
       </p>
       <p class="testimonials__name">Emily R.</p>
       <p class="testimonials__job">Marketing Director</p>
 
-      <img class="testimonials__bubble" src="assets/images/people/image-thomas.jpg" alt="Thomas">
+      <img class="testimonials__bubble" src="resources/assets/images/people/image-thomas.jpg" alt="Thomas">
       <p class="testimonials__info">Sunnyside’s enthusiasm coupled with their keen interest in our brand’s success made
         it a satisfying and
         enjoyable experience.</p>
       <p class="testimonials__name">Thomas S.</p>
       <p class="testimonials__job">Chief Operating Officer</p>
 
-      <img class="testimonials__bubble" src="assets/images/people/image-jennie.jpg" alt="Jennie">
+      <img class="testimonials__bubble" src="resources/assets/images/people/image-jennie.jpg" alt="Jennie">
       <p class="testimonials__info">Incredible end result! Our sales increased over 400% when we worked with Sunnyside.
         Highly recommended!</p>
       <p class="testimonials__name">Jennie F.</p>
@@ -262,10 +262,10 @@ <h4>testimonials</h4>
     </section>
 
     <section class="exemple">
-      <img class="exemple__1" src="assets/images/photos/image-gallery-milkbottles.jpg" alt="">
-      <img class="exemple__2" src="assets/images/photos/image-gallery-orange.jpg" alt="">
-      <img class="exemple__3" src="assets/images/photos/image-gallery-cone.jpg" alt="">
-      <img class="exemple__4" src="assets/images/photos/image-gallery-milkbottles.jpg" alt="">
+      <img class="exemple__1" src="resources/assets/images/photos/image-gallery-milkbottles.jpg" alt="">
+      <img class="exemple__2" src="resources/assets/images/photos/image-gallery-orange.jpg" alt="">
+      <img class="exemple__3" src="resources/assets/images/photos/image-gallery-cone.jpg" alt="">
+      <img class="exemple__4" src="resources/assets/images/photos/image-gallery-milkbottles.jpg" alt="">
     </section>
     <footer>