AVANCES HTML | HTML5 y CSS3 parte 1: Mi primera página web

body{ margin: 0; padding: 0; background-color: lightgray; }

header{ background-color: white; }

header img{ width: 100%; }

p{ text-align: center; } h1{ margin: 100px 0px 80px 0px; text-align: center; } h2{ margin: 100px 0px 80px 0px; text-align: center; color: rgb(43, 43, 43); } .font_20{ font-size: 20px; }

em strong{ color: red; }

ul{ text-align: center; list-style: none; margin: 0; padding: 0px 0px 100px 0px; }

.items{ padding: 10px; font-style: italic; }

#about_us{ padding-bottom: 60px; background-color: white; padding: 20px 50px 100px 50px; }

#skills img{ width: 100%; }

<head>
    <meta charset="UTF-8">
    <title>Barbería Alura</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <img src="banner.jpg" alt="Banner">
    </header>

    <section id="about_us">
        <h1>Sobre la Barbería Alura</h1>

        <p>Ubicada en el corazón de la ciudad, la <strong>Barbería Alura</strong> trae para el mercado lo que hay de mejor para su cabello y barba. Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes diariamente.</p>

        <p class="font_20"><em>Nuestra misión es: <strong>"Proporcionar autoestima y calidad de vida a nuestros clientes"</strong>.</em></p>

        <p>Ofrecemos profesionales experimentados que están constantemente observando los cambios y movimiento en el mundo de la moda, para así ofrecer a nuestros clientes las últimas tendencias. El atendimiento posee un padrón de excelencia y agilidad, garantizando calidad y satisfacción de nuestros clientes.</p> 

    </section>

    <section id="skills">

        <img src="skills.jpeg" alt="Skills">

        <h2>Valor agregado</h2>

        <ul>
            <li class="items">Atención personalizada</li>
            <li class="items">Localizacion</li>
            <li class="items">Equipo profecional</li>
            <li class="items">Variedad de servicios</li>
        </ul>

    </section>
</body>