diff --git a/contact.html b/contact.html new file mode 100644 index 0000000000000000000000000000000000000000..513abfd27fc45328ff54e1f1a6ad9e6c24cb4261 --- /dev/null +++ b/contact.html @@ -0,0 +1,112 @@ + + + + BlocPower Smart Cities Platform - Jobs + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+ +
+ +
+ +
+
+
+
+ + +
+
+
+

Contact us

+ +
+
+
+ +
+ +
+
+
+ + + + +
+
+ +
+ +
+ BlocPower
+ 335 Madison Avenue, 4th Floor
+ New York, NY 10017 +
+ +
+
+ + + +
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/css/global.css b/css/global.css index cb846f337e9f3a642cb076793e327ac48e04fae2..94cdef3af58a0695c856b02825056bcc95467d1f 100644 --- a/css/global.css +++ b/css/global.css @@ -695,7 +695,7 @@ section.headline { line-height: 1.5em; } section.intro { text-align: center; - padding: 100px; + padding: 80px; -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); @@ -710,8 +710,9 @@ section.intro { -moz-transform: rotate(1deg); transform: rotate(1deg); } section.intro .adjust h1 { - padding: 40px 0; } + padding: 40px 0 0; } section.intro .adjust p { + padding-top: 40px; opacity: 0.7; } @media (max-width: 37.5em) { section.intro { @@ -1032,6 +1033,29 @@ section.social ul li { opacity: 1; } section.social ul li p.interact { display: none; } +section.contact { + padding-top: 60px; } + section.contact address { + padding: 40px 30px; } + section.contact address strong { + font-weight: 500; } + section.contact input, section.contact textarea { + display: block; + border: 1px solid rgba(63, 63, 63, 0.5); + border-radius: 5px; + padding: 10px; + outline: none; + font-size: 1em; + margin-bottom: 10px; + box-sizing: border-box; + width: 100%; + font-family: "MuseoSansRounded", 'Helvetica Neue', Helvetica, Arial, sans-serif; + box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } + section.contact button { + border: none; + display: block; + line-height: 1.5em; + margin-top: 20px; } footer { text-align: center; diff --git a/scss/global.scss b/scss/global.scss index 6319cda5ae662636d8ce3c3370baaea2ad471d62..a72c6997517921236b782ea7e93068eb6590ff0d 100644 --- a/scss/global.scss +++ b/scss/global.scss @@ -201,7 +201,7 @@ section { &.intro { text-align: center; - padding: $padding*10; + padding: $padding*8; @include rotate(-1); @include linear-gradient(179deg, rgba(0,0,0,0) 0%, rgba($light-blue, 0.4) 100%); @@ -210,10 +210,11 @@ section { @include rotate(1); h1 { - padding: $padding*4 0; + padding: $padding*4 0 0; } p { + padding-top: $padding*4; opacity: 0.7; } } @@ -367,7 +368,8 @@ section { @include rotate(1); } - ul{ + + ul { display: flex; flex-direction: row; align-items: center; @@ -677,6 +679,39 @@ section { } } } + + &.contact { + padding-top: $padding*6; + + address { + padding: $padding*4 $padding*3; + + strong { + font-weight: 500; + } + } + + input, textarea { + display: block; + border: 1px solid $light-text; + border-radius: $radius; + padding: $padding; + outline: none; + font-size: 1em; + margin-bottom: $padding; + box-sizing: border-box; + width: 100%; + font-family: "MuseoSansRounded", 'Helvetica Neue', Helvetica, Arial, sans-serif; + box-shadow: 0 0 30px rgba(0,0,0,0.1); + } + + button { + border: none; + display: block; + line-height: 1.5em; + margin-top: $padding*2; + } + } } footer {