From 5d9e8af53de3224ccaa28426dbf2f43ce623a89a Mon Sep 17 00:00:00 2001
From: Melnyk <andrian_m@ukr.net>
Date: Mon, 4 Mar 2024 22:55:40 +0200
Subject: [PATCH] target blank, email validation added, font-family fixed

---
 src/index.html                 | 62 ++++++++++++++++++++++++++--------
 src/styles/blocks/_button.scss |  1 -
 src/styles/main.scss           |  2 +-
 3 files changed, 49 insertions(+), 16 deletions(-)

diff --git a/src/index.html b/src/index.html
index 3b7a035211..b8fc157aea 100644
--- a/src/index.html
+++ b/src/index.html
@@ -28,7 +28,10 @@
       <div class="container">
         <div class="header__content">
           <div class="top-bar">
-            <a href="#Homepage" class="top-bar__logo-link">
+            <a
+              target="_blank"
+              href="#Homepage"
+             class="top-bar__logo-link">
               <img
               class="top-bar__logo"
               src="./images/logo-svg.svg"
@@ -36,12 +39,12 @@
             </a>
 
             <div class="top-bar__left-side">
-              <a
+              <a target="_blank"
                 class="top-bar__phone-number"
                 href="tel: +1 234 5555-55-55" >+1 234 5555-55-55</a>
 
               <div class="top-bar__icons">
-                <a href="#"
+                <a target="_blank"  href="#"
                   class="icon icon--phone"
                 >
 
@@ -97,10 +100,18 @@ <h1 class="header__title">
               </li>
             </ul>
           </nav>
-          <a href="tel: +1 234 5555-55-55" class="menu__call menu__call--phone-number">
+          <a
+            target="_blank"
+            href="tel: +1 234 5555-55-55"
+            class="menu__call menu__call--phone-number"
+          >
             +1 234 5555-55-55
           </a>
-          <a href="tel: +1 234 5555-55-55" class="menu__call menu__call--call-to-order">
+          <a
+            target="_blank"
+            href="tel: +1 234 5555-55-55"
+            class="menu__call menu__call--call-to-order"
+          >
             Call to order
           </a>
         </div>
@@ -167,7 +178,9 @@ <h2 class="section-title"> Sound. Vision.
             <div class="categories__wrapper">
               <div class="category">
                 <div class="category__photos">
-                  <a href="#" class="category__link">
+                  <a
+                    target="_blank" href="#"
+                    class="category__link">
                     <img
                       class="category__photo"
                       src="./images/photos/Image-portable-speaker--1.png"
@@ -175,7 +188,10 @@ <h2 class="section-title"> Sound. Vision.
                     >
                   </a>
 
-                  <a href="#" class="category__link">
+                  <a
+                    href="#"
+                    class="category__link"
+                  >
                     <img
                       class="category__photo"
                       src="./images/photos/Image-portable-speaker--2.png"
@@ -188,7 +204,11 @@ <h3>Portable speakers</h3>
               </div>
               <div class="category">
                 <div class="category__photos">
-                  <a href="#" class="category__link">
+                  <a
+                    target="_blank"
+                    href="#"
+                    class="category__link"
+                  >
                     <img
                       class="category__photo"
                       src="./images/photos/Image-earphones--1.png"
@@ -196,7 +216,11 @@ <h3>Portable speakers</h3>
                     >
                   </a>
 
-                  <a href="#" class="category__link">
+                  <a
+                    target="_blank"
+                    href="#"
+                    class="category__link"
+                  >
                     <img
                       class="category__photo"
                       src="./images/photos/Image-earphones--2.png"
@@ -211,7 +235,11 @@ <h3>Earphones</h3>
 
               <div class="category">
                 <div class="category__photos">
-                  <a href="#" class="category__link">
+                  <a
+                    target="_blank"
+                    href="#"
+                    class="category__link"
+                  >
                     <img
                       class="category__photo"
                       src="./images/photos/Image-smart-home--1.png"
@@ -219,7 +247,11 @@ <h3>Earphones</h3>
                     >
                   </a>
 
-                  <a href="#" class="category__link">
+                  <a
+                    target="_blank"
+                    href="#"
+                    class="category__link"
+                  >
                     <img
                       class="category__photo"
                       src="./images/photos/Image-smart-home--2.png"
@@ -237,6 +269,7 @@ <h3>Smart Home</h3>
             <div class="buttons">
               <div href="#" class="buttons__button">
                 <a
+                  target="_blank"
                   class="
                     button
                     button__primary
@@ -305,6 +338,7 @@ <h2 class="section-title contact-us__title">
               <input
                 class="form__field form__field--email"
                 type="email"
+                pattern="[^ @]*@[^ @]*"
                 placeholder="Email"
                 required
               >
@@ -331,7 +365,7 @@ <h2 class="section-title contact-us__title">
             <div class="contact-us__info info">
               <div class="info__field">
                 <label class="info__label">Phone</label>
-                <a
+                <a target="_blank"
                   class="info__information"
                   href="tel: +1 234 5555-55-55"
                   >
@@ -340,7 +374,7 @@ <h2 class="section-title contact-us__title">
               </div>
               <div class="info__field">
                 <label class="info__label">Email</label>
-                <a
+                <a target="_blank"
                   class="info__information"
                   href="mailto:hello@bang&olufsen.com"
                 >
@@ -349,7 +383,7 @@ <h2 class="section-title contact-us__title">
               </div>
               <div class="info__field">
                 <p class="info__label">Adress</p>
-                <a
+                <a target="_blank"
                   class="info__information"
                   href="https://maps.app.goo.gl/N918GZqXPwQ5tH4CA"
                   >
diff --git a/src/styles/blocks/_button.scss b/src/styles/blocks/_button.scss
index 0bad770989..45cf511ba3 100644
--- a/src/styles/blocks/_button.scss
+++ b/src/styles/blocks/_button.scss
@@ -19,7 +19,6 @@
   justify-content: center;
   font-size: 16px;
   font-weight: 700;
-  font-family: Manrope;
 
   &__link {
     text-decoration: none;
diff --git a/src/styles/main.scss b/src/styles/main.scss
index f1586592eb..6a7cad4f44 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -5,6 +5,7 @@
 
 * {
   margin: 0;
+  font-family: Manrope;
 }
 
 .main {
@@ -12,7 +13,6 @@
   justify-content: center;
   margin: auto;
 
-
   &__content {
     display: grid;
     row-gap: 96px;