css

olgatenison · Jul 22, 2023 · bdf0206 · bdf0206
1 parent 7492cbc
commit bdf0206
Show file tree

Hide file tree

Showing 9 changed files with 32 additions and 41 deletions.
diff --git a/scc/how.css → css/how.css b/scc/how.css → css/how.css
diff --git a/scc/index.css → css/index.css b/scc/index.css → css/index.css
diff --git a/scc/main.css → css/main.css b/scc/main.css → css/main.css
diff --git a/scc/reviews.css → css/reviews.css b/scc/reviews.css → css/reviews.css
@@ -6,7 +6,7 @@
   background-size: contain;
   height: 500px; /* You must set a specified height */
   background-position: right; /* Center the image */
-  background-color: #ffffff;
+  background-color: #fff;
 }
 .testing__container {
 }
@@ -15,6 +15,7 @@
 .testing__wrapper {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
+
   gap: 30px;
   max-width: 700px;
 }
@@ -26,16 +27,13 @@
 .testing__txt {
   color: #1d1d1d;
   opacity: 0.6;
-  margin-bottom: 30px;
-}
-.testing__txt:last-child {
-  color: #1d1d1d;
-  opacity: 0.6;
-  margin-bottom: 30px;
+  margin-bottom: 50px;
 }
+
 .testing__img {
 }
 .testing__btn {
 }
+
 .btn {
 }
diff --git a/scc/shop.css → css/shop.css b/scc/shop.css → css/shop.css
diff --git a/how.html b/how.html
@@ -16,8 +16,8 @@
       href="https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="./scc/main.css" />
-    <link rel="stylesheet" href="./scc/how.css" />
+    <link rel="stylesheet" href="./css/main.css" />
+    <link rel="stylesheet" href="./css/how.css" />
     <title>How it’s made</title>
   </head>
 

diff --git a/index.html b/index.html
@@ -16,8 +16,8 @@
       href="https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="./scc/main.css" />
-    <link rel="stylesheet" href="./scc/index.css" />
+    <link rel="stylesheet" href="./css/main.css" />
+    <link rel="stylesheet" href="./css/index.css" />
     <title>Choco</title>
   </head>
 

diff --git a/reviews.html b/reviews.html
@@ -16,8 +16,8 @@
       href="https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="./scc/main.css" />
-    <link rel="stylesheet" href="./scc/reviews.css" />
+    <link rel="stylesheet" href="./css/main.css" />
+    <link rel="stylesheet" href="./css/reviews.css" />
     <title>Choco</title>
   </head>
   <body>
@@ -57,7 +57,25 @@
       <main class="main">
         <!-- reviews section -->
         <section class="reviews" id="#reviews">
-          <div class="reviews__container container"></div>
+          <div class="reviews__container container">
+            <h2 class="reviews__title title">Tasting with all five senses</h2>
+
+            <div class="reviews__wrapper">
+              <img
+                class="reviews__photo"
+                src="paris.jpg"
+                alt="reviews__photo"
+              />
+              <h3 class="reviews__name">John Smith</h3>
+              <p class="reviews__txt">
+                But let's start at the very beginning. Not only how we taste
+                chocolate is important, but also in which order. Perhaps you
+                have already had the pleasure of a wine tasting at some point in
+                your life. As with wine, we start our chocolate tastings with
+                the lightest white chocolate product,
+              </p>
+            </div>
+          </div>
         </section>
         <section class="testing">
           <div class="testing__container container">
@@ -83,32 +101,7 @@ <h2 class="testing__title title">Tasting with all five senses</h2>
                 light varieties and you would no longer be able to taste the
                 multi-layered aromas.
               </p>
-              <p class="testing__txt">
-                When it comes to the actual tasting, we always use our five
-                senses. We start with our eyes. Look at the chocolate bar, the
-                praline or the SchoggiPlättli. Is the surface nice and smooth
-                and does it have a nice sheen? Then your sense of touch comes
-                into play. Chocolate should feel firm and smooth in your hands.
-                As soon as it has landed in your mouth, it can melt with
-                pleasure. And don't forget your sense of hearing. Especially if
-                you have a chocolate bar in front of you, it should make a nice
-                cracking sound when you break it next to your ear. This
-                indicates that the chocolate has been well stored and carefully
-                processed. As a fourth sense, our nose is of course also very
-                important. Do you smell the products first, what notes and
-                tastes can you make out? In many cases, flavors even seem more
-                intense or different to us when we perceive them only with our
-                nose. Finally, we dedicate ourselves extensively to our sense of
-                taste. Let the products slowly melt in your mouth and use your
-                tongue to absorb all the different tastes that the product
-                offers you. This doesn't just mean ingredients like fruits or
-                nuts, but also the different flavors you can taste from the
-                chocolate itself. From fruity sweet to smoky and tart, the
-                spectrum of cocoa bouquets and intensities is huge.
-              </p>
             </div>
-
-            <button type="button" class="testing__btn btn">Buy now</button>
           </div>
         </section>
       </main>

diff --git a/shop.html b/shop.html
@@ -16,8 +16,8 @@
       href="https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap"
       rel="stylesheet"
     />
-    <link rel="stylesheet" href="./scc/main.css" />
-    <link rel="stylesheet" href="./scc/index.css" />
+    <link rel="stylesheet" href="./css/main.css" />
+    <link rel="stylesheet" href="./css/index.css" />
     <title>Choco</title>
   </head>
   <body>