From 6309dd3b0812dd754da48aa29dd76aa53425cc19 Mon Sep 17 00:00:00 2001 From: Gustavo Date: Thu, 24 Jan 2019 12:32:04 -0200 Subject: [PATCH 1/2] base do site e navbar --- assets/css/index.css | 71 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 31 +++++++++++++++++++ 2 files changed, 102 insertions(+) create mode 100644 assets/css/index.css create mode 100644 index.html diff --git a/assets/css/index.css b/assets/css/index.css new file mode 100644 index 0000000..eaac55e --- /dev/null +++ b/assets/css/index.css @@ -0,0 +1,71 @@ +.container body, html { + height:100%; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-content: space-around; + background-color: #FFFFFF; +} + +.container { + padding: 10px 50px 10px 50px; +} + +#logo { + color: #000000; + opacity: 0.87; + font-weight: 800; + font-size: 18px; +} + +nav { + display: flex; + flex-direction: column; + align-items: center; + background-color: #FFFFFF; +} + +nav a { + text-decoration: none; + opacity: 0.30; + color: #000000; + font-family: 'Montserrat', sans-serif; + font-weight: 700; + font-size: 12px; + margin-right: 30px; +} + +nav ul { + list-style: none; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + width: 100%; +} + +nav ul li { + text-align: center; + width: 100%; +} + +nav ul li a { + display: inline-block; + width: 100%; + text-decoration: none; +} + + +@media screen and (min-width: 768px) { + + nav { + flex-direction: row; + } + + nav ul { + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-end; + width: 100%; + } diff --git a/index.html b/index.html new file mode 100644 index 0000000..c83dcbe --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ + + + + + Home + + + + +
+ + + +
+
+
+ +
+ + + From c2b830469b1b31055ffbbcdcba2caa0709ebe829 Mon Sep 17 00:00:00 2001 From: Gustavo Date: Fri, 25 Jan 2019 15:39:33 -0200 Subject: [PATCH 2/2] navbar finalizada, video e texto incluido --- assets/css/index.css | 66 ++++++++++++++++++++++++++++++++++++++++---- index.html | 40 +++++++++++++++++++++------ 2 files changed, 92 insertions(+), 14 deletions(-) diff --git a/assets/css/index.css b/assets/css/index.css index eaac55e..fcd7413 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -9,14 +9,14 @@ } .container { - padding: 10px 50px 10px 50px; + padding: 30px 50px 30px 50px; } #logo { color: #000000; opacity: 0.87; font-weight: 800; - font-size: 18px; + font-size: 28px; } nav { @@ -32,8 +32,8 @@ nav a { color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 700; - font-size: 12px; - margin-right: 30px; + font-size: 13px; + letter-spacing: 1px; } nav ul { @@ -56,6 +56,58 @@ nav ul li a { text-decoration: none; } +.icones { + display: flex; + flex-direction: row; +} + +#search { + margin-right: 16px; + font-size: 18px; +} + +#menu { + font-size: 18px; +} + +.ativo { + border-bottom: 3px solid black; + color: #000000; + opacity: 0.87; +} + +.video video { + width: 100%; + height: 100%; +} + +.video { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 30px; +} + +.texto1 { + display: flex; + position: absolute; + flex-direction: column; + text-align: center; +} + +#titulo { + font-family: 'Seaweed Script', cursive; + font-size: 93px; + color: #FFFFFF; +} + +#subtitulo { + color: #757575; + font-family: 'Montserrat', sans-serif; + font-weight: 700; + font-size: 16px; + letter-spacing: 2px; +} @media screen and (min-width: 768px) { @@ -66,6 +118,10 @@ nav ul li a { nav ul { flex-direction: row; flex-wrap: wrap; - justify-content: flex-end; width: 100%; + justify-content: space-around; + align-items: flex-end; + margin-right: 16px; + margin-left: 35% } +} diff --git a/index.html b/index.html index c83dcbe..134469b 100644 --- a/index.html +++ b/index.html @@ -5,27 +5,49 @@ Home + +
+
+ +
+ + +
+
+
-