CODIGO HTML

24/7 SERVICIOS GOLD

</header>
<main>
     <h1>SERVICIOS GENERALES (MARKETING, DESARROLLO FRONT - END, FINANZAS, ASESORIAS EN GENERAL)</h1>
     <img src="imagemm.png" alt="imagen 24/7 GOLD">
      <blockquote>
            <button><a href="https://www.facebook.com/juanesgodd?mibextid=ZbWKwL" target="_blank" title="Abrir este enlace">FACEBOOK</a></button>
            <button><a href="https://www.tiktok.com/@juanesgold?_t=8oIUFACNJHJ&_r=1" target="_blank" title="Abrir este enlace">TIKTOK</a></button>
       </blockquote>
        
        <h2>
         ¡Hola! Soy <span>JUAN ESTEBAN GOMEZ MARIN, INGENIERO ADMINISTRADOR</span>, Aprendis de desarrollo FRONT - END 
          <u>Ayudo</u> a todo <s>tipo</s> de <em>EMPRESA (Publica o privada)</em>
          a llevar a <strong>desarrollar</strong> buenas ideas. <span>Contacto Whatsapp 3046380398</span>
        </h2>
     
    </main>
<footer>
    <h1>
        <ol>
          <li><a href="CONTACTO">CONTACTO WPP 3104173201</a></li>
          <li><a href="DIRECCION">DIRECCION CRA 49 # 48 -31 CALLE REAL</a></li>
        </ol>
    </h1>
</footer>

CODIGO CSS

header { display: flex; justify-content: center; align-items: center; } main { text-align: center; } footer { display: flex; justify-content: center; align-items: center; }

h1{ font-weight: bold; }

span{ color: gold; border: 1px solid gold; padding: 10px; }

strong{ color:aqua }

em{ color:bisque }

body{ background-color:rgb(6, 65, 85); color: white; }

button { background-color: #003366;} a {color: #FFCCFF; }