diff --git a/quinzena2/labetube/img/lupa.png b/quinzena2/labetube/img/lupa.png new file mode 100644 index 0000000..7068f30 Binary files /dev/null and b/quinzena2/labetube/img/lupa.png differ diff --git a/quinzena2/labetube/img/v1.png b/quinzena2/labetube/img/v1.png new file mode 100644 index 0000000..bada84d Binary files /dev/null and b/quinzena2/labetube/img/v1.png differ diff --git a/quinzena2/labetube/img/v2.png b/quinzena2/labetube/img/v2.png new file mode 100644 index 0000000..f0bef3d Binary files /dev/null and b/quinzena2/labetube/img/v2.png differ diff --git a/quinzena2/labetube/img/v3.png b/quinzena2/labetube/img/v3.png new file mode 100644 index 0000000..1bc933f Binary files /dev/null and b/quinzena2/labetube/img/v3.png differ diff --git a/quinzena2/labetube/img/v4.png b/quinzena2/labetube/img/v4.png new file mode 100644 index 0000000..54f6e0f Binary files /dev/null and b/quinzena2/labetube/img/v4.png differ diff --git a/quinzena2/labetube/img/v5.png b/quinzena2/labetube/img/v5.png new file mode 100644 index 0000000..2816efe Binary files /dev/null and b/quinzena2/labetube/img/v5.png differ diff --git a/quinzena2/labetube/img/v6.png b/quinzena2/labetube/img/v6.png new file mode 100644 index 0000000..fd4c252 Binary files /dev/null and b/quinzena2/labetube/img/v6.png differ diff --git a/quinzena2/labetube/img/v7.png b/quinzena2/labetube/img/v7.png new file mode 100644 index 0000000..5938e22 Binary files /dev/null and b/quinzena2/labetube/img/v7.png differ diff --git a/quinzena2/labetube/img/v8.png b/quinzena2/labetube/img/v8.png new file mode 100644 index 0000000..9002a95 Binary files /dev/null and b/quinzena2/labetube/img/v8.png differ diff --git a/quinzena2/labetube/index.html b/quinzena2/labetube/index.html new file mode 100644 index 0000000..a1facd1 --- /dev/null +++ b/quinzena2/labetube/index.html @@ -0,0 +1,63 @@ + + + + + + + Document + + +
+ +
+ magnifying glass + +
+
+
+
+
+ video1 +

Media 1

+
+
+ video2 +

Media 2

+
+
+ video3 +

Media 3

+
+
+ video4 +

Media 4

+
+
+
+
+ video5 +

Media 5

+
+
+ video6 +

Media 6

+
+
+ video7 +

Media 7

+
+
+ video8 +

Media 8

+
+
+ +
+ + + + diff --git a/quinzena2/labetube/styles.css b/quinzena2/labetube/styles.css new file mode 100644 index 0000000..3c41160 --- /dev/null +++ b/quinzena2/labetube/styles.css @@ -0,0 +1,82 @@ +*{ + margin: 0; + padding: 0; +} +body{ + height: 100vh; + width: 100vw; +} +header{ + display: flex; + width: 100%; + background-color: purple; + justify-content: space-between; + align-items: center; + padding: 2vh; +} + +h1{ + font-family: 'Segoe UI', sans-serif; + color: white; +} + +h3{ + font-family: 'Segoe UI', sans-serif; + color: white; +} +input{ + height: 2vh; + margin-right: 5vw; +} + +#search2{ + height: 2vh; +} + + +main{ + display: flex; + height: 90vh; + width: 90vw; + flex-direction: column; + justify-content: space-around; + +} + +#thumbnail{ + height: 30vh; + width: 20vw; +} +.thumbnail{ + display: flex; + flex-direction: column; + align-items: center; + font-family: 'Segoe UI', sans-serif; + font-size: 16px; +} +.row1{ + display: flex; + flex-direction: row; + justify-content: space-around; + height: 20vh; + width: 99vw; +} + +.row2{ + display: flex; + flex-direction: row; + justify-content: space-around; + height: 20vh; + width: 99vw; +} + +footer{ + display: flex; + flex-direction: column; + background-color: purple; + justify-content: flex-end; + align-items: center; + padding: 20px; + margin-top: 20px; + +} \ No newline at end of file diff --git a/quinzena2/labetube/video1.html b/quinzena2/labetube/video1.html new file mode 100644 index 0000000..22a1033 --- /dev/null +++ b/quinzena2/labetube/video1.html @@ -0,0 +1,27 @@ + + + + + + + Labetube + + +
+ +
+ magnifying glass + +
+
+
+

