goitacademy · Florin575 · Aug 25, 2024 · Aug 25, 2024 · Sep 1, 2024 · Sep 1, 2024
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,10 +2,10 @@
   "name": "parcel-project-template",
   "version": "2.0.0",
   "description": "",
-  "homepage": "https://goitacademy.github.io/parcel-project-template",
+  "homepage": "https://DutuGabriel.github.io/Team-3-project",
   "scripts": {
     "start": "parcel src/*.html",
-    "build": "parcel build src/*.html --public-url /parcel-project-template/"
+    "build": "parcel build src/*.html --public-url /Team-3-project/"
   },
   "repository": {
     "type": "git",

diff --git a/src/images/icons.svg b/src/images/icons.svg
diff --git a/src/images/logo.png b/src/images/logo.png
diff --git a/src/images/logoalb.png b/src/images/logoalb.png
diff --git a/src/index.html b/src/index.html
@@ -1,15 +1,26 @@
 <!DOCTYPE html>
-<html lang="ru">
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Page title</title>
+    <title>Team 3 Project</title>
     <link rel="stylesheet" href="./sass/index.scss" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap"
+      rel="stylesheet"
+    />
     <script type="module" src="./index.js"></script>
   </head>
   <body>
-    <h1>Example title</h1>
     <!-- ❗️❗️❗️ Add partials like so for every page -->
-    <include src="./partials/example.html"></include>
+    <include src="./partials/header.html"></include>
+    <include src="./partials/hero.html"></include>
+    <include src="./partials/aboutus.html"></include>
+    <include src="./partials/catalog.html"></include>
+    <include src="./partials/modal.html"></include>
+    <include src="./partials/sale.html"></include>
+    <include src="./partials/footer.html"></include>
   </body>
 </html>
diff --git a/src/partials/example.html b/src/partials/example.html
diff --git a/src/partials/footer.html b/src/partials/footer.html
@@ -0,0 +1,70 @@
+<!--Footer.-->
+<footer>
+  <footer class="site-footer">
+    <div class="footer-container">
+      <div class="footer-left">
+        <a href="index.html"
+          ><img src="./images/logoalb.png" alt="Logo" class="footer-logo"
+        /></a>
+        <address>
+          <ul class="contacts-list-footer-list">
+            <li class="contacts-item-footer">
+              <a class="contacts-link-footer-link" href="tel:+380684439426"
+                >+380 (68) 443-94-26</a
+              >
+            </li>
+            <li class="contacts-item-footer">
+              <a
+                class="contacts-link-footer-adr-link"
+                href="https://www.google.com/maps/place/1678+Pioneer+Rd,+Salt+Lake+City,+UT+84104,+Сполучені+Штати+Америки/@40.7335892,-111.9622754,17z/data=!3m1!4b1!4m6!3m5!1s0x8752f35b0826d399:0x2b26230524fd3ca3!8m2!3d40.7335892!4d-111.9600867!16s%2Fg%2F11bw41vm_p"
+                target="_blank"
+                rel="noreferrer noopener"
+                >1678 S. Pioneer Road Salt Lake City UT 84104</a
+              >
+            </li>
+          </ul>
+        </address>
+      </div>
+      <div class="footer-center">
+        <ul class="footer-links">
+          <li><a href="#">ABOUT US</a></li>
+          <li><a href="#">CATALOG</a></li>
+          <li><a href="#">SALE</a></li>
+        </ul>
+      </div>
+      <div class="footer-right">
+        <ul class="social-icons">
+          <a href="https://www.facebook.com/" target="_blank" class="soc-link">
+            <svg class="social-icon" width="24" height="24">
+              <use href="./images/icons.svg#icon-Facebook"></use>
+            </svg>
+          </a>
+            <a href="https://www.instagram.com/" target="_blank" class="soc-link">
+              <svg class="social-icon" width="24" height="24">
+                <use href="./images/icons.svg#icon-Instagram"></use>
+              </svg>
+            <a href="https://www.youtube.com/" target="_blank" class="soc-link">
+              <svg class="social-icon" width="24" height="24">
+                <use href="./images/icons.svg#icon-Youtube"></use>
+              </svg>
+            </a>
+        </ul>
+      </div>
+    </div>
+    <div class="footer-bottom">
+      <p>&copy;2022 The Watch Spot. All rights reserved.</p>
+      <div class="footer-legal">
+        <a href="#">Privacy Policy</a>
+        <a href="#">Terms of Service</a>
+      </div>
+    </div>
+  </footer>
+</footer>
+
+
+
+
+
+
+
+
diff --git a/src/partials/header.html b/src/partials/header.html
@@ -0,0 +1 @@
+
diff --git a/src/partials/hero.html b/src/partials/hero.html
diff --git a/src/sass/_example.scss b/src/sass/_example.scss