Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history 
Agregado inicial de archivos al repositorio. Incluye archivos con extensiones :
HTML
CSS
JS
JPG, JPEG
  • Loading branch information
@egonzalezambriz
egonzalezambriz authored Sep 12, 2024
1 parent c248a64 commit 21db7d2
Show file tree
Hide file tree
Showing 17 changed files with 1,034 additions and 0 deletions.
70 changes: 70 additions & 0 deletions conocimientos.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi primer pagina Web</title>
<link rel="stylesheet" href="styles.css" />
<script src="https://kit.fontawesome.com/5b32c6c271.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<!-- CONTENEDOR SEMÁNTICO -->
<header>
<a href="index.html"><i class="fa-solid fa-database"></i></a>
<nav>
<ul>
<li><a href="index.html">Inicio</a></li>
<!-- RESTO DE ELEMENTOS -->
</ul>
</nav>
</header>
</div>

<section id="detalle-conocimientos" class="seccion_6">
<div>
<h2 class="transparente-opacidad"><strong>Conocimientos</strong></h2>
<ul class="transparente-opacidad">
<li>Python 3.12</li>
<br />
<li>Numpy, Pandas, Keras, SciKit-Learn, TensorFlow 2.0, PyTorch</li>
<br />
<li>Regresión, Clasificación, Clusterización y Redes Neuronales</li>
<br />
<li>Probabilidad, Estadística, Cálculo Diferencial y Cálculo Vectorial</li>
<br />
<li>Ciencia Datos, Machine Learning, Embbedings y Modelos Lenguaje Masivo </li>
<br />
<li>Git y Github</li>
</ul>
<br />
<br />
<br />
<!-- Enlace para volver a la pagina llamante -->
<p class="transparente-opacidad"><a href="index.html">Regresar a la página principal</a></p>
</div>

<div>
<img src="img/renderizacion-3d-computadora-portatil-naturaleza_951220-44904.jpg" alt="No encontre imagen" class="img transparente-opacidad-img"/>
</div>
</section>
<div class="spacer"></div>


<footer id="contacto-index">
<nav>
<ul>
<!--<li>Contacto:</li> -->
<li>edgarga1@prodigy.net.mx</li>
<li>www.linkedin.com/in/edgargonzálezambriz</li>
</ul>
</nav>
</footer>

</body>
</html>
67 changes: 67 additions & 0 deletions cursos.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi primer pagina Web</title>
<link rel="stylesheet" href="styles.css" />
<script src="https://kit.fontawesome.com/5b32c6c271.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
</head>

<body>
<div>
<!-- CONTENEDOR SEMÁNTICO -->
<header>
<a href="index.html"><i class="fa-solid fa-database"></i></a>
<nav>
<ul>
<li><a href="index.html">Inicio</a></li>
<!-- RESTO DE ELEMENTOS -->
</ul>
</nav>

</header>
</div>

<section id="detalle-cursos" class="seccion_8">
<div>
<h2 class="transparente-opacidad"><strong>Cursos</strong></h2>
<ul class="transparente-opacidad">
<li><strong>Curso SQL Server Avanzado</strong> - Auladiser</li>
<br />
<li><strong>Curso Excel Avanzado</strong> - Auladiser</li>
<br />
<li><strong>Bootcamp MLOps</strong> - Wizeline Academy</li>
<br />
<li><strong>HTML, CSS y JavaScript</strong> - Egg App</li>
<br />
</ul>
<br/>
<br/>
<!-- Enlace para volver a la pagina llamante -->
<p class="transparente-opacidad"><a href="index.html">Regresar a la página principal</a></p>
</div>

<div>
<img src="img/renderizacion-3d-computadora-portatil-naturaleza_951220-44904.jpg" alt="No encontre imagen" class="img transparente-opacidad-img"/>
</div>
</section>
<div class="spacer"></div>


<footer id="contacto-index">
<nav>
<ul>
<!--<li>Contacto:</li> -->
<li>edgarga1@prodigy.net.mx</li>
<li>www.linkedin.com/in/edgargonzálezambriz</li>
</ul>
</nav>
</footer>

