Skip to content

Pull Request #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
HenriquezAppDev wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Pull Request #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3e86e25
Se eliminaron seseion y formularios html
Sep 22, 2018
5aae995
Se añadieron 3 archivos .html
Sep 22, 2018
57a841e
Se añadio css3.html y contacto.html
Sep 22, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
104 changes: 104 additions & 0 deletions contacto.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<!-- Fuentes Google-->

<link href="https://fonts.googleapis.com/css?family=Fugaz+One|Lato|Nunito" rel="stylesheet">

<!--Bootstrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<!--Iconos Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="normalize.css">

<title>CONTACTO</title>
</head>
<body>

<!--BANNER -->
<header class="header">


<i class="fab fa-connectdevelop"></i>

<h1>Desarrollo Web+</h1>
<hr>

<nav>
<ul>
<li><a href="index.html"> INICIO</a></li>

<li><a href="html5.html"> HTML 5</a></li>

<li><a href="css3.html"> CSS3</a></li>

<li><a href="javascript.html"> JAVASCRIPT </a></li>

<li><a href="jquery.html"> JQUERY </a></li>

<li><a href="contacto.html"> CONTACTO </a></li>
</ul>
</nav>
</header>

<!--seccion 1 -->

<aside class="aside">
</aside>

<section class="section1">

<article class="article">

<h1>Contacto</h1>

<p>Hola, Mi nombre es <strong>Emanuel Henriquez</strong> Tengo 17 años, estudio en <strong>CADI F1 Academia de Software</strong>, curso la Carrera técnica de <strong>Programacion de Aplicaciones FrontEnd</strong>, mi intención es convertime en desarrollador de entornos web y aplicaciones móviles, quiero dedicarme a esto porque me encanta, me gustaria trabajar con Inteligencia Artificial e implementarla en mis Aplicaciones. Espero cursar la <strong>Carrera técnica de Programacion de Aplicaciones BackEnd </strong> y así convertirme en un programador FullStack</p>

<h2>Si te gusta mi trabajo ¡puedes Contactarme!</h2>

<p>
<i class="fas fa-envelope"></i> <strong> E-Mail:</strong> Henriquezemanuel@gmail.com / Henriquezproductions@hotmail.com
</p>

<p>
<i class="fab fa-instagram"></i><strong> Instagram:</strong>
<a href="https://www.Instagram.com/emanuelappdev"> @EmanuelAppDev</a>
</p>

<p>
<i class="fab fa-facebook-square"></i> <strong> Facebook:</strong>

<a href="https://www.Facebook.com/emanuelappdeveloper"> Emanuel</a>
</p>

<p>
<i class="fab fa-whatsapp"></i><strong> WhatsApp:</strong>
+584163158717
</p>

<br><br>

<div class="cita">
<blockquote>

<p> “La innovación es lo que distingue al Líder de sus seguidores.”</p>

<cite> Steve Jobs</cite>

</blockquote>
</div>

</section>

<footer class="footer">
Desarrollo Web+ <br>
Realizado por: <strong>Emanuel Henriquez</strong>

</footer>
</body>
</html>
106 changes: 106 additions & 0 deletions css3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<!-- Fuentes Google-->

<link href="https://fonts.googleapis.com/css?family=Fugaz+One|Lato|Nunito" rel="stylesheet">

<!--Bootstrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<!--Iconos Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="normalize.css">

<title>CSS 3</title>
</head>
<body>

<!--BANNER -->
<header class="headercss3">


<i class="fab fa-connectdevelop"></i>

<h1>Desarrollo <strong>Web+</strong></h1>
<hr>

<nav>
<ul>
<li><a href="index.html"> INICIO</a></li>

<li><a href="html5.html"> HTML 5</a></li>

<li><a href="css3.html"> CSS3</a></li>

<li><a href="javascript.html"> JAVASCRIPT </a></li>

<li><a href="jquery.html"> JQUERY </a></li>

<li><a href="contacto.html"> CONTACTO </a></li>
</ul>
</nav>
</header>

<!--seccion 1 -->

<aside class="aside">
</aside>

<section class="section1">

<article class="article">

<h1>CCS 3</h1>

<p>Las <strong>hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS)</strong> hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL.

<p>La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "style".


<img class="videos" src="img/css3.jpg" alt="CSS3" title="CSS3">

<br><br>

<h2> Sintaxis </h2>

