diff --git a/assets/css/index.css b/assets/css/index.css new file mode 100644 index 0000000..fcd7413 --- /dev/null +++ b/assets/css/index.css @@ -0,0 +1,127 @@ +.container body, html { + height:100%; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-content: space-around; + background-color: #FFFFFF; +} + +.container { + padding: 30px 50px 30px 50px; +} + +#logo { + color: #000000; + opacity: 0.87; + font-weight: 800; + font-size: 28px; +} + +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: 13px; + letter-spacing: 1px; +} + +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; +} + +.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) { + + nav { + flex-direction: row; + } + + nav ul { + flex-direction: row; + flex-wrap: wrap; + width: 100%; + justify-content: space-around; + align-items: flex-end; + margin-right: 16px; + margin-left: 35% + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..134469b --- /dev/null +++ b/index.html @@ -0,0 +1,53 @@ + + + + + Home + + + + + + +
+ + + +
+ +
+ + +
+
+ + + +
+ +