Skip to content

Instantly share code, notes, and snippets.

@mugan86

mugan86/index.html

Created November 16, 2023 19:07
Show Gist options
  • Save mugan86/f71582097ec9ef846546121431866af2 to your computer and use it in GitHub Desktop.
Save mugan86/f71582097ec9ef846546121431866af2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Noticias</title>
<style>
.section {
width: 30%;
float: left;
padding: 10px;
}
.headline {
font-size: 24px;
font-weight: bold;
}
.summary {
font-size: 16px;
}
.top-story .headline {
font-size: 36px;
}
</style>
</head>
<body>
<div class="section top-story">
<img src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="Top Story">
<div class="headline">Titular de la historia principal</div>
<div class="summary">Resumen de la historia principal</div>
</div>
<div class="section politics">
<img src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="Politics">
<div class="headline">Titular de política</div>
<div class="summary">Resumen de política</div>
</div>
<div class="section sports">
<img src="https://dummyimage.com/450x300/dee2e6/6c757d.jpg" alt="Sports">
<div class="headline">Titular de deportes</div>
<div class="summary">Resumen de deportes</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment