From 5fce9d0b8f3147a8b82f18874e9e6c6bb727f599 Mon Sep 17 00:00:00 2001
From: wandergithub <wandergonzalez0@hotmail.com>
Date: Tue, 7 Feb 2023 17:08:42 -0400
Subject: [PATCH 1/3] Centralice Vehicle image with text in Vehicles cards

---
 src/components/assets/styles/swiper.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/assets/styles/swiper.scss b/src/components/assets/styles/swiper.scss
index 2f01894..446db82 100644
--- a/src/components/assets/styles/swiper.scss
+++ b/src/components/assets/styles/swiper.scss
@@ -20,6 +20,7 @@
   height: 90%;
   margin: auto;
   z-index: 0;
+  display: flex;
 }
 // .blue{
 //   background-color: blue;

From dd594e0b9f66f34c1b33e982045a2a659161472d Mon Sep 17 00:00:00 2001
From: wandergithub <wandergonzalez0@hotmail.com>
Date: Tue, 7 Feb 2023 17:10:31 -0400
Subject: [PATCH 2/3] Remove vehicles image blue background

---
 src/components/assets/styles/swiper.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/assets/styles/swiper.scss b/src/components/assets/styles/swiper.scss
index 446db82..f44465a 100644
--- a/src/components/assets/styles/swiper.scss
+++ b/src/components/assets/styles/swiper.scss
@@ -35,7 +35,6 @@
 .vehicle-image-container {
   border-radius: 60%;
   width: 60vh;
-  background-color: #d3ece9;
   height: 60vh;
   display: flex;
   align-items: center;
@@ -64,7 +63,6 @@
   .vehicle-image-container {
     border-radius: 60%;
     width: 40vh;
-    background-color: #d3ece9;
     height: 40vh;
     display: flex;
     align-items: center;

From 0081baf22c26f3ddf2a1bef8d7dea6a51cb0984b Mon Sep 17 00:00:00 2001
From: wandergithub <wandergonzalez0@hotmail.com>
Date: Tue, 7 Feb 2023 17:52:48 -0400
Subject: [PATCH 3/3] enahce Nav-bar style

---
 src/components/assets/images/facebook.svg  | 16 ++++++++++++++++
 src/components/assets/images/google.svg    | 12 ++++++++++++
 src/components/assets/images/pinterest.svg | 12 ++++++++++++
 src/components/assets/images/twitter.svg   | 16 ++++++++++++++++
 src/components/assets/images/vimeo.svg     | 12 ++++++++++++
 src/components/assets/styles/sidemenu.scss | 14 ++++++++++++++
 src/components/layouts/sidemenu.js         | 16 ++++++++++++++++
 7 files changed, 98 insertions(+)
 create mode 100644 src/components/assets/images/facebook.svg
 create mode 100644 src/components/assets/images/google.svg
 create mode 100644 src/components/assets/images/pinterest.svg
 create mode 100644 src/components/assets/images/twitter.svg
 create mode 100644 src/components/assets/images/vimeo.svg

diff --git a/src/components/assets/images/facebook.svg b/src/components/assets/images/facebook.svg
new file mode 100644
index 0000000..90a861d
--- /dev/null
+++ b/src/components/assets/images/facebook.svg
@@ -0,0 +1,16 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="20px" height="20px" viewBox="0 0 24 24" id="facebook" data-name="Flat Color" xmlns="http://www.w3.org/2000/svg" class="icon flat-color">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier">
+
+<path id="primary" d="M14,6h3a1,1,0,0,0,1-1V3a1,1,0,0,0-1-1H14A5,5,0,0,0,9,7v3H7a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v7a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V14h2.22a1,1,0,0,0,1-.76l.5-2a1,1,0,0,0-1-1.24H13V7A1,1,0,0,1,14,6Z" style="fill: #4a4a4a;"/>
+
+</g>
+
+</svg>
\ No newline at end of file
diff --git a/src/components/assets/images/google.svg b/src/components/assets/images/google.svg
new file mode 100644
index 0000000..e5f2be4
--- /dev/null
+++ b/src/components/assets/images/google.svg
@@ -0,0 +1,12 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="20px" height="20px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <path fill="#4a4a4a" d="M16 3.9h-2.8v-2.6h-0.6v2.6h-2.7v0.8h2.7v2.6h0.6v-2.6h2.8z"/> <path fill="#4a4a4a" d="M6.9 9c-0.4-0.2-1.1-0.9-1.1-1.3s0.1-0.7 0.8-1.2c0.7-0.5 1.2-1.2 1.2-2.1 0-1.1-0.5-2.1-1.3-2.4h1.3l0.9-0.7c0 0-3.1 0-4.2 0-1.9 0-3.6 1.4-3.6 3.1s1.3 3 3.2 3c0.1 0 0.3 0 0.4 0-0.2 0.2-0.2 0.4-0.2 0.7 0 0.5 0.3 0.8 0.6 1.2-0.2 0-0.5 0-0.7 0-2.3 0-4.1 1.5-4.1 3s2 2.5 4.3 2.5c2.6 0 4.1-1.5 4.1-3-0.1-1.3-0.5-2-1.6-2.8zM4.7 6.9c-1.1 0-2.1-1.2-2.3-2.6s0.5-2.5 1.6-2.5c1.1 0 2.1 1.2 2.3 2.6s-0.5 2.6-1.6 2.5zM4.3 14.1c-1.6 0-2.8-1-2.8-2.2s1.4-2.2 3-2.2c0.4 0 0.7 0.1 1 0.2 0.9 0.6 1.5 0.9 1.7 1.6 0 0.1 0.1 0.3 0.1 0.4 0 1.2-0.8 2.2-3 2.2z"/> </g>
+
+</svg>
\ No newline at end of file
diff --git a/src/components/assets/images/pinterest.svg b/src/components/assets/images/pinterest.svg
new file mode 100644
index 0000000..94e0401
--- /dev/null
+++ b/src/components/assets/images/pinterest.svg
@@ -0,0 +1,12 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#4a4a4a" width="20px" height="20px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg" stroke="#4a4a4a">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <path d="M796.863 1332.48C745.587 1596.875 679.29 1787.52 494.067 1920c-57.26-399.473 84.029-699.445 149.534-1018.165-111.811-185.11 13.44-557.816 249.036-466.108 289.92 113.054-230.174 661.384 133.044 733.327 379.257 74.993 515.012-572.16 279.982-807.303-339.727-339.502-1016.584-51.615-911.21 429.74 42.466 194.034-101.986 249.262-101.986 249.262C175.46 993.318 164.28 829.1 170.265 668.838 183.705 300.31 506.49 42.24 830.293 6.438c409.525-45.177 793.864 148.066 846.833 527.548 59.859 428.16-176.979 920.019-614.965 886.588-118.588-9.035-265.298-88.094-265.298-88.094" fill-rule="evenodd"/> </g>
+
+</svg>
\ No newline at end of file
diff --git a/src/components/assets/images/twitter.svg b/src/components/assets/images/twitter.svg
new file mode 100644
index 0000000..77c2104
--- /dev/null
+++ b/src/components/assets/images/twitter.svg
@@ -0,0 +1,16 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="20px" height="20px" viewBox="0 -2 24 24" id="meteor-icon-kit__regular-twitter" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier">
+
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.54752 20C16.6042 20 21.5578 12.3048 21.5578 5.63156C21.5578 5.41299 21.5578 5.19541 21.5434 4.97881C22.507 4.26394 23.3389 3.37881 24 2.36484C23.1013 2.77324 22.148 3.04106 21.1718 3.15937C22.1998 2.52826 22.9691 1.53563 23.3366 0.36622C22.3701 0.95444 21.3126 1.36899 20.2099 1.59198C18.6836 -0.0725 16.2583 -0.47988 14.294 0.59826C12.3296 1.6764 11.3148 3.97194 11.8186 6.19768C7.85942 5.99412 4.1707 4.0763 1.6704 0.9215C0.363478 3.22892 1.03103 6.1808 3.19488 7.66268C2.41127 7.63886 1.64475 7.42207 0.96 7.0306C0.96 7.05128 0.96 7.07294 0.96 7.09459C0.960641 9.4985 2.61288 11.5689 4.9104 12.0449C4.18547 12.2476 3.42488 12.2773 2.68704 12.1315C3.33211 14.1887 5.18071 15.5979 7.28736 15.6385C5.54375 17.0438 3.38982 17.8068 1.17216 17.8045C0.780387 17.8037 0.388996 17.7794 0 17.7316C2.25181 19.2136 4.87192 19.9997 7.54752 19.9961" fill="#4a4a4a"/>
+
+</g>
+
+</svg>
\ No newline at end of file
diff --git a/src/components/assets/images/vimeo.svg b/src/components/assets/images/vimeo.svg
new file mode 100644
index 0000000..493d3ff
--- /dev/null
+++ b/src/components/assets/images/vimeo.svg
@@ -0,0 +1,12 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#4a4a4a" height="20px" width="20px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-271 290.1 256 220.9" xml:space="preserve" stroke="#4a4a4a">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
+<g id="SVGRepo_iconCarrier"> <path d="M-15.1,341.2c-1.1,24.9-18.5,58.9-52.2,102.1c-34.8,45.2-64.3,67.7-88.4,67.7c-14.9,0-27.5-13.7-37.8-41.3 c-6.9-25.3-13.8-50.5-20.7-75.7c-7.7-27.6-15.9-41.3-24.7-41.3c-1.9,0-8.6,4-20.1,12.1l-12-15.5c12.6-11.1,25-22.2,37.3-33.2 c16.8-14.6,29.4-22.2,37.9-23c19.9-1.9,32.1,11.7,36.7,40.7c4.9,31.4,8.4,50.9,10.3,58.5c5.7,26,12,39,18.9,39 c5.3,0,13.4-8.4,24.1-25.2c10.7-16.8,16.4-29.6,17.2-38.5c1.5-14.5-4.2-21.8-17.2-21.8c-6.1,0-12.4,1.3-18.9,4 c12.6-40.9,36.7-60.8,72.3-59.7C-25.9,291-13.5,308-15.1,341.2z"/> </g>
+
+</svg>
\ No newline at end of file
diff --git a/src/components/assets/styles/sidemenu.scss b/src/components/assets/styles/sidemenu.scss
index 0caba8a..f676cb6 100644
--- a/src/components/assets/styles/sidemenu.scss
+++ b/src/components/assets/styles/sidemenu.scss
@@ -84,6 +84,19 @@ a {
   top: 5em;
 }
 
+.social-media {
+  position: absolute;
+  top: 88em;
+  left: 15px;
+  font-size: x-small;
+  font-weight: bolder;
+}
+.social-media > div {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+
 .s-sidebar__nav ul {
   position: absolute;
   top: 10em;
@@ -115,6 +128,7 @@ a {
 
 .s-sidebar__nav-link:hover {
   background: #97bf0f;
+  color: white;
 }
 
 .s-sidebar__nav-link > i {
diff --git a/src/components/layouts/sidemenu.js b/src/components/layouts/sidemenu.js
index 1c520bd..f709ef7 100644
--- a/src/components/layouts/sidemenu.js
+++ b/src/components/layouts/sidemenu.js
@@ -8,6 +8,12 @@ import { useDispatch, useSelector } from 'react-redux';
 import { BsFillArrowLeftSquareFill } from 'react-icons/bs';
 import { NavLink, useNavigate } from 'react-router-dom';
 import { logout } from '../../redux/user_reducer';
+import { ReactComponent as FacebookIcon } from '../assets/images/facebook.svg';
+import { ReactComponent as GoogleIcon } from '../assets/images/google.svg';
+import { ReactComponent as PinterestIcon } from '../assets/images/pinterest.svg';
+import { ReactComponent as VimeoIcon } from '../assets/images/vimeo.svg';
+import { ReactComponent as TwitterIcon } from '../assets/images/twitter.svg';
+
 const SideMenu = ({ children }) => {
     const user = useSelector((state) => state.user);
     const navigate = useNavigate();
@@ -58,6 +64,16 @@ const SideMenu = ({ children }) => {
                         </li>
 
                     </ul>
+                    <div className="social-media">
+                        <div>
+                            <TwitterIcon />
+                            <FacebookIcon />
+                            <GoogleIcon />
+                            <VimeoIcon />
+                            <PinterestIcon />
+                        </div>
+                        <p>&copy; Copyrights. All rights reserved.</p>
+                    </div>
                 </nav>
             </div>
             <main className="s-layout__content">