Codigos de Programacion

<!
DOCTYPE html> } </style>

<html> <body>
<head> <div class="gabycont">
<title></title> <h2>INICIAR SESION</h2>
</head> <form class="formgabyy" action="#" method="POST">
<body> <br><label> Correo </label>
<form action="botones.html" method=""> <input type="text" name="email" placeholder="ej:
<button type="submit"> Regresar a la ana@gmail.com"><br>
Pagina de Inicio </button>
</body> <label> Contraseña</label>
</html> <input type="password" name="contraseña"
placeholder="ej: 34573321"><br>
<!DOCTYPE html>
<html> <a href="menu.html">¿Ya tienes cuenta? Inicia
<head> Sesion</a><br>
<title></title> <button type="submit">Registrar</button><br>
</head> </form>
<style type="text/css">
body { <form class="formgaby" action="menu.html">
font-family: cursive; <button
background-color:#B5C5D7; type="submit">REGRESAR</button><br>
text-align: center; </form>
} </div>
</body>
.gabycont { </html>
max-width: 500px;
margin: 50px;
padding: 20px;
background-color: #C6E1F1;
border-radius: 8px;
color: black;
}
.gabycont h2 {
color: #333;
}
.formgabyy {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
color: black;
}
.formgabyy {
width: 100%;
padding: 20px;
background-color:#C6E1F1;
color: black;
border-radius: 4pxs;
margin: auto;
<!DOCTYPE html> <div class="gabycont">
<html> <h2>REGISTRARSE</h2>
<head> <label>Nombre:</label>
<title></title> <input type="text" name="nombres" placeholder="ej:
</head> JUAN"><br>
<style type="text/css">
body { <label>Apellido</label>
font-family:cursive; <input type="text" name="Apellidos" placeholder="ej:
background-color: #B5C5D7; Lopez"><br>
text-align: center; <label> Correo </label>
} <input type="text" name="email" placeholder="ej:
ana@gmail.com"><br>
.gabycont { <label> Contraseña</label>
max-width: 500px; <input type="password" name="contraseña"
margin: 50px; placeholder="ej: 34573321"><br>
padding: 20px;
background-color: #C6E1F1; <a href="login.html">¿Ya tienes cuenta? Inicia
border-radius: 8px; Sesion</a><br>
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); <button type="submit">Registrar</button><br>
} <form class="formgabyy" action="menu.html">
<button
.gabycont h2 { type="submit">REGRESAR</button><br>
color: #333; </form>
} </div>
.formgabyy { </body>
width: 100%; </html>
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
align-items: justify;
}
.formgabyy {
width: 100%;
padding: 10px;
background-color: #C6E1F1;
color: black;
border: none;
border-radius: 4pxs;
cursor: pointer;
align-items: justify;
}
backgroud
form
width 6 por ciento
heigth 200px
background whithe
</style>
<body>
<!DOCTYPE html>
<html lang="es" ng-app="Guatemala"> <!DOCTYPE html>
<head> <html>
<meta charset="utf-8"> <head>
<meta name="viewport"> <title></title>
<title></title> <script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="jquery.js"></script> </head>
</head> <body>
<p id="texto"> Click aqui</p>
<body> <div id="oculto">Ese texto esta oculto</div>
<button id="b1" class="b1">mostrar</button> </body>
<button id="b2" class="b2">ocultar</button> <script type="text/javascript">
$("#texto").click(function(){
<div class="div1">contenido</div> $("#oculto").hide(2000,function(){
<style type="text/css"> alert("este texto se escondio");
})
.div1{ })
width:200px; </script>
height:200px; </html>
background:blue;
display:none;
}
</style>
<script type="text/javascript">
$("#b1").click(function(){
$(".div1").show();
$(".div1").css('width','100px');
$(".div1").animate({
opacity:"0.5",
speed:5000
})
})
$("#b2").click(function(){
$(".div1").hide();
})
</script>
</body>
</html>
<!DOCTYPE html> padding:120px;
<html lang="es"> color:white; <div id="almuerzo" class="alm">
<head> text-align:center; <h2>Almuerzo</h2>
<title>Restaurante</title> } <div class="gabyy2">Ensalada
<style> .specialty{ César</div>
body{ background:#394406; <div class="gabyy2">Pasta
margin:0; padding:120px; Alfredo</div>
padding:0; color:white; <div class="gabyy2">Pollo a la
font-family: fantasy; text-align:center; parrilla</div>
} } </div>
header{ .gaby{
background-color:#37745B; display:none; <div id="cena" class="cenn">
padding:40px; position:fixed; <h2>Cena</h2>
color:white; top:0; <div class="gabyy3">Sopa de
text-align:center; left:0; tomate</div>
} width:100%; <div class="gabyy3">Filete de
nav{ height:100%; salmón</div>
background-color:white; background:rgba(0,0,0,0.7); <div class="gabyy3">Vegetales
overflow:hidden; justify-content:center; asados</div>
} align-items:center; </div>
nav a{ }
float:none; .gaby-content{ <div id="especialidad" class="specialty">
display:inline-block; background:#EDC5AB; <h2>Especialidad</h2>
color:black; padding:20px; <div class="gabyy4">Parrillada
text-align:center; border-radius:5px; Mixta</div>
padding: 14px 16px; max-width:400px; </div>
border-radius: 50px; text-align:center;
} } </div>
nav a:hover{ .close-btn{
background-color:#8B9D77; cursor:pointer; <div class="gaby" id="gaby">
color:black; font-weight:bold; <div class="gaby-content">
} color:black; <span class="close-btn"
.menu{ } onclick="closegaby()">x</span>
margin:20px; </style> <h2>Bienvenido al Restaurante
} </head> Angelin's</h2>
.gabyy1{ <body> <p>Disfruta de nuestra comida.</p>
margin-bottom:10px; </div>
} <header> </div>
.gabyy2{ <h1>Restaurante Angelin's</h1>
margin-bottom:10px; </header> <script src="jquery.js"></script>
} <script>
.gabyy3{ <nav> $(document).ready(function(){
margin-bottom:10px; <a href="#desayuno">Desayuno</a> $("#gaby").fadeIn(1000);
} <a href="#almuerzo">Almuerzo</a> $(".close-btn").click(function(){
.gabyy4{ <a href="#cena">Cena</a> closegaby();
margin-bottom:10px; <a });
} href="#especialidad">Especialidad</a> $(".gaby h2").click(function(){
.dess{ </nav> $(this).siblings(".gaby").slideToggle();
background: #217074; });
padding:120px; <div class="menu"> setTimeout(function(){
color:white; <h1>Menú del Restaurante</h1> closegaby();
text-align:center; }, 5000);
} <div id="desayuno" class="dess"> });
.alm{ <h2>Desayuno</h2>
background:#b4c889; <div class="gabyy1">Huevos con function closegaby(){
padding:120px; tocino</div> $("#gaby").fadeOut(5000);
color:white; <div class="gabyy1">Avena con }
text-align:center; frutas</div> </script>
} <div class="gabyy1">Pan tostado con
.cenn{ aguacate</div> </body>
background:#7b9b4a; </div>
</html>
<!DOCTYPE html> <label for="gmail">Correo:</label>
<html lang="es"> <input type="gmail" id="gmail" name="gmail"
<head> required>
<meta charset="UTF-8">
<meta name="viewport" content="width=device- <label for="password">Contraseña:</label>
width, initial-scale=1.0"> <input type="password" id="password"
<title>Formulario de Inicio de Sesión</title> name="password" required>
<style>
body {
font-family:fantasy; <button type="button" id="register-
background-color:#958AAA; btn">Registrar</button>
margin: 0; </form>
display:flex; </div>
align-items:center; <div id="ad-container">
justify-content:space-around; <h2>Zapatos</h2>
height: 100vh; <p>Descubre los últimos modelos de zapatos de
} moda.</p>
<a href="iniciarsesion.html">vea nuestros diseños
.gby { aqui!!!!</a>
background-color:#97B1C0; </div>
padding: 5px;
display: block; <script src="jquery.js"></script>
border-radius: 5px; <script>
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); $(document).ready(function () {
} $('#register-btn').on('click', function () {
$('#login-form').fadeOut('slow', function () {
alert('¡Este Formulario está oculto!');
#register-btn { $('#ad-container').fadeIn('slow');
background-color: #3897f0;
color: #fff; });
border: none; });
padding: 10px; });
border-radius: 3px; </script>
cursor: pointer;
} </body>
#ad-container { </html>
display: none;
background-color:#FFE5AC;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<div class="gby" id="login-form">

<h2>Inicio de Sesión</h2>
<form action="gbyy" method="post">
<label for="username">Usuario:</label>
<input type="text" id="username"
name="username" required>

Codigos de Programacion

Cargado por

Copyright:

Formatos disponibles

Codigos de Programacion

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Codigos de Programacion

Cargado por

Copyright:

Formatos disponibles

<!

DOCTYPE html> } </style>

<title></title> <script type="text/javascript" src="jquery.js"></script>

<div class="gby" id="login-form">

También podría gustarte