Cris-Rocha · Cris-Rocha · Feb 12, 2022 · Feb 12, 2022 · Feb 12, 2022 · Feb 12, 2022
diff --git a/index.html b/index.html
@@ -5,12 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="style.css">
-    <title>Nuevo proyecto </title>
+    <title> Cris project </title>
 </head>
 <body>
+    <!-- Navigation bar -->
     <nav class="navigationBar">
        <ul class="navigationList">
-           <li></li>
+           <li>
+            <a href="https://www.apple.com/es"></a>
+           </li>
            <li>
                <a href="https://www.apple.com/es/store">Tienda</a>
            </li>
@@ -43,40 +46,92 @@
            </li>
 
        </ul>
+       <span class="littleApple"></span>
     </nav>
     <main>
-        <!-- COMENZO DEL MAIN -->
+        <!-- The main boxes -->
         <section class="box1">
             <h2 class="h2">iPhone 13 Pro</h2>
             <h3 class="h3">Prodigioso Pro.</h3>
             <div class="links">
-            <a class="link" href="https://www.apple.com/es/#ac-gn-menustate">Mas Informacion ></a>
+            <a class="link" href="https://www.apple.com/es/#ac-gn-menustate">Más Información ></a>
             <a class="link" href="https://www.apple.com/es/shop/goto/buy_iphone/iphone_13_pro">Comprar ></a>
             </div>
         </section>
-
         <section class="box2">
+            <h2 class="h2">iPhone 13</h2>
+            <h3 class="h3">Tu nuevo superpoder.</h3>
+            <div class="links">
+                <a class="link" href="https://www.apple.com/es/#ac-gn-menustate">Más Información ></a>
+                <a class="link" href="https://www.apple.com/es/shop/goto/buy_iphone/iphone_13_pro">Comprar ></a>
+            </div>
 
-
-
         </section>
-        <section class="box3"></section>
+        <section class="box3">
+            <h3 class="h3">Día de San Valentín</h3>
+            <h2 class="h2">Regalos de último <br>minuto. Justo a tiempo.</h2>
+            <div class="links">
+                <a class="link" href="https://www.apple.com/es/shop/gifts/valentines-day">Ver ideas ></a>
+            </div>
+        </section>
+
+        <!-- The bottom - flexbox-->
         <div class="multipleBoxes">
             <section class="smallBox boxWatch">
-                <h2 class="h2">Watch</h2>
-                <h3>Te presentamos nuestra pantalla <br> mas grande hasta la fecha.</h3>
-                <a class="link" href="https://www.apple.com/es/#ac-gn-menustate">Mas Informacion ></a>
+                <p class="nuevo">Nuevo</p>
+                <h2 class="h2">  Watch</h2>
+                <p >Serie 7</p>
+                <h3 id="flex-box1">Te presentamos nuestra pantalla <br> más grande hasta la fecha.</h3>
+                <a class="link" href="https://www.apple.com/es/#ac-gn-menustate">Más Información ></a>
                 <a class="link" href="https://www.apple.com/es/shop/goto/buy_iphone/iphone_13_pro">Comprar ></a>
             </section>
+
             <section class="smallBox boxOrange">
-                <h2 class="h2">Comienza el reto<br> Shot on iPhone.</h2>
-                <h3>Envia tus mejores fotos macro <br> antes del 16 de febrero.</h3>
-                <a class="link" href=" ">Mas Informacion ></a>
+                <h2 class="h2" id="boxOrange">Comienza el reto<br> Shot on iPhone.</h2>
+                <h3 class="h3" id="boxOrange">Envía tus mejores fotos macro <br> antes del 16 de febrero.</h3>
+                <a class="link" href="https://www.apple.com/es/newsroom/2022/01/share-your-best-iphone-macro-photos-for-apples-shot-on-iphone-challenge/">Más Información ></a>
+            </section>
+        </div>
+        <!--  Second line of the flexbox -->
+        <div class="multipleBoxes">
+            <section class="smallBox watch1">
+                <p class="nuevo">Oferta por tiempo limitado</p>
+                <h2 class="h2"> Tu corazón <br> se lo merece todo.</h2>
+                <h3 id="flex-box1">Ahora hasta 200€¹ en el Apple Watch <br>Series 7 al renovar tu despositivo en febrero.</h3>
+                <a class="link" href="https://www.apple.com/es/shop/buy-watch/apple-watch">Comprar ></a>
+            </section>
 
+            <section class="smallBox future">
+                <h2 class="h2"> El futuro se mueve.</h2>
+                <h3 class="h3">La nueva correa Black Unity con esfera&nbsp;a juego está inspirada en el&nbsp;afrofuturismo.</h3>
+                <a class="link" href="https://www.apple.com/es/watch/">Más Información ></a>
+                <a class="link" href="https://www.apple.com/es/shop/product/MMW93ZM/A/correa-solo-loop-trenzada-black-unity-de-41-mm-talla-1">Comprar ></a>
+            </section>
+        </div>
+        <!-- Third line of the flexbox -->
+         <div class="multipleBoxes">
+            <section class="smallBox fitness">
+                <h2 class="h2">  Fitness+</h2>
+                <h3 class="h3">Muévete como nunca con Hora <br> de Correr y las colecciones.</h3>
+                <a class="link" href="https://www.apple.com/es/apple-fitness-plus/">Más Información ></a>
+                <a class="link" href="https://fitness.apple.com/us/subscribe?itscg=10000&itsct=fit-promo-hp_tile-apl-evg-201111">Pruébalo gratis² ></a>
             </section>
 
+            <section class="smallBox tv">
+                <div class="final">
+                <p class="sosp">tv+</p>
+                <h2 class="h2"> SOSPECHOSOS </h2>
+                <h3 class="h3">La inocencia es relativa.</h3>
+                <a class="link" href="https://tv.apple.com/es/show/umc.cmc.64yj71dmrdihhmo96h0lgjmw5?itscg=10000&itsct=atv-apl_hp-pmo_wch-Suspicion-220204&l=es">Ver ahora ></a>
+                </div>
+            </section>
         </div>
     </main>
-
+        <!-- footer -->
+    <footer class="theEnd">
+        <br>
+        <p>Copyright © 2022 Apple Inc. Todos los derechos reservados.</p>
+        <p> Esta página e um exercício para desenvolvimento de HTML e CSS através da percepção visual e da analise de inspect element.</p>
+    </footer>
 </body>
 </html>