Buenos días a tod@s, tratando de ponerme al día con ustedes, así quedó la página web en este primer curso de HTML
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>YO REPARO!!!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1 class="titulo-principal">YO REPARO!!!</h1>
</header>
<img id="imagenEncabezado" src="Imagenes/YO_REPARO.jpg">
<div class="Principal">
<h2><strong>YO REPARO!!!</strong></h2>
<p>En <strong><em>YO REPARO!!!</em></strong> te ofrecemos servicios de reparación y refracción de daños locativos.</p>
<p id="mision"><strong>MISIÓN</strong>: En <strong><em>YO REPARO!!!</em></strong> <em>buscamos la entera satisfacción del cliente al culminar nuestras refracciones, optando por el buen trato, la cordialidad y la entera satisfacción.</em></p>
<p><strong>VALORES...</strong> En <strong><em>YO REPARO!!!</em></strong> tenemos como valores corporativos:</p>
<p><strong>PUNTUALIDAD:</strong> <em>Nos esmeramos porque nuestro técnico esté a la hora indicada con el ánimo de entregar confianza.</em></p>
<p><strong>AMOR:</strong> <em>Le colocamos un amor inmenso a la labor que realizamos, dando satisfacción y un excelente trabajo a nuestros clientes</em></p>
<p><strong>DEDICACIÓN:</strong> <em>Ponemos alma, vida y corazón en lo que hacemos... para hacerlo bien.</em></p>
<p><strong>RESPONSABILIDAD:</strong> <em>Somos responsables y con dicha responsabilidad, tomamos el bien puesto en nuestras manos para darle un excelente servicio al cliente.</em></p>
</div>
<div class="Diferenciales">
<h3 id="Diferenciales"><strong>DIFERENCIALES</strong></h3>
<ul>
<li>Atención personalizada a nuestros clientes.</li>
<li>Trato humano y cortez en todo momento.</li>
<li>Cuidamos sus pertenencias como si fueran nuestras.</li>
<li>Su propiedad en buenas manos.</li>
</ul>
<img src="Imagenes/Yo Reparo.jpg" class="imagenDiferenciales">
</div>
<div class="llamarnos">
<h4 id="llamarnos">NO DUDE EN LLAMARNOS... Estaremos gustosos de atenderlo...</h4>
<p>Estamos ubicados en la ciudad de Medellín, cubrimos toda el área metropolitana y los municipios del departamento.</p>
</div>
</body>
</html>CSS
.titulo-principal{
padding-left: 30px;
color: greenyellow;
}
#imagenEncabezado{
width: 100%;
height: 500px;
margin: auto;
}
.Principal{
background: #cccccc;
padding: 20px;
}
h2{
text-align: center;
color: red;
border: 5px solid #000000;
margin: 50px;
}
p{
text-align: center;
}
strong em{
color: red;
}
#mision{
font-size: 20px;
}
.Diferenciales{
background: #ffffff;
padding: 30px;
}
ul{
display: inline-block;
vertical-align: top;
width: 35%;
margin-right: 10%;
}
#Diferenciales{
text-align: center;
}
.imagenDiferenciales{
width: 40%;
}
#llamarnos{
text-align: center;
font-size: 24px;
}
.llamarnos{
background-color: greenyellow;
}Cordial saludo y apretón de mano desde Medellín - Colombia.
