Full service digital agency.
-Two engagement models.
-Paris / San Diego
+Full service digital agency.
+Two engagement models.
+Paris / San Diego
+We are a digital brand accelerator. Our mission is to tarnsform founders’ visions into remarkable brands. Choose traditional compensation or and equity diff --git a/awwwards_ss3/src/components/Footer.jsx b/awwwards_ss3/src/components/Footer.jsx new file mode 100644 index 0000000..c77e7cc --- /dev/null +++ b/awwwards_ss3/src/components/Footer.jsx @@ -0,0 +1,56 @@ +import { FaXTwitter } from "react-icons/fa6"; +import { GoArrowUpRight } from "react-icons/go"; + + +const Footer = () => { + return ( + <> +
Relax. We've got you.
+ +San Diego—California
+Paris—France
+We operate on a simple philosophy:
-Quality over quantity.
- -We operate on a simple philosophy:
+Quality over quantity.
+ {counterOn && } +We collaborate with five clients each year. This allows for intense focus on the trabsformation and
@@ -22,7 +31,11 @@ const Philosophy = () => {
3 seats
+
+ {counterOn &&
available for 2024
Strategy & emotion.
You need both.
- + {counterOn && }Data matters, yet it’s the emotion that drives buying decisions. We don’t diff --git a/awwwards_ss3/src/components/preloader/PreLoader.jsx b/awwwards_ss3/src/components/preloader/PreLoader.jsx index e476d4f..5897e02 100644 --- a/awwwards_ss3/src/components/preloader/PreLoader.jsx +++ b/awwwards_ss3/src/components/preloader/PreLoader.jsx @@ -1,5 +1,5 @@ import { useEffect } from "react" -import {preLoaderAnim} from "../preloader/PreloadAnimatiom" +import { preLoaderAnim } from "../preloader/PreloadAnimatiom" const PreLoader = () => { diff --git a/awwwards_ss3/src/index.css b/awwwards_ss3/src/index.css index b8182c0..e25df77 100644 --- a/awwwards_ss3/src/index.css +++ b/awwwards_ss3/src/index.css @@ -6,7 +6,9 @@ src: local("NB-International-Pro-Bold"), url("./assets/NB-International-Pro-Bold.ttf") format("opentype"); font-weight: normal; } - +html{ + scrollbar-width: none; +} body{ background-color: #FAF8F3; color: #0E0E0E; @@ -84,6 +86,24 @@ body{ .text:hover{ color: #FF5F38; } +/*==========*/ +.line::before{ + content: ''; + position: absolute; + left: 0; + bottom: 0; + width: 0; + border-bottom: solid 2px #555555; + animation: border_animation 3s linear forwards; +} +@keyframes border_animation{ + 0%{ + width: 0%; + } + 100%{ + width: 100%; + } +} /*===== gradient =====*/ /*.gradient-bg{ position: relative;