Skip to content

Instantly share code, notes, and snippets.

@yorkfx

yorkfx/gist:d42ce59a3ca6b3b3c650ac38bc964cb8

Created January 24, 2024 04:42
Show Gist options
  • Save yorkfx/d42ce59a3ca6b3b3c650ac38bc964cb8 to your computer and use it in GitHub Desktop.
Save yorkfx/d42ce59a3ca6b3b3c650ac38bc964cb8 to your computer and use it in GitHub Desktop.
Download ZIP
Plantilla Basica
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-around;
margin: 0;
}
header{
height: 8vh;
border: 1px solid green;
}
section{
height: 90%;
height: 100%;
border: 1px solid pink;
}
section .row{
height: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
aside{
border: 3px solid gold;
width: 90%;
height: 100%;
}
footer{
border: 1px solid blue;
height: 8vh;
}
#txtDesencriptado{
width: 300px;
height: 100%;
}
</style>
</head>
<body>
<header>Header</header>
<section>
<div class="row">
<div class="col">
<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="row">
<div class="col"><button>Boton</button></div>
<div class="col"><button>Boton</button></div>
</div>
</div>
<div class="col" id="txtDesencriptado">
<aside>Texto Desencriptado</aside>
</div>
</div>
</section>
<footer>Footer</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment