diff --git "a/cabe\303\247alho.css" "b/cabe\303\247alho.css" new file mode 100644 index 0000000..e7150d3 --- /dev/null +++ "b/cabe\303\247alho.css" @@ -0,0 +1,95 @@ + +*{ +margin: 0; +padding: 0; +} + + +#container { + width: 980px; /*largura do box content, sem contar padding e border*/ + margin: 50px auto 0; /*valores em sentido horário; + 20px para margem superior; + valor auto renderiza automaticamente margens laterais, para centralizar conteúdo + valor 0 para bottom=0*/ + +} + +.nav1 { + display: flex; + justify-content: space-between; /*separa o logo e o menu*/ + align-items: center; /*alinha verticalmente o logo e o menu */ + background-color: #1b8e99; /*cor de fundo para o menu inferior*/ + padding: 0 10px; /*espaçamento interno entre itens no cabeçalho */ + height: 45px; /*define altura do box*/ + position: relative; /*permite alterar posicionamento; necessário para z-index*/ + z-index: 2; /*define profundidade; valor maior que menu azul e banner*/ + +} + +.nav2 { + display: flex; /*permite uso das propriedades flexbox: justify-content e align items*/ + justify-content: space-between; /*separa no eixo horizontal, logo e o menu, posiciona-os nas extremidades*/ + align-items: center; /* centraliza logo e o menu no eixo vertical */ + background-color: #660000; /* Cor de fundo para o cabeçalho e o menu secundário */ + padding: 0 10px; /* Espaçamento interno no cabeçalho */ + height: 45px; /*define altura do box*/ + +} + +#logo img { + width: 194px; /* Largura do logo */ + height: 146px; /* Altura do logo */ + position: relative; + z-index: 1; /*define profundidade; valor menor que logo*/ + translate: 0 30px; /*desloca 0 no eixo horizontal e 30px no eixo vertical*/ +} + +.menu, nav ul { + list-style: none; /*remove bullet points*/ + display: flex; /*define flexbox*/ + padding: 0; /*reseta padding para zero*/ + margin: 0; /*reseta margin para zer0*/ + gap: 30px; /* Espaço entre os itens do menu; propriedade do display grid, aplicável ao flexbox */ + text-align: center; /*centraliza texto*/ + height: 45px; /*define altura para texto, igual à altura do box, para aplicar align-itens*/ + display: flex; /*permite uso da propriedade align-itens*/ + align-items: center; /* alinha texto dos links no eixo vertical */ + + +} + +.menu li a, nav ul li a { + color: white; /* Cor do texto dos links */ + text-decoration: none; /* Remove o sublinhado dos links */ + font-size: 12px; /* Tamanho da fonte dos links */ + +} + +.hover1:hover{ + background-color: #92c9ce; /*cor de fundo do hover*/ + height: 55px; /*altura 10px maior do que box, para dar efeito de overflow/transbordamento*/ + padding: 0 5px 0 5px;/*aumenta área de padding à esquerda e à direita, mas está empurrando os elementos circundantes*/ + margin: -5px; /*evita deslocamento lateral dos elementos ao redor após aumento do padding, mas cria um problema no eixo vertical*/ + display: flex;/*permite propriedades flexbox*/ + align-items: center; /*centraliza no eixo vertical*/ + font-weight: bold; /*negrito*/ +} + +.hover2:hover{ + background-color: white; /*cor de fundo do hover*/ + height: 55px; /*altura 10px maior do que box, para dar efeito de overflow/transbordamento*/ + padding: 0 5px 0 5px; /*aumenta área de padding à esquerda e à direita, mas está empurrando os elementos circundantes*/ + margin: -5px; /*evita deslocamento lateral dos elementos ao redor após aumento do padding, mas cria um problema no eixo vertical*/ + display: flex; /*permite propriedades flexbox*/ + align-items: center; /*centraliza no eixo vertical*/ + font-weight: bold /*negrito*/ +} + +.hover2:hover a { + color: #660000; /*sobreposição à regra herdade de .menu li a, nav ul li a*/ +} + +#banner { + + z-index: 1; /*define profundidade; valor menor que logo*/ +} \ No newline at end of file diff --git "a/cabe\303\247alho.html" "b/cabe\303\247alho.html" new file mode 100644 index 0000000..72bbc2a --- /dev/null +++ "b/cabe\303\247alho.html" @@ -0,0 +1,35 @@ + + + + + + Document + + + +
+ + + +
+ + diff --git a/img/DroneA.png b/img/DroneA.png new file mode 100644 index 0000000..334c139 Binary files /dev/null and b/img/DroneA.png differ diff --git a/img/DroneB.png b/img/DroneB.png new file mode 100644 index 0000000..da0c87c Binary files /dev/null and b/img/DroneB.png differ diff --git a/img/DroneC.png b/img/DroneC.png new file mode 100644 index 0000000..b8fce83 Binary files /dev/null and b/img/DroneC.png differ diff --git a/img/ServicosA.png b/img/ServicosA.png new file mode 100644 index 0000000..4d2428c Binary files /dev/null and b/img/ServicosA.png differ diff --git a/img/ServicosB.png b/img/ServicosB.png new file mode 100644 index 0000000..406221e Binary files /dev/null and b/img/ServicosB.png differ diff --git a/img/ServicosC.png b/img/ServicosC.png new file mode 100644 index 0000000..c3ba09d Binary files /dev/null and b/img/ServicosC.png differ diff --git a/img/banner.fw.png b/img/banner.fw.png new file mode 100644 index 0000000..6398acc Binary files /dev/null and b/img/banner.fw.png differ diff --git a/img/carrinho.png b/img/carrinho.png new file mode 100644 index 0000000..1cfa2e9 Binary files /dev/null and b/img/carrinho.png differ diff --git a/img/imgDroneA.png b/img/imgDroneA.png new file mode 100644 index 0000000..55f59da Binary files /dev/null and b/img/imgDroneA.png differ diff --git a/img/imgDroneB.png b/img/imgDroneB.png new file mode 100644 index 0000000..860c65b Binary files /dev/null and b/img/imgDroneB.png differ diff --git a/img/imgDroneC.png b/img/imgDroneC.png new file mode 100644 index 0000000..f70fd5c Binary files /dev/null and b/img/imgDroneC.png differ diff --git a/img/imgProfessor.png b/img/imgProfessor.png new file mode 100644 index 0000000..ff7659a Binary files /dev/null and b/img/imgProfessor.png differ diff --git a/img/logo.fw.png b/img/logo.fw.png new file mode 100644 index 0000000..ae80fe3 Binary files /dev/null and b/img/logo.fw.png differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 0000000..c8c0b87 Binary files /dev/null and b/img/logo.png differ diff --git a/img/modelo.jpg b/img/modelo.jpg new file mode 100644 index 0000000..89509a9 Binary files /dev/null and b/img/modelo.jpg differ diff --git a/index.html b/index.html deleted file mode 100644 index e8cbb33..0000000 --- a/index.html +++ /dev/null @@ -1 +0,0 @@ -dsafdsa \ No newline at end of file