</head>
<body>
<header>
<h1 class="titulo">Diseño y desarrollo web <span>Freelancer</span></h1>
<img src="solo_logo.png"class="avatar" whit="50" height="50"alt="logo de la empresa">
</header>
<divc lass="nav-bg">
<nav class="navegacon-principal contenedor">
<a href="indextec.html">Inicio</a>
<a href="Sobre Mi.html">Sobre Mi</a>
<a href="Mis Clientes.html">Mis Clientes</a>
<a href="Contacto.html">Contacto</a>
</nav>
</div>
<img src="proyecto.jpeg"class="imagen">
y este es el CSS
/*sive para almacenar variables, custom properti*/
/*a esto se le llama paleta de docores*/
:root {
--blanco: #ffffff;
--oscuro: #212121;
--primario: #ffc107;
--secundario: #0097a7;
--gris: #757575;
}
html{
font-size: 62.5
}
body{
font-size: 16px;/* 1ren = 10px */
font-family: 'Krub', sans-serif;
}
/* es para ser mas especifico, especificidad*/
.titulo {
text-align: center;
font-size: 3.8ren;
color: var(--oscuro);
}
.titulo span{
font-size: 2ren;
}
.contenedor {
width: 1200rem;
margin: 0 auto;
}
.nav-bg{
background-color: var(--secundario);
}
.navegacion-principal{
padding: 1rem;
display: flex;
justify-content: space-between;
}
.navegacion-principal{
color: var(--blanco);
flex-direction: none;
font-size: 2rem;
font-weight: 700;
}
.navegacion-principal a:hover{
background-color: var(--primario);
color: var(--oscuro);
}
body{
background-color: #ffc107;
}
@midia (main-widht: 480px){
}
Autor
En línea