Media
1

+ +
+ + + \ No newline at end of file diff --git a/quinzena2/labetube/video2.html b/quinzena2/labetube/video2.html new file mode 100644 index 0000000..e7b2ccd --- /dev/null +++ b/quinzena2/labetube/video2.html @@ -0,0 +1,27 @@ + + + + + + + Labetube + + +
+ +
+ magnifying glass + +
+
+
+

Media
2

+ +
+ + + \ No newline at end of file diff --git a/quinzena2/labetube/video3.html b/quinzena2/labetube/video3.html new file mode 100644 index 0000000..dc519d1 --- /dev/null +++ b/quinzena2/labetube/video3.html @@ -0,0 +1,27 @@ + + + + + + + Labetube + + +
+ +
+ magnifying glass + +
+
+
+

Media
3

+ +
+ + + \ No newline at end of file diff --git a/quinzena2/labetube/video4.html b/quinzena2/labetube/video4.html new file mode 100644 index 0000000..0740f67 --- /dev/null +++ b/quinzena2/labetube/video4.html @@ -0,0 +1,27 @@ + + + + + + + Labetube + + +
+ +
+ magnifying glass + +
+
+
+

Media
4

+ +
+ + + \ No newline at end of file diff --git a/quinzena2/labetube/video5.html b/quinzena2/labetube/video5.html new file mode 100644 index 0000000..8f3d1f1 --- /dev/null +++ b/quinzena2/labetube/video5.html @@ -0,0 +1,27 @@ + + + + + + + Labetube + + +
+ +
+ magnifying glass + +
+
+
+

Media
5

+ +
+ + + \ No newline at end of file diff --git a/quinzena2/labetube/video6.html b/quinzena2/labetube/video6.html new file mode 100644 index 0000000..f84bc88 --- /dev/null +++ b/quinzena2/labetube/video6.html @@ -0,0 +1,27 @@ + + + + + + + Labetube + + +
+ +
+ magnifying glass + +
+
+
+

Media
6

+ +
+ + + \ No newline at end of file diff --git a/quinzena2/labetube/video7.html b/quinzena2/labetube/video7.html new file mode 100644 index 0000000..2a049d4 --- /dev/null +++ b/quinzena2/labetube/video7.html @@ -0,0 +1,27 @@ + + + + + + + Labetube + + +
+ +
+ magnifying glass + +
+
+
+

Media
7

+ +
+ + + \ No newline at end of file diff --git a/quinzena2/labetube/video8.html b/quinzena2/labetube/video8.html new file mode 100644 index 0000000..0805b4a --- /dev/null +++ b/quinzena2/labetube/video8.html @@ -0,0 +1,27 @@ + + + + + + + Labetube + + +
+ +
+ magnifying glass + +
+
+
+

Media
8

+ +
+ + + \ No newline at end of file diff --git a/quinzena2/labetube/videos.css b/quinzena2/labetube/videos.css new file mode 100644 index 0000000..5a2a3c8 --- /dev/null +++ b/quinzena2/labetube/videos.css @@ -0,0 +1,67 @@ +*{ + margin: 0; + padding: 0; +} +body{ + height: 100vh; + width: 100vw; +} +header{ + display: flex; + width: 100%; + background-color: purple; + justify-content: space-between; + align-items: center; + padding: 2vh; +} + +h1{ + font-family: 'Segoe UI', sans-serif; + color: white; + text-decoration: none; +} +h2{ + align-self: flex-end; + font-family:'Segoe UI', sans-serif; + font-size: 170px; + color: purple; + text-align: end; + margin-left: 8px; +} +h3{ + font-family: 'Segoe UI', sans-serif; + color: white; +} +input{ + height: 2vh; + margin-right: 5vw; +} + +#search2{ + height: 2vh; +} + +main{ + display: flex; + height: 80vh; + width: 98vw; + justify-content: center; + align-items: center; + margin: 4%; +} + +video{ + width: 70%; + height: 70%; +} + +footer{ + display: flex; + flex-direction: column; + background-color: purple; + justify-content: flex-end; + align-items: center; + padding: 20px; + margin-top: 20px; + +} \ No newline at end of file diff --git a/quinzena2/landing-page/LandingPage.html b/quinzena2/landing-page/LandingPage.html new file mode 100644 index 0000000..6b4c6b4 --- /dev/null +++ b/quinzena2/landing-page/LandingPage.html @@ -0,0 +1,90 @@ + + + + + + + + 4Food Delivery + + +
+
+ +
+
+
+

