Fotos.html

<!DOCTYPE html>

<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <title>Fotos</title>
        <link rel="stylesheet"  href="fotos.css">
    </head>

<style>
    * {
        
        margin: 0;
        padding: 0;
        box-sizing: 0;
    }
    body {

    width: 100vw;
    height: 100vh;
    background-image: url('./business.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    backdrop-filter: blur(3px);
    
}   

</style>

<body>


            <h2>Business Inteligence B.I.</h2>


<div class="itens">
<ul>
                <li><a href="Planejamento.html">Planning</a></li>
                <li><a href="Fotos.html">Pictures</a></li>
                <li><a href="Trabalho.html">Voltar ao menu Inicial</a></li>

</ul>
</div>

<div class="paragrafo">

<p style="font-family: arial; font-size: 16px;line-height: 15px; margin: 0px;">We change the world with them</p>

</div>

<div class="sponsor">

                <img src="apple.jpg" height=9% width=9%>
                <img src="amazon.jpg" height=5% width=5%>
                <img src="ibm.jpg" height=7% width=7%>
                <img src="alphabet.jpg" height=7% width=7%>
                <img src="tesla.jpg" height=8% width=8%>
                <img src="huawei.jpg" height=4.5% width=4.5%>
                <img src="sap.jpg" height=8% width=8%>

</div>
</body>
</html>