Skip to content

Instantly share code, notes, and snippets.

@reduardo7
Created November 24, 2020 22:11
Show Gist options
  • Save reduardo7/a6ed75701a9e767b88ccf6e82223723d to your computer and use it in GitHub Desktop.
Save reduardo7/a6ed75701a9e767b88ccf6e82223723d to your computer and use it in GitHub Desktop.
Patagonian | IUPA | DOM HTML
<!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://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> -->
<title>Listado de Items para jugar con el DOM</title>
</head>
<body>
<header id="main-header" class="bg-warning text-white p-4 mb-3">
<div class="container" name="main-header-content">
<h1 id="header-title">Listado de Items </h1>
</div>
</header>
<div class="container">
<div id="main" class="card card-body">
<h2 class="title">Agregar Item</h2>
<form class="form-inline mb-3">
<input type="text" class="form-control mr-2">
<input type="submit" class="btn btn-dark" value="Submit">
</form>
<h2 class="title">Items</h2>
<ul id="items" class="list-group">
<li class="list-group-item">Item 1</li>
<li class="list-group-item">Item 2</li>
<li class="list-group-item">Item 3</li>
<li class="list-group-item">Item 4</li>
</ul>
</div>
</div>
<footer class="page-footer font-small blue">
<div class="footer-copyright text-center py-3">© 2020 Copyright Patagnian Academy:
<a href="https://developer.mozilla.org/es/docs/DOM"> Esto es el DOM</a>
</div>
</footer>
<!-- <script src="dom.js"></script> -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment