Skip to content

Commit

Permalink
Metadata added v1
Browse files Browse the repository at this point in the history
  • Loading branch information
@AmbrizAlberto
AmbrizAlberto committed Apr 7, 2024
1 parent f604cff commit 70c5e0e
Show file tree
Hide file tree
Showing 2 changed files with 169 additions and 153 deletions.
2 changes: 1 addition & 1 deletion app/layout.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
export default function RootLayout({ children }) {
return (
<html className="html">
<html className="html">
<body>

<div className="main">
Expand Down
320 changes: 168 additions & 152 deletions app/page.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,189 +86,205 @@ export default function Portafolio() {
}

return (
<div className='main'>

<Navbar/>

<div className="personaldata">
<div className="datos1">
<div className="photomia">
<button type="button" className='photo'>
<img src='./1mb.jpeg' alt="" />
</button>
</div>
<div className="datos">
<div className="nombre">
Alberto
Ambriz
</div>
</div>
</div>
<html>

<div className="datos2">
<div className="aboutme">
<h2>SOBRE MI...</h2>
<div className='descriptionme'></div>
Estudiante de Ingenieria en Software, me apasiona el desarrollo de aplicaciones (web/móvil), el diseño de estas es lo más entretenido para mí, estoy listo para trabajar de inmediato.
</div>
</div>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Proyectos e información de un ingeniero en software especializado"/>
<title>Portafolio - Alberto Ambriz</title>
<link rel="icon" href="/1mb.jpeg"/>
</head>

<body>

<div className='main'>

<Navbar/>

</div>



<div className="lenguajes">
<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>
<li>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/CSS3_logo.svg/2048px-CSS3_logo.svg.png" alt="" />CSS</li>
<li>
<img src="https://static-00.iconduck.com/assets.00/next-js-icon-512x512-zuauazrk.png" alt="" />NEXTJS</li>
<li>
<img src="https://cdn.iconscout.com/icon/free/png-256/free-python-3521655-2945099.png?f=webp" alt="" />PYTHON</li>
<li>
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />MYSQL</li>
<li>
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />NODEJS</li>
</ul>

</div>
<div className="personaldata">
<div className="datos1">
<div className="photomia">
<button type="button" className='photo'>
<img src='./1mb.jpeg' alt="" />
</button>
</div>
<div className="datos">
<div className="nombre">
Alberto
Ambriz
</div>
</div>
</div>

<div className="datos2">
<div className="aboutme">
<h2>SOBRE MI...</h2>
<div className='descriptionme'></div>
Estudiante de Ingenieria en Software, me apasiona el desarrollo de aplicaciones (web/móvil), el diseño de estas es lo más entretenido para mí, estoy listo para trabajar de inmediato.
</div>
</div>


</div>


<div className='projects'>
<h2>PROYECTOS</h2>

<div className="grid-containerprj">
<div className="lenguajes">
<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>
<li>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/CSS3_logo.svg/2048px-CSS3_logo.svg.png" alt="" />CSS</li>
<li>
<img src="https://static-00.iconduck.com/assets.00/next-js-icon-512x512-zuauazrk.png" alt="" />NEXTJS</li>
<li>
<img src="https://cdn.iconscout.com/icon/free/png-256/free-python-3521655-2945099.png?f=webp" alt="" />PYTHON</li>
<li>
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />MYSQL</li>
<li>
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />NODEJS</li>
</ul>

</div>

<button className="container-project">

<div className="nameprj">Harmony & Heaven</div>
<div className="categorie">
Grupal
</div>
<div className="photoprj">
<img src="" alt="" />
</div>
<div className="descriptionprj">
<h4>Tienda de intrumentos con CRUD, Inicio de sesion y Punto de venta.</h4>
</div>
<div className="lenguajesprj">
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />
</div>
<div className="github">
<i className="bi bi-github"></i>Ver Repositorio
</div>

</button>
<div className='projects'>
<h2>PROYECTOS</h2>

<button className="container-project">
<div className="grid-containerprj">

<div className="nameprj">Harmony & Heaven</div>
<div className="categorie">
Grupal
</div>
<div className="photoprj">
<img src="" alt="" />
</div>
<div className="descriptionprj">
<h4>Tienda de intrumentos con CRUD, Inicio de sesion y Punto de venta.</h4>
</div>
<div className="lenguajesprj">
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />
</div>
<div className="github">
<i className="bi bi-github"></i>Ver Repositorio
</div>
<button className="container-project">

</button>
<div className="nameprj">Harmony & Heaven</div>
<div className="categorie">
Grupal
</div>
<div className="photoprj">
<img src="" alt="" />
</div>
<div className="descriptionprj">
<h4>Tienda de intrumentos con CRUD, Inicio de sesion y Punto de venta.</h4>
</div>
<div className="lenguajesprj">
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />
</div>
<div className="github">
<i className="bi bi-github"></i>Ver Repositorio
</div>

<button className="container-project">
</button>

<div className="nameprj">Harmony & Heaven</div>
<div className="categorie">
Grupal
</div>
<div className="photoprj">
<img src="" alt="" />
</div>
<div className="descriptionprj">
<h4>Tienda de intrumentos con CRUD, Inicio de sesion y Punto de venta.</h4>
</div>
<div className="lenguajesprj">
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />
</div>
<div className="github">
<i className="bi bi-github"></i>Ver Repositorio
</div>
<button className="container-project">

<div className="nameprj">Harmony & Heaven</div>
<div className="categorie">
Grupal
</div>
<div className="photoprj">
<img src="" alt="" />
</div>
<div className="descriptionprj">
<h4>Tienda de intrumentos con CRUD, Inicio de sesion y Punto de venta.</h4>
</div>
<div className="lenguajesprj">
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />
</div>
<div className="github">
<i className="bi bi-github"></i>Ver Repositorio
</div>

</button><button className="container-project">
</button>

<div className="nameprj">Harmony & Heaven</div>
<div className="categorie">
Grupal
</div>
<div className="photoprj">
<img src="" alt="" />
</div>
<div className="descriptionprj">
<h4>Tienda de intrumentos con CRUD, Inicio de sesion y Punto de venta.</h4>
</div>
<div className="lenguajesprj">
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />
</div>
<div className="github">
<i className="bi bi-github"></i>Ver Repositorio
</div>
<button className="container-project">

<div className="nameprj">Harmony & Heaven</div>
<div className="categorie">
Grupal
</div>
<div className="photoprj">
<img src="" alt="" />
</div>
<div className="descriptionprj">
<h4>Tienda de intrumentos con CRUD, Inicio de sesion y Punto de venta.</h4>
</div>
<div className="lenguajesprj">
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />
</div>
<div className="github">
<i className="bi bi-github"></i>Ver Repositorio
</div>

</button><button className="container-project">

<div className="nameprj">Harmony & Heaven</div>
<div className="categorie">
Grupal
</div>
<div className="photoprj">
<img src="" alt="" />
</div>
<div className="descriptionprj">
<h4>Tienda de intrumentos con CRUD, Inicio de sesion y Punto de venta.</h4>
</div>
<div className="lenguajesprj">
<img src="https://static-00.iconduck.com/assets.00/node-js-icon-454x512-nztofx17.png" alt="" />
<img src="https://static-00.iconduck.com/assets.00/database-mysql-icon-1954x2048-08uox8qu.png" alt="" />
</div>
<div className="github">
<i className="bi bi-github"></i>Ver Repositorio
</div>

</button>
</button>

</div>
</div>



<div className="contactme">
<div className="contactme">

<h1 className="contactmett">CONTACTAME</h1>
<h1 className="contactmett">CONTACTAME</h1>

<h1>CORREO</h1>
<div className="correo">
<span id="url" className='correotxt'>[email protected]</span>
<button className='correobtn' onClick={() => copiarAlPortapapeles('url')}>
{copiadoCorreo ? 'Copiado' : 'Copiar'}
</button>
</div>
<h1>CORREO</h1>
<div className="correo">
<span id="url" className='correotxt'>[email protected]</span>
<button className='correobtn' onClick={() => copiarAlPortapapeles('url')}>
{copiadoCorreo ? 'Copiado' : 'Copiar'}
</button>
</div>

<h1>TELEFONO</h1>
<div className="telefono">
<span id="tel" className='correotxt'>+52 3141576598</span>
<button className='correobtn' onClick={() => copiarTelefono('tel')}>
{copiadoTelefono ? 'Copiado' : 'Copiar'}
</button>
</div>
<h1>TELEFONO</h1>
<div className="telefono">
<span id="tel" className='correotxt'>+52 3141576598</span>
<button className='correobtn' onClick={() => copiarTelefono('tel')}>
{copiadoTelefono ? 'Copiado' : 'Copiar'}
</button>
</div>

</div>
</div>





</div>
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
<script src='script/scrollreveal.js'></script>
</div>
</div>
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
<script src='script/scrollreveal.js'></script>
</div>

</body>

</html>


)
Expand Down

0 comments on commit 70c5e0e

Please sign in to comment.