home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Template - Utilizar como modelo</title>
    <link rel="stylesheet" href="base.css">
</head>
<body>
    <div class="wrapper">
        <div class="menu">
            <!-- Aqui vai o seu menu -->
            <ul>
                <li><a href="/home.html">Home</a></li>
                <li><a href="/aboutus.html">About Us</a></li>
                <li><a href="/contact.html">Contact</a></li>
                <li><a href="/time.html">Opening</a></li>
            </ul>
        </div>

        <div class="main">
            <div class="header">
                <img src="https://static.vecteezy.com/system/resources/previews/017/173/330/original/medical-pill-flat-icons-elements-item-png.png"  width="200" alt="pills">
                <blockquote>Clínica Brasília</blockquote>
            </div>
    
            <div class="content">
                <h1>The best health for your life</h1>
                <p>Clinic located at Brasília, Brazil</p>
                <p><small>Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita at vel blanditiis obcaecati cupiditate alias ex impedit dolorem, quod molestias quaerat modi amet voluptatem. Ipsum nobis officiis necessitatibus nam pariatur?</small></p>
                <iframe width="560" height="315" src="https://www.youtube.com/embed/OwPZIhTHDUk?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                <h3>See some of our customers:</h3>
                <hr>
                <img src="https://thumbs.dreamstime.com/b/welldressed-young-person-pointing-away-25231407.jpg" alt="John" width="100">
                <h4><blockquote>John</blockquote></h4>
                <blockquote>The best clinical service I got in my entire life, and without expensive things that I'm used to pay before.</blockquote>

            </div>
    
            <div class="footer">
                Footer
                <p>Telefone: +55 99 99999-9999</p>
                <p>Email: clinicamedica@endereco.com.br</p>
                <p>Rua 1 Bairro 1 Conjunto 1 - Brasília</p>
            </div>
        </div>
    </div>
</body>
</html>