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 */}
+
>
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}