</body>
</html>
220 changes: 220 additions & 0 deletions formulario/formulario.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,220 @@

/* Reseteo de margenes y padding a toda la página y establecimiento del font */
body {
margin: 0;
padding: 0;
font-family: "Roboto Mono", monospace;
}

/* Para quitar el punto de las listas y que el menu quede limpio */
ol, ul {
list-style: none;
}

/* Para que el menu quede limpio */
a {
text-decoration: none;
}

header, footer {
background-color: black;
display: flex;
align-items: center;
padding: 0.25px, 1px, 0.25px, 0.5px;
justify-content: space-around;
}

header a i {
color: white;
font-size: 22px;
padding: 0.5em;
}

header nav ul, footer nav ul {
color: white;
display: flex;
gap: 1.5em;
}

header nav ul li a {
color: white;
}

nav {
font-size: 18px;
justify-content: flex;
}

.spacer {
height: 100px;
}

.titulo_seccion {
position: relative;
font-size: 40px;
color: rgb(197, 6, 6);
text-align: center;
}

.container {
max-width: 1200px; /* Define el ancho máximo del contenedor */
margin: 0 auto; /* Centra el contenedor horizontalmente */
padding: 5px; /* Agrega un poco de espacio alrededor del formulario */
border: 5px; /* Agrega un borde al contenedor */
border-radius: 5%; /* Agrega bordes redondeados al contenedor */
font-weight: bold; /* Texto en negritas */
}

.form-group {
margin-bottom: 15px; /* Espacio entre cada input */
}

label {
margin-bottom: 5px;
}

input[type="text"], input[type="email"], textarea {
width: 1000px; /* Define el ancho máximo del input */
padding: 8px;
border: 1px solid #ccc;
border-radius: 5%;
height: 40px;
font-size: 16px;
}

textarea {
resize: vertical; /* Permite redimensionar verticalmente el textarea */
}

.container {
max-width: 1200px; /* Define el ancho máximo del contenedor */
}

.form-group {
margin-bottom: 15px; /* Espacio entre cada input */
}

label {
margin-bottom: 5px;
}

input[type="text"], input[type="email"], textarea {
width: 1000px; /* Define el ancho máximo del input */
padding: 8px;
border: 1px solid #ccc;
border-radius: 5%;
height: 40px;
font-size: 16px;
}


#btn-enviar {
background-color: #4CAF50;
color: white;
font-weight: bold; /* Texto en negritas */
width: 150px;
height: 50px;
border-radius: 5%;
cursor: pointer;
}

#btn-enviar:hover {
background-color: #45a049;
}

#btn-enviar:hover {
background-color: #0056b3;
}










/* Estilos para pantallas más pequeñas (hasta 768px) */
@media (max-width: 768px) {
header, footer {
background-color: burlywood;
}

header a i {
font-size: 18px;
}

nav {
font-size: 14px;
}

h2 {
font-size: 28px;
}

.spacer {
height: 70px;
}


#encabezado ul {
position: fixed;
width: 100%;
height: 100vh;
background: #2c3e50;
text-align: center;

top: 80px;
left: 100%;
transition: all 0.5s
}


#encabezado nav ul li {
display: block;
margin: 50px 0;
line-height: 30px;
}

#encabezado nav ul li a {
font-size: 20px;
}

.seccion_8 {
font-size: 16px;
flex-wrap: wrap;
gap: 10px;
}

.container {
max-width: 500px; /* Define el ancho máximo del contenedor */
}

input[type="text"], input[type="email"], textarea {
width: 500px; /* Define el ancho máximo del input */
height: 15px;
font-size: 12px;
}
}



/* Estilos para pantallas medianas */
@media screen and (min-width: 769px) and (max-width: 1023px) {

.container {
max-width: 850px; /* Define el ancho máximo del contenedor */
}

input[type="text"], input[type="email"], textarea {
width: 600px; /* Define el ancho máximo del input */
height: 20px;
font-size: 10px;
}
}





Loading

0 comments on commit 21db7d2

Please sign in to comment.