diff --git a/index.html b/index.html index 7a3fdfb..300725a 100644 --- a/index.html +++ b/index.html @@ -16,9 +16,9 @@ Banner Laptop
-

Lorem ipsum

-

dolor sit amet

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.

+

Lorem ipsum

+

dolor sit amet

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.

Três computadores em conexão
diff --git a/styles.css b/styles.css index e69de29..b5ea23a 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,69 @@ +/* CÓDIGO DE IMPORTAÇÃO DA FONTE / FONT IMPORT CODE */ + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); + +@font-face { + font-family: 'Inter'; + src: 'https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap' ; +} + +* { + font-family: 'Bebas Neue', cursive; + font-family: 'Inter', sans-serif; +} + +/* CÓDIGO DE IMPORTAÇÃO DA FONTE / FONT IMPORT CODE */ + +* { + margin: 0; + border: 0; + align-items: center; + justify-content: center; +} + +header { + display: flex; + width: 100%; + background-color: black ; +} + +.main-poster { + width: 100%; + margin-bottom: 73px; +} + +.info-1 { + display: flex; + flex-direction: column; +} + +.info-1-subtitulo { + text-transform: uppercase; + font-weight: 400; + font-size: 32px; + width: 220px; + height: 39px; +} + +.info-1-titulo { + text-transform: uppercase; + font-weight: 500; + font-size: 48px; + width: 403px; + height: 58px; + margin-bottom: 28px; +} + +.info-1-texto { + font-weight: 400; + font-size: 16px; + line-height: 24px; + width: 766px; + height: 56px; + margin-bottom: 73px; +} + +.computadores { + width: 315.5; + height: 315; +} \ No newline at end of file