diff --git a/src/components/NavBar/NavBar.scss b/src/components/NavBar/NavBar.scss index 4bd51d78..ca3ff93a 100644 --- a/src/components/NavBar/NavBar.scss +++ b/src/components/NavBar/NavBar.scss @@ -1,7 +1,7 @@ @import "../../styles/global.scss"; .NavBar { - background-color: $nav-footer-container; + background-color: none; } .NavBar__Logo { margin: 16px 28px; @@ -25,8 +25,7 @@ .NavBar__Link { text-decoration: none; text-transform: uppercase; - color: #fff; - font-family: Roboto; + color: #1F1D37; font-size: 14px; font-style: normal; font-weight: 700; @@ -36,30 +35,55 @@ } .NavBar__Link:hover { text-decoration: none; - color: #1ecad3; + color: #3f6BE8; } .NavBar__Link--active { text-decoration: none; - color: #1ecad3; + color: #3f6BE8; } @media screen and (min-width: 992px) { + .NavBar{ + display: flex; + flex-direction: row; + & > a { + flex-basis: 30%; + } + } .NavBar__Logo { width: 143px; margin-left: 58px; } .NavBar__Collapse { /* DESKTOP */ - justify-content: flex-end; + justify-content: space-around; + align-items: center; } .NavBar__List { margin-top: 0rem; } .NavBar__Item { margin-right: 2.5rem; + margin-top: .5em; + } + + .NavBar_Side{ + display: flex; + flex-direction: row; + align-items: center; + button { + padding: .6em; + background-color: #3f6BE8; + color: white; + border: none; + border-radius: 4px; + } + p { + margin: 0 0 0 3em; + } } } diff --git a/src/components/NavBar/Navbar.js b/src/components/NavBar/Navbar.js index 94777c38..6efc265d 100644 --- a/src/components/NavBar/Navbar.js +++ b/src/components/NavBar/Navbar.js @@ -23,6 +23,10 @@ const NavBar = () => { {/* Menu Links */} +
+ +

ES

+
diff --git a/src/constants/MenuLinks/MenuLinks.js b/src/constants/MenuLinks/MenuLinks.js index 753a6d4d..06ac418e 100644 --- a/src/constants/MenuLinks/MenuLinks.js +++ b/src/constants/MenuLinks/MenuLinks.js @@ -8,7 +8,7 @@ import sun from "../../images/sun-icon-1.png" const MENU_LINKS = [ { id: 1, text: "home", url: "/" }, - { id: 2, text: "servicios", url: "/servicios" }, + { id: 2, text: "servicios", url: "/services" }, ] const MenuLinks = ({ styleClass }) => { diff --git a/src/templates/LandingPage.js b/src/templates/LandingPage.js index 8ea9938e..571dcc17 100644 --- a/src/templates/LandingPage.js +++ b/src/templates/LandingPage.js @@ -38,7 +38,7 @@ const LandingPage = ({ data }) => { }) return ( - + {content}