diff --git a/habg kids/bebida.css b/habg kids/bebida.css new file mode 100644 index 0000000..bb8456c --- /dev/null +++ b/habg kids/bebida.css @@ -0,0 +1,145 @@ +.menu { + color: #790d0d; +} +.bg-purple { + background-color: black; +} +.text-purple { + color: #790d0d; +} + +.btn-voltar { + color: whitesmoke; + background-color :#fa0303; +} +.btn-voltar:hover { + color: #fff; + background-color: green; + +} +.logo { + max-width: 150px; + height: auto; + border-radius: 30%; +} + +.escolha { + color: black; + font-size: 25px; + text-align: center; + text-shadow: 2px 2px 5px red; + padding: 55px; +} + +.corpomeio { + width: 100%; + height: 500px; + display: flex; + justify-content: center; + align-items: center; + padding: 35px; +} + +.meni{ + color: black; + font-size: 25px; + text-align: center; + text-shadow: 2px 2px 5px red; + +} + +.wrapper { + display: flex; + width: 70%; + display: flex; + justify-content: space-around; +} + +.cards { + width: 280px; + height: 360px; + padding: 3rem 1rem; + background: #4f8152; + position: relative; + display: flex; + align-items: flex-end; + box-shadow: 0px 7px 10px rgb(0, 0, 0, 0, 5); + transition: 0.5s ease-in-out; + border-radius: 30px; +} + +.cards:hover { + transform: translateY(20px); +} + +.cards:before { + content: ""; + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 100%; + z-index: 2; + transition: 0.5s all; + opacity: 0; +} + +.cards:hover:before { + opacity: 1; +} + +.cards img { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + top: 0; + left: 0; +} + +.cards .info { + position: relative; + z-index: 3; + color: rgb(17, 228, 10); + opacity: 0; + transform: translateY(30px); + transition: 0.5s all; +} + +.cards:hover .info { + opacity: 1; + transform: translateY(0px); + +} + +.cards .info h1 { + margin: 0; + color: #fa0303; +} + +.cards .info p { + letter-spacing: 1px; + font-size: 15px; + margin-top: 8px; + margin-bottom: 20px; +} + +.cards .info .btn { + text-decoration: none; + padding: .5rem 1rem; + background-color: #0e4409; + border-color: #0e4409; + color: white; + font-size: 14px; + font-weight: bold; + cursor: pointer; + transition: 0.4s ease-in-out; +} + +.cards .info .bts:hover { + box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); + + background-color: #03faa8; + border-color: #0e4409; +} diff --git a/habg kids/bebida.html b/habg kids/bebida.html new file mode 100644 index 0000000..6fbaa05 --- /dev/null +++ b/habg kids/bebida.html @@ -0,0 +1,99 @@ + + + + + + kids monster hamburger + + + + +
+
+
+
+ +
+
+

Menu monster

+
+
+ Voltar +
+
+
+
+ +
+

Quem lhe assusta mais ?

+
+ +
+ +
+
+ +
+

Bebida monster

+

Que tal um bebida mosntruosa

+

Preço: R$ 19,90

+ +
+
+ +
+ +
+

Bebida monster

+

Que tal um bebida mosntruosa

+

Preço: R$ 19,90

+ +
+
+ +
+ +
+

Bebida monster

+

Que tal um bebida mosntruosa

+

Preço: R$ 19,90

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

Bebida monster

+

Que tal um bebida mosntruosa

+

Preço: R$ 19,90

+ +
+
+ +
+ +
+

Bebida monster

+

Que tal um bebida mosntruosa

+

Preço: R$ 19,90

+ +
+
+ +
+ +
+

Bebida monster

+

Que tal um bebida mosntruosa

+

Preço: R$ 19,90

+ +
+
+
+
\ No newline at end of file diff --git a/habg kids/brinc.css b/habg kids/brinc.css new file mode 100644 index 0000000..d2ff1e7 --- /dev/null +++ b/habg kids/brinc.css @@ -0,0 +1,145 @@ +.menu { + color: #790d0d; +} +.bg-purple { + background-color: black; +} +.text-purple { + color: white; +} + +.btn-voltar { + color: whitesmoke; + background-color :#fa0303; +} +.btn-voltar:hover { + color: #fff; + background-color: green; + +} +.logo { + max-width: 150px; + height: auto; + border-radius: 30%; +} + +.escolha { + color: black; + font-size: 25px; + text-align: center; + text-shadow: 2px 2px 5px red; + padding: 55px; +} + +.corpomeio { + width: 100%; + height: 500px; + display: flex; + justify-content: center; + align-items: center; + padding: 35px; +} + +.meni{ + color: black; + font-size: 25px; + text-align: center; + text-shadow: 2px 2px 5px red; + +} + +.wrapper { + display: flex; + width: 70%; + display: flex; + justify-content: space-around; +} + +.cards { + width: 280px; + height: 360px; + padding: 3rem 1rem; + background: #4f8152; + position: relative; + display: flex; + align-items: flex-end; + box-shadow: 0px 7px 10px rgb(0, 0, 0, 0, 5); + transition: 0.5s ease-in-out; + border-radius: 30px; +} + +.cards:hover { + transform: translateY(20px); +} + +.cards:before { + content: ""; + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 100%; + z-index: 2; + transition: 0.5s all; + opacity: 0; +} + +.cards:hover:before { + opacity: 1; +} + +.cards img { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + top: 0; + left: 0; +} + +.cards .info { + position: relative; + z-index: 3; + color: rgb(17, 228, 10); + opacity: 0; + transform: translateY(30px); + transition: 0.5s all; +} + +.cards:hover .info { + opacity: 1; + transform: translateY(0px); + +} + +.cards .info h1 { + margin: 0; + color: #fa0303; +} + +.cards .info p { + letter-spacing: 1px; + font-size: 15px; + margin-top: 8px; + margin-bottom: 20px; +} + +.cards .info .btn { + text-decoration: none; + padding: .5rem 1rem; + background-color: #0e4409; + border-color: #0e4409; + color: white; + font-size: 14px; + font-weight: bold; + cursor: pointer; + transition: 0.4s ease-in-out; +} + +.cards .info .bts:hover { + box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); + + background-color: #03faa8; + border-color: #0e4409; +} diff --git a/habg kids/brinc.html b/habg kids/brinc.html new file mode 100644 index 0000000..4bfa430 --- /dev/null +++ b/habg kids/brinc.html @@ -0,0 +1,101 @@ + + + + + + + + kids monster hamburger + + +
+
+
+
+ +
+
+

Menu monster

+
+
+ Voltar +
+
+
+
+ +
+

Qual será mais divertido

+
+ +
+ +
+
+ +
+

Escolha oque combine com você

+

Venha se divetir

+

Preço: R$ 29,97

+ +
+
+ +
+ +
+

Escolha oque combine com você

+

Venha se divetir

+

Preço: R$ 29,97

+ +
+
+ +
+ +
+

Escolha oque combine com você

+

Venha se divetir

+

Preço: R$ 29,97

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

Escolha oque combine com você

+

Venha se divetir

+

Preço: R$ 29,97

+ +
+
+ +
+ +
+

Escolha oque combine com você

+

Venha se divetir

+

Preço: R$ 29,97

+ +
+
+ +
+ +
+

Escolha oque combine com você

+

Venha se divetir

+

Preço: R$ 29,97

+ +
+
+
+
+ + \ No newline at end of file diff --git a/habg kids/cadastro.css b/habg kids/cadastro.css new file mode 100644 index 0000000..69aca31 --- /dev/null +++ b/habg kids/cadastro.css @@ -0,0 +1,57 @@ +.bg-purple { + background-color: #5a0848 +} +.text-purple { + color: #5a0848 +} +.btn-cadastrar { + background-color: #5a0848; + border-color: #5a0848; +} +.btn-cadastrar:hover { + background-color: #6a0dad; + border-color: #6a0dad; +} + +body { + background-color: #f8f9fa; +} +main { + margin-top: 50px; +} +.card { + border: none; + border-radius: 15px; + box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); +} +.card-header { + background-color: #fff; + border-bottom: none; +} +.card-body { + padding: 40px; +} +.form-group { + margin-bottom: 20px; +} +label { + color: #5a0848; + font-weight: bold; +} +input[type="text"], +input[type="email"], +input[type="password"] { + border-radius: 20px; + padding: 15px; +} +.btn-primary { + background-color: #5a0848; + border-color: #5a0848; + border-radius: 20px; + padding: 12px 30px; + font-weight: bold; +} +.btn-primary:hover { + background-color: #6a0dad; + border-color: #6a0dad; +} \ No newline at end of file diff --git a/habg kids/cadastro.html b/habg kids/cadastro.html new file mode 100644 index 0000000..11abdd3 --- /dev/null +++ b/habg kids/cadastro.html @@ -0,0 +1,126 @@ + + + + + + kids monster hamburger + + + + + +
+
+
+
+ Home +
+
+

Cadastro

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

Cadastre-se

+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/habg kids/img/82c52da34d3b08b291cc14b3a894927e.jpg b/habg kids/img/82c52da34d3b08b291cc14b3a894927e.jpg new file mode 100644 index 0000000..1b6fd04 Binary files /dev/null and b/habg kids/img/82c52da34d3b08b291cc14b3a894927e.jpg differ diff --git a/habg kids/img/IMG_20221119_230521416_HDR.jpg b/habg kids/img/IMG_20221119_230521416_HDR.jpg new file mode 100644 index 0000000..ebb8540 Binary files /dev/null and b/habg kids/img/IMG_20221119_230521416_HDR.jpg differ diff --git a/habg kids/img/abcfbca700f2e4e7b15ae4a0b245ddd8.jpg b/habg kids/img/abcfbca700f2e4e7b15ae4a0b245ddd8.jpg new file mode 100644 index 0000000..555c478 Binary files /dev/null and b/habg kids/img/abcfbca700f2e4e7b15ae4a0b245ddd8.jpg differ diff --git a/habg kids/img/banh- homem de ferro 2.jpg b/habg kids/img/banh- homem de ferro 2.jpg new file mode 100644 index 0000000..ea3d9ce Binary files /dev/null and b/habg kids/img/banh- homem de ferro 2.jpg differ diff --git a/habg kids/img/bebida-8.jpg b/habg kids/img/bebida-8.jpg new file mode 100644 index 0000000..039742b Binary files /dev/null and b/habg kids/img/bebida-8.jpg differ diff --git a/habg kids/img/bebida-9.jpg b/habg kids/img/bebida-9.jpg new file mode 100644 index 0000000..00f584f Binary files /dev/null and b/habg kids/img/bebida-9.jpg differ diff --git a/habg kids/img/bebida-depool.jpg b/habg kids/img/bebida-depool.jpg new file mode 100644 index 0000000..bba7c88 Binary files /dev/null and b/habg kids/img/bebida-depool.jpg differ diff --git a/habg kids/img/bebida-feche.jpg b/habg kids/img/bebida-feche.jpg new file mode 100644 index 0000000..d580577 Binary files /dev/null and b/habg kids/img/bebida-feche.jpg differ diff --git a/habg kids/img/bebida1.jpg b/habg kids/img/bebida1.jpg new file mode 100644 index 0000000..d42d481 Binary files /dev/null and b/habg kids/img/bebida1.jpg differ diff --git a/habg kids/img/bebida2.jpg b/habg kids/img/bebida2.jpg new file mode 100644 index 0000000..c6d50eb Binary files /dev/null and b/habg kids/img/bebida2.jpg differ diff --git a/habg kids/img/bebida3.jpg b/habg kids/img/bebida3.jpg new file mode 100644 index 0000000..082a347 Binary files /dev/null and b/habg kids/img/bebida3.jpg differ diff --git a/habg kids/img/bebida4.jpg b/habg kids/img/bebida4.jpg new file mode 100644 index 0000000..d7420a5 Binary files /dev/null and b/habg kids/img/bebida4.jpg differ diff --git a/habg kids/img/bebida5.jpg b/habg kids/img/bebida5.jpg new file mode 100644 index 0000000..958fd6a Binary files /dev/null and b/habg kids/img/bebida5.jpg differ diff --git a/habg kids/img/bebida7.jpg b/habg kids/img/bebida7.jpg new file mode 100644 index 0000000..69664c6 Binary files /dev/null and b/habg kids/img/bebida7.jpg differ diff --git a/habg kids/img/beida6.jpg b/habg kids/img/beida6.jpg new file mode 100644 index 0000000..3a5b61c Binary files /dev/null and b/habg kids/img/beida6.jpg differ diff --git a/habg kids/img/brinc,batman.jpg b/habg kids/img/brinc,batman.jpg new file mode 100644 index 0000000..fca3af8 Binary files /dev/null and b/habg kids/img/brinc,batman.jpg differ diff --git a/habg kids/img/brinc-amigo do capitao.jpg b/habg kids/img/brinc-amigo do capitao.jpg new file mode 100644 index 0000000..d17c5fc Binary files /dev/null and b/habg kids/img/brinc-amigo do capitao.jpg differ diff --git a/habg kids/img/brinc-homem pau.jpg b/habg kids/img/brinc-homem pau.jpg new file mode 100644 index 0000000..6bee179 Binary files /dev/null and b/habg kids/img/brinc-homem pau.jpg differ diff --git a/habg kids/img/brinc.aranha preta.jpg b/habg kids/img/brinc.aranha preta.jpg new file mode 100644 index 0000000..3025aa9 Binary files /dev/null and b/habg kids/img/brinc.aranha preta.jpg differ diff --git a/habg kids/img/brinc.coringa.jpg b/habg kids/img/brinc.coringa.jpg new file mode 100644 index 0000000..0055216 Binary files /dev/null and b/habg kids/img/brinc.coringa.jpg differ diff --git a/habg kids/img/brinc.homem de frro grande.jpg b/habg kids/img/brinc.homem de frro grande.jpg new file mode 100644 index 0000000..7f60bd0 Binary files /dev/null and b/habg kids/img/brinc.homem de frro grande.jpg differ diff --git a/habg kids/img/brinc.lata de lixo.jpg b/habg kids/img/brinc.lata de lixo.jpg new file mode 100644 index 0000000..6f26a27 Binary files /dev/null and b/habg kids/img/brinc.lata de lixo.jpg differ diff --git a/habg kids/img/brinc.monter.jpg b/habg kids/img/brinc.monter.jpg new file mode 100644 index 0000000..4296242 Binary files /dev/null and b/habg kids/img/brinc.monter.jpg differ diff --git a/habg kids/img/capa.jpg b/habg kids/img/capa.jpg new file mode 100644 index 0000000..cccf7dc Binary files /dev/null and b/habg kids/img/capa.jpg differ diff --git a/habg kids/img/hanb-batman.jpg b/habg kids/img/hanb-batman.jpg new file mode 100644 index 0000000..e673018 Binary files /dev/null and b/habg kids/img/hanb-batman.jpg differ diff --git a/habg kids/img/hanb-capitao amercia.jpg b/habg kids/img/hanb-capitao amercia.jpg new file mode 100644 index 0000000..58a1250 Binary files /dev/null and b/habg kids/img/hanb-capitao amercia.jpg differ diff --git a/habg kids/img/hanb-dino.jpg b/habg kids/img/hanb-dino.jpg new file mode 100644 index 0000000..f488612 Binary files /dev/null and b/habg kids/img/hanb-dino.jpg differ diff --git a/habg kids/img/hanb-doctor estrnaho.jpg b/habg kids/img/hanb-doctor estrnaho.jpg new file mode 100644 index 0000000..859a9c2 Binary files /dev/null and b/habg kids/img/hanb-doctor estrnaho.jpg differ diff --git a/habg kids/img/hanb-doctor2.jpg b/habg kids/img/hanb-doctor2.jpg new file mode 100644 index 0000000..9909efa Binary files /dev/null and b/habg kids/img/hanb-doctor2.jpg differ diff --git a/habg kids/img/hanb-holk.jpg b/habg kids/img/hanb-holk.jpg new file mode 100644 index 0000000..f17c842 Binary files /dev/null and b/habg kids/img/hanb-holk.jpg differ diff --git a/habg kids/img/hanb-homem aranha.jpg b/habg kids/img/hanb-homem aranha.jpg new file mode 100644 index 0000000..92cdfae Binary files /dev/null and b/habg kids/img/hanb-homem aranha.jpg differ diff --git a/habg kids/img/hanb-homem de ferro.jpg b/habg kids/img/hanb-homem de ferro.jpg new file mode 100644 index 0000000..a47ada4 Binary files /dev/null and b/habg kids/img/hanb-homem de ferro.jpg differ diff --git a/habg kids/img/hanb-thor.jpg b/habg kids/img/hanb-thor.jpg new file mode 100644 index 0000000..714a232 Binary files /dev/null and b/habg kids/img/hanb-thor.jpg differ diff --git a/habg kids/img/hanb-venon.jpg b/habg kids/img/hanb-venon.jpg new file mode 100644 index 0000000..56e702f Binary files /dev/null and b/habg kids/img/hanb-venon.jpg differ diff --git a/habg kids/img/hanb-wanda.jpg b/habg kids/img/hanb-wanda.jpg new file mode 100644 index 0000000..fabd4a6 Binary files /dev/null and b/habg kids/img/hanb-wanda.jpg differ diff --git a/habg kids/img/logo kids.png b/habg kids/img/logo kids.png new file mode 100644 index 0000000..03637fa Binary files /dev/null and b/habg kids/img/logo kids.png differ diff --git a/habg kids/img/logo monstro.jpg b/habg kids/img/logo monstro.jpg new file mode 100644 index 0000000..9b39605 Binary files /dev/null and b/habg kids/img/logo monstro.jpg differ diff --git a/habg kids/img/lupa b/habg kids/img/lupa new file mode 100644 index 0000000..76df808 Binary files /dev/null and b/habg kids/img/lupa differ diff --git a/habg kids/img/mapa b/habg kids/img/mapa new file mode 100644 index 0000000..8a406b3 Binary files /dev/null and b/habg kids/img/mapa differ diff --git a/habg kids/inicial.css b/habg kids/inicial.css new file mode 100644 index 0000000..c830622 --- /dev/null +++ b/habg kids/inicial.css @@ -0,0 +1,347 @@ +body { + font-family: Arial, sans-serif; + background-color: rgb(145, 137, 137); + color: #333; + margin: 0; + padding: 0; +} + +header { + background-color: black; + padding: 20px 0; +} + +.logo { + max-width: 10px; + height: 100%; + +} + +.menu-item { + border-radius: 10px; + padding: 20px; + margin-bottom: 20px; + transition: transform 0.3s ease-in-out; + display: flex; + flex-direction: column; + align-items: center; + background-color: rgba(255, 255, 255, 0.8); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.menu-item:hover { + transform: translateY(-5px); +} + +.menu-item img { + width: 100%; + height: auto; + border-radius: 10px; + margin-bottom: 10px; + object-fit: cover; +} +#sobre img { + display: block; + margin-left: auto; + margin-right: auto; + width: 40%; + padding: 10px; +} +#sobre { + background-image: url('img/fundo\ pontinhis.avif'); + background-size: cover; + background-position: center; + padding: 50px 0; + color: white; +} + +#sobre p { + color: #333333; + font-size: 24px; +} + +.btn { + transition: all 0.3s ease-in-out; + background-color: #b11212; + border: 2px solid #b11212; + color: #fff; + margin-right: 10px; +} + +.btn:hover { + background-color: #085a0c; + color: #fff; +} + + +#localizacao { + background-image: url('img/mapa'); + background-size: cover; + background-position: center; + padding: 50px 0; + color: rgb(24, 2, 20); + max-width: 100%; + height: auto; + +} + +#localizacao a { + color: #085a0c; + transition: color 0.3s ease-in-out; +} + +#localizacao a:hover { + color: #333; +} + + +#menu-previas { + background-image: url('img/cor\ de\ fundo\ 1'); + background-size: cover; + background-position: center; + padding: 50px 0; + color: #000; +} + +#menu-previas h2, +#menu-previas p, +#menu-previas h3 { + text-shadow: 0 0 10px rgba(255,255,255,0.7); +} + + +.sobre-titulo { + color: #222; +} +.bg-purple { + background-color: #085a0c; +} + +.btn-light { + color: #085a0c; + border-color: #085a0c; +} + +.btn-light:hover { + color: #fff; + background-color: #085a0c; + border-color: #085a0c +} + +.menu-item { + border: none; + border-radius: 5px; + padding: 20px; + margin-bottom: 20px; + transition: transform 0.3s ease-in-out; + display: flex; + flex-direction: column; + align-items: center; +} + +.menu-item:hover { + transform: translateY(-5px); + +} + +.menu-item img { + width: 80%; + height: auto; + border-radius: 3px; + margin-bottom: 10px; + object-fit: cover; +} + +.logo { + width: 150px; + height: auto; + border-radius: 3px; + +} + +.btn-login, +.btn-cadastro { + transition: transform 0.3s ease-in-out; +} + +.btn-login:hover, +.btn-cadastro:hover { + transform: scale(1.1); +} + +.lupa-icon { + height: 30px; + width: auto; + border-radius: 5px; +} + +.search-bar { + width: 0; + overflow: hidden; + transition: width 0.3s ease-in-out; +} + +.search-bar.active { + width: 200px; + padding: 5px; +} + +.search-bar input { + width: 100%; + border: none; + outline: none; + box-sizing: border-box; +} + +.align-items-center-custom { + display: flex; + align-items: center; +} + +.search-bar, +#searchBtn { + margin-right: 10px; +} + +#searchBtn { + flex-shrink: 0; +} + +.btn-login, +.btn-cadastro { + flex-shrink: 0; + transition: 0.5s ease-in-out; +} + + +.floating-text { + position: absolute; + top: 0; + right: 20px; + background-color: #085a0c; + color: #fff; + padding: 10px 20px; + border-radius: 5px; + font-weight: bold; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} +.sobre-titulo { + color: #000; +} +.logo { + max-width: 100px; + height: auto; + border-radius: 30%; +} + + +/**seg**/ + +.corpomeio { + width: 100%; + height: 500px; + display: flex; + justify-content: center; + align-items: center; + padding: 35px; +} + +.meni{ + color: black; + font-size: 25px; + text-align: center; + text-shadow: 2px 2px 5px red; + +} + +.wrapper { + display: flex; + width: 70%; + display: flex; + justify-content: space-around; +} + +.cards { + width: 280px; + height: 360px; + padding: 3rem 1rem; + background: #4f8152; + position: relative; + display: flex; + align-items: flex-end; + box-shadow: 0px 7px 10px rgb(0, 0, 0, 0, 5); + transition: 0.5s ease-in-out; + border-radius: 30px; +} + +.cards:hover { + transform: translateY(20px); +} + +.cards:before { + content: ""; + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 100%; + background: linear-gradient(to bottom, rgba(0, 176, 155, 0.5) rgba(150, 201, 61, 1)); + z-index: 2; + transition: 0.5s all; + opacity: 0; +} + +.cards:hover:before { + opacity: 1; +} + +.cards img { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + top: 0; + left: 0; +} + +.cards .info { + position: relative; + z-index: 3; + color: whitesmoke; + opacity: 0; + transform: translateY(30px); + transition: 0.5s all; +} + +.cards:hover .info { + opacity: 1; + transform: translateY(0px); +} + +.cards .info h1 { + margin: 0; + color: #fa0303; +} + +.cards .info p { + letter-spacing: 1px; + font-size: 15px; + margin-top: 8px; + margin-bottom: 20px; +} + +.cards .info .btn { + text-decoration: none; + padding: .5rem 1rem; + background: #790d0d; + color: white; + font-size: 14px; + font-weight: bold; + cursor: pointer; + transition: 0.4s ease-in-out; +} + +.cards .info .bts:hover { + box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); +} \ No newline at end of file diff --git a/habg kids/inicial.html b/habg kids/inicial.html new file mode 100644 index 0000000..6200e71 --- /dev/null +++ b/habg kids/inicial.html @@ -0,0 +1,97 @@ + + + + + + kids monster hamburger + + + +
+
+
+
+ + +
+
+ Home + Menu monster + Bebidas + brinquedos +
+ +
+ Pesquisar +
+
+ + Cadastro +
+
+
+
+ +
+
+
+

PEDIU CHEGOU

+

"Sua buscar pelo Hambúrguer perfeito termina aqui!"

+
+
+ +
+ +
+

Menu Monster

+
+
+
+ +
+
+ +
+

Hambúrguer Batman

+

Monster bruger

+ Compra +
+
+ +
+ +
+

Bebida

+

Lata aterrorizante

+ Compra +
+
+ +
+ +
+

Brinquedo

+

Escolha oque conbime com você!

+ Compra +
+
+
+
+ +
+
+

Localização

+

Endereço: Av. Expedicionário Osvaldo de Almeida Ramos, 280 - Centro, Vassouras - RJ, 27700-000

+

Horário de Funcionamento: Seg-Sex: 10h-20h, Sáb-Dom: 11h-18h

+

Veja no Mapa

+
+
+ + + + + \ No newline at end of file diff --git a/habg kids/login.css b/habg kids/login.css new file mode 100644 index 0000000..720c388 --- /dev/null +++ b/habg kids/login.css @@ -0,0 +1,60 @@ +.bg-purple { + background-color: black; +} +.text-purple { + color: #0e4409; +} +.logo { + max-width: 100px; + border-radius: 50%; +} +.btn-entrar { + background-color: #0e4409; + border-color: #0e4409; +} +.btn-entrar:hover { + background-color: #0e4409; + border-color: #0e4409; +} + +body { + background-color: #f8f9fa; +} +main { + margin-top: 50px; +} +.card { + border: none; + border-radius: 15px; + box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); +} +.card-header { + background-color: #fff; + border-bottom: none; +} +.card-body { + padding: 40px; +} +.form-group { + margin-bottom: 20px; +} +label { + color: #0e4409; + font-weight: bold; +} +input[type="email"], +input[type="password"] { + border-radius: 20px; + padding: 15px; +} +.btn-primary { + background-color: #0e4409; + border-color: #0e4409; + border-radius: 20px; + padding: 12px 30px; + font-weight: bold; +} +.btn-primary:hover { + background-color: #6a0dad; + border-color: #6a0dad; +} \ No newline at end of file diff --git a/habg kids/login.html b/habg kids/login.html new file mode 100644 index 0000000..9bbdc4c --- /dev/null +++ b/habg kids/login.html @@ -0,0 +1,65 @@ + + + + + + kids monster hamburger/title> + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> + <link rel="stylesheet" href="login.css"> +</head> +<body> + <header class="bg-purple text-white py-4"> + <div class="container"> + <div class="row align-items-center"> + <div class="col-md-4"> + <a href="inicial.html" class="btn btn-light mr-3">Home</a> + </div> + <div class="col-md-4 text-center"> + <img src="img/logo kids.png" alt="Logo Du Bom" class="logo"> + <h1 class="mb-0">Login</h1> + </div> + <div class="col-md-4 text-right"> + + </div> + </div> + </div> + </header> + + <main> + <div class="container"> + <div class="row justify-content-center"> + <div class="col-md-6"> + <div class="card"> + <div class="card-header text-center"> + <h2>Faça o Login</h2> + </div> + <div class="card-body"> + <form> + <div class="form-group"> + <label for="email">Email:</label> + <input type="email" class="form-control" id="email" placeholder="Digite seu email"> + </div> + <div class="form-group"> + <label for="senha">Senha:</label> + <input type="password" class="form-control" id="senha" placeholder="Digite sua senha"> + </div> + <button type="submit" class="btn btn-primary btn-block btn-entrar">Entrar</button> + </form> + </div> + </div> + </div> + </div> + </div> + </main> + + + <div class="container text-center"> + + </div> + </footer> + + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> +</body> +</html> \ No newline at end of file diff --git a/habg kids/menu monster.html b/habg kids/menu monster.html new file mode 100644 index 0000000..6bc52a8 --- /dev/null +++ b/habg kids/menu monster.html @@ -0,0 +1,141 @@ +<!DOCTYPE html> + <html lang="pt-br"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>kids monster hamburger + + + + +
+
+
+
+ +
+
+

Menu monster

+
+
+ Voltar +
+
+
+
+
+

Escolha o monster/super do dia

+
+ + +
+ +
+
+ +
+

Hamburger Capitão América

+

Monster bruger

+

Preço: R$ 39,90

+ +
+
+ +
+ +
+

burger Dino

+

Venha se deliciar com o passado

+

Preço: R$ 39,60

+ +
+
+ +
+ +
+

Dr. Estranho

+

Que tal um estranho no seu paladar

+

Preço: R$ 36,90

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

Que tal um mega Hulk

+

Monster bruger

+

Preço: R$ 39,90

+ +
+
+ +
+ +
+

Mega Thor

+

Uma trovuada de sensação

+

Preço: R$ 39,60

+ +
+
+ +
+ +
+

Homem aranha

+

Que tal um teia de sensação

+

Preço: R$ 36,90

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

Hamburger de ferro

+

Que tal um homem de ferro para ajudar

+

Preço: R$ 39,90

+ +
+
+ +
+ +
+

burger Venon

+

Venha se deliciar com o Venon, vai aguentar

+

Preço: R$ 39,60

+ +
+
+ +
+ +
+

Wanda

+

Que tal um burger picante!

+

Preço: R$ 36,90

+ +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/habg kids/menu.css b/habg kids/menu.css new file mode 100644 index 0000000..bb8456c --- /dev/null +++ b/habg kids/menu.css @@ -0,0 +1,145 @@ +.menu { + color: #790d0d; +} +.bg-purple { + background-color: black; +} +.text-purple { + color: #790d0d; +} + +.btn-voltar { + color: whitesmoke; + background-color :#fa0303; +} +.btn-voltar:hover { + color: #fff; + background-color: green; + +} +.logo { + max-width: 150px; + height: auto; + border-radius: 30%; +} + +.escolha { + color: black; + font-size: 25px; + text-align: center; + text-shadow: 2px 2px 5px red; + padding: 55px; +} + +.corpomeio { + width: 100%; + height: 500px; + display: flex; + justify-content: center; + align-items: center; + padding: 35px; +} + +.meni{ + color: black; + font-size: 25px; + text-align: center; + text-shadow: 2px 2px 5px red; + +} + +.wrapper { + display: flex; + width: 70%; + display: flex; + justify-content: space-around; +} + +.cards { + width: 280px; + height: 360px; + padding: 3rem 1rem; + background: #4f8152; + position: relative; + display: flex; + align-items: flex-end; + box-shadow: 0px 7px 10px rgb(0, 0, 0, 0, 5); + transition: 0.5s ease-in-out; + border-radius: 30px; +} + +.cards:hover { + transform: translateY(20px); +} + +.cards:before { + content: ""; + position: absolute; + top: 0; + left: 0; + display: block; + width: 100%; + height: 100%; + z-index: 2; + transition: 0.5s all; + opacity: 0; +} + +.cards:hover:before { + opacity: 1; +} + +.cards img { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; + top: 0; + left: 0; +} + +.cards .info { + position: relative; + z-index: 3; + color: rgb(17, 228, 10); + opacity: 0; + transform: translateY(30px); + transition: 0.5s all; +} + +.cards:hover .info { + opacity: 1; + transform: translateY(0px); + +} + +.cards .info h1 { + margin: 0; + color: #fa0303; +} + +.cards .info p { + letter-spacing: 1px; + font-size: 15px; + margin-top: 8px; + margin-bottom: 20px; +} + +.cards .info .btn { + text-decoration: none; + padding: .5rem 1rem; + background-color: #0e4409; + border-color: #0e4409; + color: white; + font-size: 14px; + font-weight: bold; + cursor: pointer; + transition: 0.4s ease-in-out; +} + +.cards .info .bts:hover { + box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5); + + background-color: #03faa8; + border-color: #0e4409; +}