add task miami

mate-academy · Apr 29, 2024 · cf7594a · cf7594a
1 parent 59f3209
commit cf7594a
Show file tree

Hide file tree

Showing 6 changed files with 226 additions and 90 deletions.
diff --git a/src/index.html b/src/index.html
@@ -2,19 +2,46 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0"
+    />
     <title>BOSE New Version</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com"/>
-    <link rel="preconnect" href="https://fonts.gstatic.com"/>
-    <link href="https://fonts.googleapis.com/css2?family=Manrope:[email protected]&display=swap" rel="stylesheet"/>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Manrope:[email protected]&display=swap" rel="stylesheet"/>
-    <link rel="stylesheet" href="./styles.css" />
-    <script src="scripts/main.js" defer></script>
+    <link
+      rel="preconnect"
+      href="https://fonts.googleapis.com"
+    />
+    <link
+      rel="preconnect"
+      href="https://fonts.gstatic.com"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Manrope:[email protected]&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Manrope:[email protected]&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      rel="stylesheet"
+      href="./styles.css"
+    />
+    <script
+      src="scripts/main.js"
+      defer
+    ></script>
   </head>
   <body class="body">
-    <header class="header" id="header">
+    <header
+      class="header"
+      id="header"
+    >
       <nav class="navigation">
-        <a class="navigation__item navigation__item--logo" href="#">
+        <a
+          class="navigation__item navigation__item--logo"
+          href="#"
+        >
           <img
             class="logo"
             src="./images/Logo.svg"
@@ -23,7 +50,10 @@
         </a>
 
         <div class="navigation__buttons">
-          <a class="navigation__item navigation__item--phone phone" href="+1 234 555-55-55">
+          <a
+            class="navigation__item navigation__item--phone phone"
+            href="+1 234 555-55-55"
+          >
             <span class="phone__label">+1 234 555-55-55</span>
             <img
               class="phone"
@@ -32,7 +62,10 @@
             />
           </a>
 
-          <a class="navigation__item navigation__item--burger burger" href="#menu">
+          <a
+            class="navigation__item navigation__item--burger burger"
+            href="#menu"
+          >
             <span class="navigation__item__label burger__label">Open menu</span>
           </a>
         </div>
@@ -48,24 +81,24 @@ <h1 class="header__title title">
       class="menu"
       id="menu"
     >
-      <nav class="menu__navigation navigation">
+      <nav class="navigation">
         <a
-          class="menu__navigation__item menu__navigation__item--logo navigation__item--logo"
+          class="navigation__item--logo"
           href="#"
         >
           <img
-            class="menu__navigation__logo navigation__logo logo"
+            class="navigation__logo logo"
             src="./images/Logo.svg"
             alt="Logo BANG & OLUFSEN"
           />
         </a>
 
         <a
-          class="menu__navigation__item menu__navigation__item--cross navigation__item--cross"
+          class="navigation__item--cross"
           href="#header"
         >
           <img
-            class="menu__navigation__cross cross"
+            class="navigation__cross cross"
             src="./images/cross.svg"
             alt="Menu"
           />
@@ -262,7 +295,10 @@ <h3 class="categories__article-title title title--article">
         </a>
       </section>
 
-      <section class="about-us" id="about-us">
+      <section
+        class="about-us"
+        id="about-us"
+      >
         <div class="about-us__image"></div>
         <div class="about-us__content">
           <h2 class="about-us__content__title title title--section">
@@ -277,7 +313,10 @@ <h2 class="about-us__content__title title title--section">
         </div>
       </section>
 
-      <section class="contact-us" id="contact-us">
+      <section
+        class="contact-us"
+        id="contact-us"
+      >
         <h2 class="contact-us__title title title--section">Contact us</h2>
 
         <form class="contact-us__form form">