Merge pull request #170 from markalbrand56/jime

update
markalbrand56 · Sep 26, 2023 · 904a9f1 · 904a9f1
2 parents 396ae07 + c81f428
commit 904a9f1
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 35 deletions.
diff --git a/uniEmpleos/src/components/Button/Button.module.css b/uniEmpleos/src/components/Button/Button.module.css
@@ -8,7 +8,7 @@
   padding: 10px;
   font-size: 14px;
   border: 2px solid #ccc;
-  border-radius: 12px;
+  border-radius: 10px;
   background-color: #fff;
   color: #000;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
@@ -19,9 +19,4 @@
   border-color: #a08ae5;
   box-shadow: 0 0 0 3px rgba(160, 138, 229, 0.25);
   outline: none;
-}
-
-.buttonContainer button:hover {
-  border-color: #a08ae5;
-  outline: none;
 }
diff --git a/uniEmpleos/src/components/LottieAnimation/LottieAnimation.jsx b/uniEmpleos/src/components/LottieAnimation/LottieAnimation.jsx
diff --git a/uniEmpleos/src/components/LottieAnimation/student.json b/uniEmpleos/src/components/LottieAnimation/student.json
diff --git a/uniEmpleos/src/pages/Home/Home.jsx b/uniEmpleos/src/pages/Home/Home.jsx
@@ -3,7 +3,6 @@ import styles from "./Home.module.css"
 import Infocontainer from "../../components/Infocontainer/Infocontainer"
 import Button from "../../components/Button/Button"
 import { navigate } from "../../store"
-import LottieAnimation from "../../components/LottieAnimation/LottieAnimation"
 
 const Home = () => {
   const handleNav = (path) => {
@@ -41,8 +40,7 @@ const Home = () => {
           </div>
         </div>
         <div className={styles.image}>
-          <h1>UniEmpleos</h1>
-          <LottieAnimation />
+          <img src="/images/Uniempleos.png" alt="Uniempleos" />
         </div>
         <div className={styles.info}>
           <Infocontainer

diff --git a/uniEmpleos/src/pages/Home/Home.module.css b/uniEmpleos/src/pages/Home/Home.module.css
@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    background-color: #fff;
+    background-color: #f5f5f5;
 }
 
 .homeContent{
@@ -27,24 +27,13 @@
     margin-right: 20px;
 }
 
-.image h1{
-    font-size: 80px;
-    font-family: 'Poppins', sans-serif;
-    font-weight: 700;
-    color: #a08ae5;
-    margin: 20px 0;
-}
-
-.image{
-    width: 100%;
-}
-
 .topcontent{
     display: flex;
     gap: 20px;
     background-color: #fff;
     align-items: center;
     width: 100%;
+    border-bottom: 2px solid #ccc;
 }
 
 .image img{
@@ -60,6 +49,28 @@
     background-color: transparent;
 }
 
+.wave{
+    width: 100%;
+    height: 180px;
+}
+
+.wave img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.waveup{
+    width: 100%;
+    height: 300px;
+}
+
+.waveup img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
 .infobutton{
     width: 800px;
 }
@@ -84,7 +95,7 @@ span.text{
         display: flex;
         flex-direction: column;
         width: 100%;
-        background-color: #fff;
+        background-color: #f5f5f5;
     }
 
     .button{
@@ -100,8 +111,16 @@ span.text{
         flex-direction: column; 
     }
 
-    .image h1{
-        font-size: 40px;
+    .wave, .waveup{
+        height: 150px; 
+
+    .infobutton{
+        width: 100%; 
     }
 
+    .button{
+        flex-direction: column; 
+        align-items: center; 
+    }
+}
 }