header

federicopozzi · Jan 15, 2021 · bbc73fb · bbc73fb
1 parent c6f0fdb
commit bbc73fb
Show file tree

Hide file tree

Showing 6 changed files with 73 additions and 7 deletions.
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/BuyMeAir_InfoPoetry.iml b/.idea/BuyMeAir_InfoPoetry.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -52,7 +52,7 @@ nav {
 
 
 /* ########## MARQUEE ########## */
-/* .marquee {
+ .marquee {
   overflow: hidden;
   --offset: 0vw;
   --move-initial: calc(-5% + var(--offset));
@@ -64,7 +64,7 @@ nav {
   display: flex;
   transform: translate3d(var(--move-initial), 0, 0);
   animation: marquee 5s linear infinite;
-  animation-play-state: paused;
+  animation-play-state: running;
 }
 
 .marquee span {
@@ -77,13 +77,14 @@ nav {
 }
 
 .country span {
-  color: #FDEF4B;
+  color: white;
+  background-color: #D97559;
 }
 
-.marquee__inner:hover {
+/*.marquee__inner {
   animation-play-state: running;
   cursor:context-menu;
-}
+}*/
 
 @keyframes marquee {
   0% {
@@ -93,7 +94,7 @@ nav {
   100% {
     transform: translate3d(var(--move-final), 0, 0);
   }
-} */
+}
 
 /* ########## NAVBAR ########## */
 

diff --git a/index.html b/index.html
@@ -25,10 +25,44 @@
 
 <body>
 
-  <section class="websiteMargin">
+  <section>
     <div class="container-fluid">
       <div class="row">
+        <div class="col-lg-12 d-flex justify-content-between">
+          <a href=""><span>Home</span></a>
+          <a href=""><span>About</span></a>
+      </div>
+  </section>
+  <section>
+    <div class="firstTextContainerCountry d-flex justify-content-center">
+      <div class="marquee">
+        <div class="marquee__inner country" aria-hidden="true">
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+          <span>FreeShipping</span>
+        </div>
       </div>
+    </div>
+  </section>
+
+  <section class="websiteMargin">
   </section>