Responsive v1.5

AmbrizAlberto · Apr 3, 2024 · 64b12f5 · 64b12f5
1 parent 3e44365
commit 64b12f5
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 3 deletions.
diff --git a/app/css/main.css b/app/css/main.css
@@ -231,3 +231,13 @@ button{
     transition: 1000ms;
 }
 
+.containeremail {
+    text-align: center;
+    margin-top: 50px;
+  }
+
+  .containeremail button {
+    padding: 10px 20px;
+    font-size: 16px;
+    cursor: pointer;
+  }
diff --git a/app/css/mainrespons.css b/app/css/mainrespons.css
@@ -78,6 +78,7 @@
         text-align: left;
     }
     .datos1{
+        padding-top: 15%;
         margin-left: -15%;
         width: 100%;
         font-size: 200%;
@@ -96,6 +97,8 @@
         font-size: 200%;
     }
     .lenguajes ul{
+        margin-left: 15%;
+        width: 60%;
         flex-wrap: wrap;
     }
     .lenguajes li{
@@ -116,7 +119,7 @@
         font-size: 200%;
     }
     .projects h2{
-        margin-left: 5%;
+        margin-left: 4%;
         font-size: 150%;
     }
     .grid-containerprj{

diff --git a/app/page.jsx b/app/page.jsx
@@ -9,8 +9,9 @@ import styles from "./css/main.css"
 import style from "./css/mainrespons.css"
 import Navbar from './components/navbar';
 
-export default function Portafolio() {
 
+export default function Portafolio() {  
+
   return (
     <div className='main'>
 
@@ -50,6 +51,9 @@ export default function Portafolio() {
         <h2>LENGUAJES QUE HE TRABAJADO</h2>
 
         <ul>
+          <li>
+            <img src="https://cdn4.iconfinder.com/data/icons/logos-3/504/Swift-2-512.png" alt="" />SWIFT
+          </li>
           <li>
             <img src="https://cdn-icons-png.flaticon.com/512/732/732212.png" alt="" />HTML
           </li>
@@ -162,9 +166,13 @@ export default function Portafolio() {
         </button>
 
       </div>
+
+      <div className="contactme">
+
       </div>
 
-
+
+      </div>   
       <script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
     </div>
 

diff --git a/app/script/correoscript.js b/app/script/correoscript.js
@@ -0,0 +1,11 @@
+function copiarCorreo() {
+    var correo = document.getElementById("correo");
+    var seleccion = document.createRange();
+    seleccion.selectNode(correo);
+    window.getSelection().removeAllRanges();
+    window.getSelection().addRange(seleccion);
+    document.execCommand("copy");
+    window.getSelection().removeAllRanges();
+    alert("Correo copiado al portapapeles: " + correo.textContent);
+  }
+