Jose Luis Escalona

All generations.

Generar una página web al estilo YouTube

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example</title> </head> <body> <header id="main-header"> <h1>Example</h1> </header> <div id="main-content"> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> <p>Lorem ipsum dolor sit amet.</p> </div> <footer id="main-footer"> <p>Copyright</p> </footer> </body> </html>

Generar una página web para login

<article class="login"> <form action="" method="post"> <input type="text" id="username" name="username" placeholder="Username" required="" value="" /> <input type="password" id="password" name="password" placeholder="Password" required="" value="" /> <input type="submit" name="login" value="Login" /> </form> </article>

Generar una página web de reproductor de música

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/sketchy/bootstrap.min.css"> <title>Music Player</title> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12 mt-3 mb-3"> <div class="card"> <div class="card-header"> <h2>Music Player</h2> </div> <div class="card-body"> <audio controls class="audio"> <source src="http://html5.by/s

Generar una página web de reproductor de video

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Video Player</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" media="screen" href="main.css" /> </head> <body> <div class="container"> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video> </div> </body> </html>

Generar una página web reproductor de música con lista de música, favoritos

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Music player</title> </head> <body> <div class="container"> <div class="container__list"> <ul> <li>Song 1</li> <li>Song 2</li> <li>Song 3</li> <li>Song 4</li> <li>Song 5</li> </ul> </div> <div class="container__favorites"> <ul> <li>Song 1</li> <li>Song 2</li> <li>Song 3</li> <li>Song 4</li> <li>Song 5</li>

Generar una página web una tabla de multiplicar

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Multiplicar</title> </head> <body> <div class="container" id="main"> <table> <tr> <th class="center-align">Tabla de multiplicar</th> </tr> <tr> <td class="center-align"> <select name="tabla" id="tabla"> <option value="">Selecciona una tabla</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5

Generar una página web un juego

<div class="container" id="main"> <div class="row"> <div class="col"> <div class="card" style="width: 18rem;"> <img src="https://png.pngtree.com/png-clipart/20190516/original/pngtree-vector-cartoon-guess-game-png-image_3839136.jpg" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Cartas</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> </div> </div> <div class="col"> <div class="card" style="width: 18rem;"> <img src="https://png.pngtree.com/png-clipart/20190516/original

Generar una página web música con lista de música, favoritos

<div class="container" id="music"> <ul class="list"> <li class="item"> <span>song 1</span> <button>like</button> </li> <li class="item"> <span>song 2</span> <button>like</button> </li> <li class="item"> <span>song 3</span> <button>like</button> </li> <li class="item"> <span>song 4</span> <button>like</button> </li> <li class="item"> <span>song 5</span> <button>like</button> </li> </ul> <div class="favorites"> <ul class="list"> <li class="item"> <span>song 1</span> <button>unlike</button> </li> </ul> </div> </div

Generar una página web de calculadora

<!DOCTYPE html> <html> <head> <title>Calculadora</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax

Generar una página web camara

<div class="container" id="main"> <div class="row"> <div class="col-md-2"> <div class="card"> <div class="card-header"> <h2 class="card-title">Card one</h2> </div> </div> </div> <div class="col-md-2"> <div class="card"> <div class="card-header"> <h2 class="card-title">Card two</h2> </div> </div> </div> <div class="col-md-2"> <div class="card"> <div class="card-header"> <h2 class="card-title">Card three</h2> </div> </div> </div> <div class="col-md-2"> <div class="card"> <div class="card-header"> <h2 class="card-title">Card four

Want to kickstart your project?Use the new AI Studio to create your code