<

Facilitando Exatas

• MATERIAL
• PLANOS
• CONTATO

<main>
    <h2 class="subtitulo"> Conheça nosso material</h2>
        <div class="lista1">
            <ul>
                <li>Livros digitais</li>
                <li>Apostila com exercícios</li>
                <li>Aulas gravadas</li>
                <li>Aulas ao vivo</li>

            </ul>
        </div><img src="materiais.jpg" class="materiais">

</main>

body {

} .fonte { font-family: 'Cuprum', sans-serif;

} header { background: linear-gradient(90deg, #4f4f4f,#dcdcdc); padding: 30px;

}

.caixa1 { position: relative; width: 1200px; margin: 0 auto; }

.logo1 { width: 12%; vertical-align: middle; margin: 50px; }

.tituloprincipal { font-size: 40px; font-weight: bold; display: inline; border: groove; border-radius: 5px; padding: 10px; vertical-align: middle;

}

nav { position: absolute; top: 45%; right: 0; }

nav li { margin-left: 15px; padding: 5px; display: inline;

}

nav a { color: #000000; font-weight: bold; font-size: 25px; text-decoration: none; padding: 10px;

}

nav a:hover { text-decoration: underline; color: white; }

.subtitulo { text-align: center; font-size: 40px; font-weight: bold; padding: 15px; margin: 40px auto;

}

.lista1 { font-size: 1.5em; display: inline-block; margin-left: 15px; margin: 40px; padding: 20px; vertical-align: top;

}

.materiais { border: dashed; border-radius: 5px; width: 30%;

}