diff --git a/front/assets/marguerita.jpeg b/front/assets/marguerita.jpeg new file mode 100644 index 0000000..a233a7e Binary files /dev/null and b/front/assets/marguerita.jpeg differ diff --git a/front/roberta.css b/front/roberta.css new file mode 100644 index 0000000..f6043fb --- /dev/null +++ b/front/roberta.css @@ -0,0 +1,148 @@ +body { + font-family: Arial, sans-serif; + background-color: #f4f4f9; + margin: 0; + padding: 0; + } + + header { + background-color: #e53935; + color: white; + padding: 15px 0; + text-align: center; + } + + nav { + background-color: #c62828; + overflow: hidden; + } + + nav a { + color: white; + padding: 14px 20px; + text-decoration: none; + display: inline-block; + } + + nav a:hover { + background-color: #b71c1c; + } + + .container { + padding: 20px; + } + + .section-title { + font-size: 2em; + color: #333; + margin-bottom: 20px; + } + + .recipe-card { + background-color: white; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + margin: 20px 0; + padding: 15px; + } + + .recipe-card h2 { + margin-top: 0; + color: #c62828; + } + + .recipe-card ul { + list-style-type: none; + padding-left: 0; + } + + .recipe-card ul li { + margin: 5px 0; + } + .footer { + background-color: #e53935; + color: white; + text-align: center; + padding: 10px 0; + width: 100%; + bottom: 0; + } +.container { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + text-align: center; + } + .form_area { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + background-color: #EDDCD9; + height: auto; + width: auto; + border: 2px solid #264143; + border-radius: 20px; + box-shadow: 3px 4px 0px 1px #E99F4C; + } + img{ + display: flex; + flex-direction: row; + margin-right: 20px; + width: 50%; + height: auto; + border-radius: 50px; + } + img a:hover{ + height: 800px; + } + .title { + color: #264143; + font-weight: 900; + font-size: 1.5em; + margin-top: 20px; + } + .sub_title { + font-weight: 600; + margin: 5px 0; + } + .form_group { + display: flex; + flex-direction: column; + align-items: baseline; + margin: 10px; + } + + .form_style { + outline: none; + border: 2px solid #264143; + box-shadow: 3px 4px 0px 1px #E99F4C; + width: 290px; + padding: 12px 10px; + border-radius: 4px; + font-size: 15px; + } + .form_style:focus, .btn:focus { + transform: translateY(4px); + box-shadow: 1px 2px 0px 0px #E99F4C; + } + .btn { + padding: 15px; + margin: 25px 0px; + width: 290px; + font-size: 15px; + background: #DE5499; + border-radius: 10px; + font-weight: 800; + box-shadow: 3px 3px 0px 0px #E99F4C; + } + .btn:hover { + opacity: .9; + } + .link { + font-weight: 800; + color: #264143; + padding: 5px; + } + \ No newline at end of file diff --git a/front/roberta.html b/front/roberta.html new file mode 100644 index 0000000..4abe3ef --- /dev/null +++ b/front/roberta.html @@ -0,0 +1,83 @@ + + +
+ + + +Descubra o sabor da Itália em cada prato!
+A culinária italiana é famosa no mundo todo pela sua simplicidade e sabor. Ela utiliza ingredientes frescos, e cada região da Itália tem seus próprios pratos típicos. Vamos explorar alguns dos pratos mais conhecidos e suas receitas!
+A pizza Margherita é um dos pratos mais tradicionais da culinária italiana, feita com molho de tomate, mozzarella de búfala, manjericão e azeite de oliva.
+A lasanha é um prato clássico de camadas de massa, carne moída, molho béchamel e queijo, assados no forno até ficarem dourados.
+Este risoto tradicional de Milão é preparado com açafrão, dando-lhe uma cor dourada e sabor único.
+SIGN UP
+