diff --git a/src/assets/fonts/Gilroy-Black.woff b/src/assets/fonts/Gilroy-Black.woff new file mode 100644 index 0000000..07b6bac Binary files /dev/null and b/src/assets/fonts/Gilroy-Black.woff differ diff --git a/src/assets/fonts/Gilroy-Black.woff2 b/src/assets/fonts/Gilroy-Black.woff2 new file mode 100644 index 0000000..6a3cefd Binary files /dev/null and b/src/assets/fonts/Gilroy-Black.woff2 differ diff --git a/src/assets/fonts/Gilroy-Bold.woff b/src/assets/fonts/Gilroy-Bold.woff new file mode 100644 index 0000000..6f551f0 Binary files /dev/null and b/src/assets/fonts/Gilroy-Bold.woff differ diff --git a/src/assets/fonts/Gilroy-Bold.woff2 b/src/assets/fonts/Gilroy-Bold.woff2 new file mode 100644 index 0000000..f7045e6 Binary files /dev/null and b/src/assets/fonts/Gilroy-Bold.woff2 differ diff --git a/src/assets/fonts/Gilroy-Regular.woff b/src/assets/fonts/Gilroy-Regular.woff new file mode 100644 index 0000000..943891b Binary files /dev/null and b/src/assets/fonts/Gilroy-Regular.woff differ diff --git a/src/assets/fonts/Gilroy-Regular.woff2 b/src/assets/fonts/Gilroy-Regular.woff2 new file mode 100644 index 0000000..0e86b4e Binary files /dev/null and b/src/assets/fonts/Gilroy-Regular.woff2 differ diff --git a/src/assets/icons/theme-icon.svg b/src/assets/icons/theme-icon.svg new file mode 100644 index 0000000..7c2ae19 --- /dev/null +++ b/src/assets/icons/theme-icon.svg @@ -0,0 +1,13 @@ + + \ No newline at end of file diff --git a/src/assets/imgs/img-preview.svg b/src/assets/imgs/img-preview.svg new file mode 100644 index 0000000..8d93eaa --- /dev/null +++ b/src/assets/imgs/img-preview.svg @@ -0,0 +1,27 @@ + + \ No newline at end of file diff --git a/src/assets/imgs/logo-naliia-blanco.svg b/src/assets/imgs/logo-naliia-blanco.svg new file mode 100644 index 0000000..6311efc --- /dev/null +++ b/src/assets/imgs/logo-naliia-blanco.svg @@ -0,0 +1,20 @@ + + \ No newline at end of file diff --git a/src/assets/imgs/logo-naliia.svg b/src/assets/imgs/logo-naliia.svg new file mode 100644 index 0000000..36481dd --- /dev/null +++ b/src/assets/imgs/logo-naliia.svg @@ -0,0 +1,51 @@ + + \ No newline at end of file diff --git a/src/assets/imgs/mujer-con-tablet.svg b/src/assets/imgs/mujer-con-tablet.svg new file mode 100644 index 0000000..ccb7718 --- /dev/null +++ b/src/assets/imgs/mujer-con-tablet.svg @@ -0,0 +1,69 @@ + + \ No newline at end of file diff --git a/src/assets/imgs/n-naliia-blanca.svg b/src/assets/imgs/n-naliia-blanca.svg new file mode 100644 index 0000000..845bc3b --- /dev/null +++ b/src/assets/imgs/n-naliia-blanca.svg @@ -0,0 +1,13 @@ + + \ No newline at end of file diff --git a/src/components/footer/Footer.astro b/src/components/footer/Footer.astro index 11d571e..5620bc6 100644 --- a/src/components/footer/Footer.astro +++ b/src/components/footer/Footer.astro @@ -1,7 +1,62 @@ --- +import "./footer.css"; +--- ---- +
diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css index e69de29..9bb1d23 100644 --- a/src/components/footer/footer.css +++ b/src/components/footer/footer.css @@ -0,0 +1,46 @@ +.footer-container { + height: 150px; + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px 64px; + box-sizing: border-box; + background-color: var(--dark-gray); + border-top: 1px solid rgb(255, 255, 255, 0.2); +} + +.logo-and-copyright { + display: flex; + align-items: center; + gap: var(--space-lg-24px); +} + +.divider { + width: 1px; + height: 40px; + background-color: rgba(255, 255, 255, 0.2); +} + +.logo-naliia-footer { + height: 50px; + width: auto; +} + +.social-media { + display: flex; + flex-direction: column; + gap: var(--space-sm-8px); +} + +.icons-social-media { + display: flex; + gap: var(--space-xl-32px); +} + +.social-media-link { + color: white; + text-decoration: none; + display: flex; + align-items: center; + justify-content: center; +} diff --git a/src/components/navbar/Navbar.astro b/src/components/navbar/Navbar.astro index c00146b..81829ba 100644 --- a/src/components/navbar/Navbar.astro +++ b/src/components/navbar/Navbar.astro @@ -1,10 +1,45 @@ --- +// imports +import "./navbar.css"; + +// types + +// props + +// logic, variables, functions, etc. +const currentPath: string = Astro.url.pathname; +--- ---- +