<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Blog</title>
<link rel="stylesheet" href="stile.css">
</head>
<body>
<header>
</header>
<main>
<h1 class="titulo-blog">Este es el Blog de <strong class="titulo-destaque">Silene González </strong></h1>
<h2>Portafolio de Silene González</h2>
<p class="texto-destacado">¡Hola! Soy Silene González, desarrolladora Front-end con especialización en React, HTML y CSS. Ayudo a pequeños negocios y diseñadores a llevar a cabo buenas ideas. ¿Hablamos?</p>
<p class="urgente">Esta es una noticia urgente</p>
<div class="imagen">
<img src="silene.jpg" alt="Imagen de Silene González trabajando">
</div>
<div class="enlace">
<a href="https://www.instagram.com/">Instagram</a>
<a href="https://www.github.com/">Git Hub</a>
</div>
</main>
<footer>
</footer>
</body>
</html>
*{
padding: 0;
margin: 0;
}
body{
background-color: #000000;
color: white;
}
.titulo-destaque{
color: #22D4FD;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 45px;
font-weight: bold;
}
.texto-destacado{
color: chartreuse;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 30px;
}
.titulo-blog{
color: blue;
font-weight: bold;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 45px;
}
.urgente{
color: red;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 25px;
font-weight: bold;
margin: 5px;
border: 2px solid rgb(78, 78, 138)
}