diff --git a/index (2).html b/index (2).html new file mode 100644 index 0000000..0536f26 --- /dev/null +++ b/index (2).html @@ -0,0 +1,76 @@ + + + + + + 3ªAno A + + + + + +
+
+ +
+ +
+

3ª Serie "A" +

+

Matemática e Ciências da Natureza

+

+

"Novo Ensino médio"

+ + + +
+ +
+
+ + + + + +
+ +
+
+
+ +
    +
    +


    Entenda o Itinerário

    Matemática estuda quantidades, estruturas e relações, enquanto as ciências da natureza se dedicam ao estudo dos fenômenos naturais, desde o nível subatômico até os ecossistemas, buscando compreender as leis que regem o universo e os seres vivos. Essas áreas são fundamentais para a compreensão do mundo e o desenvolvimento da sociedade. Espero que isso ajude!

    +
    +


    CEPV

    Av. São Roque, 235 Centro Pinhal de São Ben-Pr

    +
    + +
    + +
+ + + +
+>
+ + + + + + + + diff --git a/logo.png b/logo.png new file mode 100644 index 0000000..5082190 Binary files /dev/null and b/logo.png differ diff --git a/style (2).css b/style (2).css new file mode 100644 index 0000000..9b15dca --- /dev/null +++ b/style (2).css @@ -0,0 +1,280 @@ + +body { + background-color: #000000; +} +header{ + background-color: #000000; + box-shadow: 0px 3px 10px #FFFFFF; + margin: auto; + padding: 10px 10px; +} +.nav-bar{ + display: flex ; + justify-content: space-between; + padding: 1.5rem 6rem; +} + +.brasao{ + width: 30%; + height: auto; +} + + +.logo h1 { + color: #fff; +} + +.nav-link { + color: rgb(203, 255, 251); +} + +.nav-list { + + display: flex; + align-items: center; +} + +.nav-list ul{ + display: flex; + justify-content: center; + list-style: none; +} + +.nav-item { + margin: 0 15px; +} + +.nav :hover{ + color: #000000; + text-decoration: underline; +} +.titulo { + color: rgb(203, 255, 251); + width: 100%; + padding: 16px 10px; + margin: 10px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 2px; + box-shadow: 10px 10px 40px -12px #00ff8052; + width: 100%; + border: none; + border-radius: 10px; + padding: 15px; + background: #000000; + color: #FFFFFF; + font-size: 12pt; + justify-content: center; + box-shadow: 0px 10px 40px #00000056; + outline: none; + box-sizing: border-box; + +} + +.principal { + background-color: #000000; +} +h1 { + font-size: 30px; + white-space: nowrap; + overflow: hidden; + animation: typewriter 2s steps(13) infinite alternate, + blink 800ms steps(13) infinite normal; + border-right: 5px solid black; + } + @keyframes typewriter { + from { + width: 0%; + } + to { + width: 50%; + } + } + @keyframes blink { + from { + border-color: rgb(0, 255, 0); + } + to { + border-color: transparent; + } + } +p { + text-align: center; +} + +#missao { + font-size: 20px; +} + +strong { + color: rgb(128, 225, 255); +} + +.itens { + font-style: italic; +} + +.icone-redes { + margin: auto; + padding: 10px 10px; + max-width:50px; + width: auto; + display: flex; + gap: 32px; + flex-direction: row; + align-items: center; + justify-content: space-around; + } + + +#pessoaslendo { + width: 80%; +} + + +.beneficios { + background: rgb(42, 158, 158); + padding: 16px 90px; + margin: 10px; + border: none; + border-radius: 8px; + outline: none; + letter-spacing: 1px; + box-shadow: 10px 10px 40px -12px #090808; + width: 80%; + border: none; + border-radius: 10px; + background: #090808; + color: #f0ffffde; + font-size: 12pt;justify-content: center; + box-shadow: 0px 10px 40px #000000; + outline: none; + box-sizing: border-box; +} +.beneficiostext{ + + font-size: 20pt;justify-content: center; +} +.fonte{ + color: rgb(2, 90, 167); +} + +.fonte:hover{ + color: rgb(0, 255, 55); +} + +.sub{ + width: 30%; + color: rgb(128, 225, 255); +} +.subtitulo{ + font-family: 'Quicksand' ; +} + +.localizacao { + background: rgb(42, 158, 158); + padding: 16px 90px; + margin: 10px; + border: none; + border-radius: 8px; + outline: none; + letter-spacing: 1px; + box-shadow: 10px 10px 40px -12px #00ff8052; + width: 80%; + border: none; + border-radius: 10px; + background: #090808; + color: #f0ffffde; + font-size: 12pt;justify-content: center; + box-shadow: 0px 10px 40px #000000; + outline: none; + box-sizing: border-box; +} +.colegio{ + font-size: 16pt;justify-content: center; +} + +h2 { + text-align: center; +} + +#biblioteca { + width: 100%; + +} + +.btn-login { + width: 80%; + padding: 16px 0px; + margin: 10px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 800; + letter-spacing: 3px; + color: #FFFFFF; + background: #3F1764; + cursor: pointer; + box-shadow: 10px 10px 40px -12px #00ff8052; +} + + +.btn-login:hover{ + color: #000000; +} +.local{ + width: 80%; +} +.centro { + text-align: center; + color: aliceblue; +} +@media (max-width:930px) { + .img-box{ + display: none; + } + .box{ + width: 700px; + } + .form-box{ + width: 100%; + border-radius: 20px; + } +} +@media (max-width:500px) + .w50{ + width: 100%; + padding: 0; + } + html, body { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + } + .btn { + display: flex; + justify-content: center; + align-items: center; + position: fixed; + bottom: 10px; + right: 10px; + width: 50px; + height: 50px; + background-color: rgb(0, 52, 148); + text-decoration: none; + } + .btn::after { + content: "↑"; + font-size: 32px; + font-weight: bold; + color: aliceblue; + transition: margin-top 250ms; + } + .btn:hover::after { + margin-top:-8px; + } \ No newline at end of file