<p>CSS tiene una sintaxis muy sencilla, que usa unas cuantas palabras clave tomadas del inglés para especificar los nombres de varias propiedades de estilo. Una hoja de estilo se compone de una lista de reglas. Cada regla o conjunto de reglas consiste en uno o más selectores y un bloque de declaración (o "bloque de estilo") con los estilos a aplicar para los elementos del documento que cumplan con el selector que les precede. Cada bloque de estilos se define entre llaves, y está formado por una o varias declaraciones de estilo con el formato propiedad:valor;.</p>

<p>En el CSS, los selectors marcarán qué elementos se verán afectados por cada bloque de estilo que les siga, pudiendo afectar a uno o varios elementos a la vez, en función de su tipo, nombre (name), ID, clase (class), posición dentro del Document Object Model, etcétera.</p>



<h2>Ventajas</h2>

<p>Control centralizado de la presentación de un sitio web completo con lo que se agiliza de forma considerable la actualización del mismo.</p>

<p>Separación del contenido de la presentación, lo que facilita al creador, diseñador, usuario o dispositivo electrónico que muestre la página, la modificación de la visualización del documento sin alterar el contenido del mismo, sólo modificando algunos parámetros del CSS.</p>

<p>Optimización del ancho de banda de la conexión, pues pueden definirse los mismos estilos para muchos elementos con un sólo selector; o porque un mismo archivo CSS puede servir para una multitud de documentos</p>

<p>Mejora en la accesibilidad del documento, pues con el uso del CSS se evitan antiguas prácticas necesarias para el control del diseño (como las tablas), y que iban en perjuicio de ciertos usos de los documentos, por parte de navegadores orientados a personas con algunas limitaciones sensoriales.</p>

<h2>Material de Apoyo</h2>
<br>

<button class="boton"> <a href="descarga/archivo.jpg" download="Descargar Archivo">Descargar imagen</a> </button>
</article>

<div class="videos">

<iframe width="560" height="315" src="https://www.youtube.com/embed/aNdl8xlra_U?rel=0&amp;controls=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>

</section>

<footer class="footercss3">
Desarrollo Web+ <br>
Realizado por: <strong>Emanuel Henriquez</strong>

</footer>
</body>
</html>
69 changes: 0 additions & 69 deletions formularios.html
View file
Open in desktop

This file was deleted.

94 changes: 94 additions & 0 deletions html5.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<!-- Fuentes Google-->

<link href="https://fonts.googleapis.com/css?family=Fugaz+One|Lato|Nunito" rel="stylesheet">

<!--Bootstrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<!--Iconos Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="normalize.css">

<title>HTML5</title>
</head>
<body>

<!--BANNER -->
<header class="headerhtml">


<i class="fab fa-connectdevelop"></i>

<h1>Desarrollo <strong>Web+</strong></h1>
<hr>

<nav>
<ul>
<li><a href="index.html"> INICIO</a></li>

<li><a href="html5.html"> HTML 5</a></li>

<li><a href="css3.html"> CSS3</a></li>

<li><a href="javascript.html"> JAVASCRIPT </a></li>

<li><a href="jquery.html"> JQUERY </a></li>

<li><a href="contacto.html"> CONTACTO </a></li>
</ul>
</nav>
</header>

<!--seccion 1 -->

<aside class="aside">
</aside>

<section class="section1">

<article class="article">

<h1>HTML5</h1>

<p><strong>(HyperText Markup Language, versión 5)</strong> es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml).1 2 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.</p>

<p>Todavía se encuentra en modo experimental, lo cual indica la misma W3C; aunque ya es usado por múltiples desarrolladores web por sus avances, mejoras y ventajas.</p>

<img class="videos" src="img/html5.jpg" alt="HTML5" title="HTML5" >
<br><br>

<h2>Nuevos elementos</h2>

<p>HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos. Algunos de ellos son técnicamente similares a las etiquetas div y span, pero tienen un significado semántico, como por ejemplo nav (bloque de navegación del sitio web) y footer. Otros elementos proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos audio y video.</p>


<p>Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5."</p>

<h2>Material de Apoyo</h2>
<br>

<button class="boton"> <a href="descarga/archivo.zip" download="Descargar Archivo">Descargar Archivo Zip</a> </button>
</article>

<div class="videos">

<iframe width="560" height="315" src="https://www.youtube.com/embed/av_PL4_jz1I?rel=0&amp;controls=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

</div>

</section>

<footer class="footerhtml">
Desarrollo Web+ <br>
Realizado por: <strong>Emanuel Henriquez</strong>

</footer>
</body>
</html>
Loading