Merge branch 'awardds' into 'main'

awards nuevo

See merge request !624

src/contents/awards.tsx

-import { Subtitulo } from "./componentes/Generales/subtitulos/subtitulo";
-import { Titulo } from "./componentes/Generales/titulos/titulos"
-import './mainStyles/awards.css';
 
+import { Titulo } from "./componentes/Generales/titulos/titulos";
+import "./mainStyles/awards.css";
 
 export function Awards() {
-
   return (
     <>
       <div className="row">
@@ -12,42 +10,59 @@ export function Awards() {
           <Titulo titulo="Medal" />
           <div>
             <p>
-            We are happy to announce that we have been awarded the {' '}
-            <span className="goldColor">
-            Gold Medal
-            </span> {' '}
-            in the 2024 iGEM competition. 
-            This is a great honor for us and we are very proud of our team for their hard work and dedication. 
-            We would like to thank all of our customers for their support and loyalty.
-            <b>
-            Thank you!
-            </b>
+              We are happy to announce that we have been awarded the{" "}
+              <span className="goldColor">Gold Medal</span> in the 2024 iGEM
+              competition. This is a great honor for us and we are very proud of
+              our team for their hard work and dedication. We would like to
+              thank all of our customers for their support and loyalty.{" "}
+              <b>Thank you!</b>
             </p>
             <div className="containerphotoShow">
               <div className="photoShowLeft">
-                <img src="https://www.igem.org/wiki/images/3/3a/T--Tec-Chihuahua--Medal.jpg" alt="Medal" />
+                <img
+                  src="https://static.igem.wiki/teams/5288/projectdescription/awards/awards.webp"
+                  alt="Medal"
+                  className="fotoAwards"
+                />
               </div>
               <div className="photoShowRight">
-                <img src="https://www.igem.org/wiki/images/3/3a/T--Tec-Chihuahua--Medal.jpg" alt="Medal" />
-                <img src="https://www.igem.org/wiki/images/3/3a/T--Tec-Chihuahua--Medal.jpg" alt="Medal" />
+                <img
+                  src="https://static.igem.wiki/teams/5288/projectdescription/awards/awards2.webp"
+                  alt="Medal"
+                  className="fotoAwards"
+                />
+                <img
+                  src="https://static.igem.wiki/teams/5288/projectdescription/awards/awards1.webp"
+                  alt="Medal"
+                  className="fotoAwards"
+                />
               </div>
             </div>
 
             <Titulo titulo="Nominations" />
             <div className="nominationsContainer">
-              <div className="leftContainerNomination">
-                <Subtitulo subtitulo="Food and nutrition project" />
-                <p>
-                We were proud to announce that our food and nutrition project had been nominated for the 2024 iGEM competition.
-                </p>
-                <img src="https://www.igem.org/wiki/images/3/3a/T--Tec-Chihuahua--Medal.jpg" alt="Medal" />
+              <div className={`homeCards awardsFN`}>
+                <div>
+                  <p className="tituloAwards">Food and nutrition project</p>
+                </div>
+                <div>
+                  <p>
+                    We were proud to announce that our food and nutrition
+                    project had been nominated for the 2024 iGEM competition.
+                  </p>
+                </div>
               </div>
-              <div className="rightContainerNomination">
-                <Subtitulo subtitulo="Entrepreneurship" />
-                <p>
-                We were proud to announce that our entrepreneurship project had been nominated for the 2024 iGEM competition.
-                </p>
-                <img src="https://www.igem.org/wiki/images/3/3a/T--Tec-Chihuahua--Medal.jpg" alt="Medal" />
+
+              <div className={`homeCards awardsEntre`}>
+                <div>
+                  <p className="tituloAwards">Entrepreneurship</p>
+                </div>
+                <div>
+                  <p>
+                  We were proud to announce that our entrepreneurship project had
+                  been nominated for the 2024 iGEM competition.
+                  </p>
+                </div>
               </div>
             </div>
           </div>
@@ -55,4 +70,4 @@ export function Awards() {
       </div>
     </>
   );
-};
+}

src/contents/mainStyles/awards.css

@@ -28,7 +28,6 @@
     height: 100%;
 }
 
-
 .nominationsContainer{
     display: flex;
     justify-content: center;
@@ -37,24 +36,29 @@
     height: 100%;
 }
 
-.leftContainerNomination{
-  display: grid;
-  justify-content: center;
-  align-items: center;
-  align-content: center;
-  width: 50%;
-  height: 100%;
-  padding: 5px;    
-  justify-items: center;
+.fotoAwards{
+    width: 90%;
+    height: auto;
+    border-radius: 10px;
 }
 
-.rightContainerNomination{
-    display: grid;
-    justify-content: center;
+.awardsFN{
     align-items: center;
-    width: 50%;
-    height: 100%;
-    padding: 5px;
-    justify-items: center;
+    background-color: #F0BD6A;
+    align-content: center;
+    padding: 2%;
+    border-radius: 5%;
+}
+
+.awardsEntre{
+    align-items: center;
+    background-color: #F27E86;
+    align-content: center;
+    padding: 2%;
+    border-radius: 5%;
 }
 
+.tituloAwards{
+    font-size: large;
+    font-weight: bold;
+}
\ No newline at end of file