```
<htmllang=“en”>
<head>
<metacharset=“UTF-8”>
<metaname="viewport"content=“width=device-width, initial-scale=1.0”>
<title>Mi primera paginatitle>
<style>
html {
font-size: 62.5%;
}
header {
width: 100%;
height: 40px;
background-color: aqua;
font-size: 1.5rem;
}
nav {
width: 100%;
height: 30px;
background-color: #C7F59E;
font-size: 1.5rem;
margin-top: 10px;
}
div {
display: flex;
width: 100%;
gap: 10px;
}
.sections{
display: block;
width: 50%;
}
.sectionOne{
width: 100%;
height: 300px;
background-color: #7392F5;
font-size: 1.5rem;
margin: 10px;
border-radius: 5px;
}
.sectionTwo{
width: 100%;
height: 300px;
background-color: #73E7F5;
font-size: 1.5rem;
margin: 10px;
border-radius: 5px;
}
article {
width: 100%;
height: 610px;
background-color: #73F5A4;
font-size: 1.5rem;
margin: 10px;
border-radius: 5px;
overflow: hidden;
}
articleimg{
width: 100%;
height: 100%;
}
footer{
width: 100%;
height: 40px;
background-color: #F7B44D;
font-size: 1.5rem;
}
style>
head>
<body>
<header>PONLE TITULO A TU PAGINA-" Aqui ubicaras el encabezado de tu pagina, puedes poner un logo , una foto, lo que quieras, depende de tu creatividadheader>
<nav> Aqui puedes ubicar una barra de Navegacion con una lista de opcionesnav>
<divclass=“container”>
<divclass=“sections”>
<sectionclass=“sectionOne”>esta sera una primera seccion en donde hablaras de un tema en especificosection>
<sectionclass=“sectionTwo”>esta sera otra seccion en donde hablaras de otro tema en especificosection>
div>
<article>
<p>Aqui podras intrucir un articulo expresando una idea y hasta podras publicar una imagenp>
<imgsrc=“https://images.pexels.com/photos/5691631/pexels-photo-5691631.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1”>
article>
div>
<footer>Aqui puedes poner informacion de contacto, como tu redes sociales o informacion de contacto, correo electronico, telefono etc… footer>
body>
html>```