Coma bem, sem sair de casa

+

entrega rápida e descomplicada

+

Faça seu Pedido

+
+ lupa + + +
+
+
+
+

Compra de Supermercado

+ mercadinho +
+
+

Comida Pronta para a Semana

+ macarrão quentinho +
+
> +
+
+

Nossa Tecnologia é + baseada em algoritmos + que vão aproximar você + do entregador de seu pedido, + garantindo uma entrega

+

rápida e pontual.

+ + seta +
+
+ celular +
+
+
+
+

Trabalhe
+ Conosco

+

Trabalhamos para que nossos entregadores tenham as melhores condições de trabalho possíveis, afinal eles são os maiores responsáveis pela entrega íntegra e pontual do seu pedido. + Para tanto, garantimos uma série de direitos:

+ +

Seguro contra acidentes
+ Plano de Saúde
+ Contratação CLT
+ VR + VT
+

+
+
+

Faça parte da nossa equipe (:

+ + seta +
+
+ + + \ No newline at end of file diff --git a/quinzena2/landing-page/img/cellphone.svg b/quinzena2/landing-page/img/cellphone.svg new file mode 100644 index 0000000..49096b9 --- /dev/null +++ b/quinzena2/landing-page/img/cellphone.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/quinzena2/landing-page/img/comidapronta.png b/quinzena2/landing-page/img/comidapronta.png new file mode 100644 index 0000000..e81daed Binary files /dev/null and b/quinzena2/landing-page/img/comidapronta.png differ diff --git a/quinzena2/landing-page/img/facebook.png b/quinzena2/landing-page/img/facebook.png new file mode 100644 index 0000000..55b7656 Binary files /dev/null and b/quinzena2/landing-page/img/facebook.png differ diff --git a/quinzena2/landing-page/img/instagram.png b/quinzena2/landing-page/img/instagram.png new file mode 100644 index 0000000..246f396 Binary files /dev/null and b/quinzena2/landing-page/img/instagram.png differ diff --git a/quinzena2/landing-page/img/lupa.png b/quinzena2/landing-page/img/lupa.png new file mode 100644 index 0000000..4395882 Binary files /dev/null and b/quinzena2/landing-page/img/lupa.png differ diff --git a/quinzena2/landing-page/img/mercadinho1.png b/quinzena2/landing-page/img/mercadinho1.png new file mode 100644 index 0000000..288cd25 Binary files /dev/null and b/quinzena2/landing-page/img/mercadinho1.png differ diff --git a/quinzena2/landing-page/img/seta.png b/quinzena2/landing-page/img/seta.png new file mode 100644 index 0000000..eb51050 Binary files /dev/null and b/quinzena2/landing-page/img/seta.png differ diff --git a/quinzena2/landing-page/style.css b/quinzena2/landing-page/style.css new file mode 100644 index 0000000..d89c1b5 --- /dev/null +++ b/quinzena2/landing-page/style.css @@ -0,0 +1,303 @@ +*{ + padding: 0; + margin: 0; +} + +body{ + display: flex; + flex-direction: column; + height: 400vh; + background-color: #dbdbdb; +} +header{ + background-color: white; + display: flex; + height: 10vh; + padding: 20px; + justify-content: flex-end; +} + +ul{ + display: flex; +} + +li{ + padding: 20px; + list-style: none; + font-size: 16px; + font-family: 'Open Sans', sans-serif; +} + +h1{ + font-family: 'Open Sans', sans-serif; + font-weight: 800; + font-size: 50px; +} + +h3{ + font-family: 'Open Sans', sans-serif; + font-weight: 700; + font-size: 18px; +} + +h2{ + font-family: 'Open Sans', sans-serif; + font-weight: 700; + font-size: 22px; + padding-top: 100px; +} + +input{ + display: flex; + width: 420px; + border-radius: 1px; + border-color: black; + justify-content: center; + +} + +.entrada{ + background-color:#dbdbdb; + display: flex; + height: 340px; + padding-top: 40px; + flex-direction: column; + align-items: center; +} + +button{ + background: white; + font-family: 'Open Sans', sans-serif; + font-size: 12px; + width: 8vw; + height: 3vh; + border-radius: 1px; + border-color: black; +} + +button:active{ + background-color: #88af3c; +} + +#lupa{ + height: 20px; + width: 20px; +} + +.formbuscar{ + display: flex; + width: 45vw; + height: 6vh; + justify-content: space-around; + align-items: center; +} + +#comidapronta{ + width: 50%; +} + +#mercado{ + margin-top: 5vh; + width: 40%; +} +.nossatecnologia{ + display: flex; + flex-direction: row; + justify-content: space-around; + background-color: #88af3c; + width: 99vw; + height: 100vh; +} + +.boxservicos{ + background-color:#dbdbdb; + display: flex; + flex-direction: row; + justify-content: space-around; + font-family: 'Open Sans', sans-serif; + font-size: 30px; + padding-bottom: 20vh; + +} +.box1{ + display: flex; + flex-direction: column; + align-items: center; + height: 60vh; + width: 35vw; + background-color:#c1c1c1; +} + +.box1:hover{ + background-color: white; +} + +.box2{ + display: flex; + flex-direction: column; + align-items: center; + height: 60vh; + width: 35vw; + background-color:#c1c1c1; +} +.box2:hover{ + background-color: white; +} +.txtecnologia{ + display: flex; + flex-direction: column; + width: 40vw; + justify-content: center; + +} + +.mobile{ + display: flex; + flex-direction: column; + width: 40vw; + justify-content: center; + +} + +#tecnologia{ + font-family: 'Open Sans', sans-serif; + font-weight: 700; + font-size: 30px; + color: white; +} + +#tecnologia2{ + font-family: 'Open Sans', sans-serif; + font-weight: 700; + font-size: 30px; + color: black; +} + +.app{ + width: 20vw; + height: 5vh; + align-self: center; + margin-top: 5vh; + font-size: 1em; +} + +#seta{ + width: 5vh; + align-self: flex-end; + margin-right: 7.5vw; + margin-top: 1vh; +} + +.osentregadores{ + display: flex; + flex-direction: row; + justify-content: space-around; + background-color: none; + width: 99vw; + height: 100vh; + padding-top: 20vh; +} + +.trabalheconosco{ + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: space-around; + height: 70vh; + width: 40vw; + font-family: 'Open Sans', sans-serif; + font-size: 20px; + +} + +.apreciacao{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + height: 60vh; + width: 40vw; +} + +#tconosco{ + font-family: 'Open Sans', sans-serif; + font-weight: 700; + font-size: 50px; + color: black; + text-align: left; +} + +#beneficios { + font-family: 'Open Sans', sans-serif; + font-weight: 700; + font-size: 16px; + color: black; + text-align: left; +} +#txtexplic{ + text-align: justify; +} +#entrega{ + font-family: 'Open Sans', sans-serif; + font-weight: 700; + font-size: 40px; + color: black; + text-align: center; +} + +#sejaumentregador{ + background: white; + font-family: 'Open Sans', sans-serif; + font-size: 12px; + width: 15vw; + height: 4vh; + border-radius: 1px; + border-color: black; + margin-top: 10vh; +} + +#setaentregador{ + width: 2vh; + align-self: flex-end; + margin-right: 11vw; + margin-top: 1vh; +} + +#sejaumentregador:active { + background-color: #88af3c; +} + +footer{ + display: flex; + flex-direction: row; + background-color: white; + display: flex; + height: 30vh; + width: 99vw; + justify-content: flex-start; + align-items: center; + font-family: 'Open Sans', sans-serif; + font-size: 16px; + font-weight: 100; + color: #3d3d29; +} + +.infosfinais{ + display: flex; + flex-direction: column; + justify-content: space-around; + width: 20vw; + height: 20vh; +} + +.midias{ + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: flex-start; +} + +#midia{ + width: 4vw; +} +