diff --git a/assetsmenu/cadastrodecestas.jpg b/assetsmenu/cadastrodecestas.jpg new file mode 100644 index 00000000..4caf288a Binary files /dev/null and b/assetsmenu/cadastrodecestas.jpg differ diff --git a/assetsmenu/cadastrodefamilias.jpg b/assetsmenu/cadastrodefamilias.jpg new file mode 100644 index 00000000..cf8f56fe Binary files /dev/null and b/assetsmenu/cadastrodefamilias.jpg differ diff --git a/assetsmenu/entregas.jpg b/assetsmenu/entregas.jpg new file mode 100644 index 00000000..a9307210 Binary files /dev/null and b/assetsmenu/entregas.jpg differ diff --git a/assetsmenu/inaeblogo.jpg b/assetsmenu/inaeblogo.jpg new file mode 100644 index 00000000..196ba9a9 Binary files /dev/null and b/assetsmenu/inaeblogo.jpg differ diff --git a/menu.html b/menu.html new file mode 100644 index 00000000..a0bf3a3b --- /dev/null +++ b/menu.html @@ -0,0 +1,56 @@ + + + + + + Sistema de Gerenciamento de Estoque + + + + +
+ +

Sistema de Gerenciamento de Estoque - INAEB

+
+ +
+
+ + +
+
+ +
+ +
+ Imagem de Entregas +

Entregas

+
+ + +
+
+ + +
+ Imagem de Cadastro de Famílias +

Cadastro de Famílias

+
+ + +
+
+ + +
+ Imagem de Cadastro de Cestas +

Cadastro de Cestas

+
+ +
+
+
+ + \ No newline at end of file diff --git a/menustyles.css b/menustyles.css new file mode 100644 index 00000000..3d13791b --- /dev/null +++ b/menustyles.css @@ -0,0 +1,156 @@ +/* Reset básico */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, sans-serif; +} + +/* Fundo e alinhamento geral */ +body { + background-color: #f4f6fb; + text-align: center; + padding: 20px; +} + +/* Estilização do cabeçalho */ +header { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 90%; + margin: 0 auto; + padding: 20px; + background: white; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +/* Ajuste do logo */ +.logo img { + width: 60px; + height: auto; +} + +/* Área de usuário */ +.user-info { + display: flex; + align-items: center; + gap: 10px; +} + +.user-info img { + width: 40px; + height: 40px; + border-radius: 50%; +} + +/* Contêiner do logout */ +.logout-container { + display: flex; + flex-direction: column; + align-items: center; + gap: 5px; +} + +.logout-container i { + font-size: 24px; + color: #555; /* Cinza escuro */ + cursor: pointer; +} + +/* Botão de logout */ +.logout-button { + background-color: #555; /* Cinza escuro */ + color: white; + border: none; + padding: 8px 12px; + border-radius: 5px; + font-size: 14px; + cursor: pointer; +} + +/* Área principal */ +main { + display: flex; + justify-content: center; + gap: 30px; + max-width: 90%; + margin: 40px auto; + flex-wrap: wrap; +} + +/* Cartões */ +.card { + background: white; + padding: 20px; + border-radius: 10px; + text-align: center; + width: 320px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; /* Alinha o conteúdo verticalmente */ + min-height: 400px; /* Altura mínima para todos os cartões */ +} + +/* Ajuste do tamanho das imagens */ +.card img { + width: auto; + max-width: 200px; + height: 140px; + object-fit: contain; + margin-bottom: 15px; +} + +/* Títulos dos cartões */ +.card h2 { + margin-bottom: 20px; /* Espaçamento abaixo do título */ + height: 60px; /* Altura fixa para os títulos */ + display: flex; + align-items: center; + justify-content: center; + width: 100%; /* Garante que o título ocupe toda a largura */ +} + +/* Botões */ +button { + display: block; + width: 100%; + padding: 10px; + margin-top: 10px; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 16px; +} + +.green { + background-color: green; + color: white; +} + +.blue { + background-color: blue; + color: white; +} + +/* Ajuste para garantir que os botões fiquem alinhados */ +.card .button-container { + width: 100%; + margin-top: auto; /* Empurra os botões para a base do cartão */ +} + +/* Responsividade */ +@media (max-width: 1024px) { + main { + flex-direction: column; + align-items: center; + } + + .card { + width: 90%; + max-width: 350px; + } +} \ No newline at end of file