From 4e3c7d9b83b9bcad0a60109d96f2b029360d6028 Mon Sep 17 00:00:00 2001 From: Ryan Scherf Date: Thu, 9 Mar 2017 13:12:14 -0600 Subject: [PATCH 1/2] Form, map + address --- contact.html | 115 +++++++++++++++++++++++++++++++++++++++++++++++ css/global.css | 25 ++++++++++- scss/global.scss | 38 +++++++++++++++- 3 files changed, 175 insertions(+), 3 deletions(-) create mode 100644 contact.html diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..efc6a68 --- /dev/null +++ b/contact.html @@ -0,0 +1,115 @@ + + + + BlocPower Smart Cities Platform - Jobs + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+ +
+ +
+ +
+
+
+
+ + +
+
+
+

Contact us

+ +

We want to chat.

+ + +
+
+
+ +
+ +
+
+
+ + + + +
+
+ +
+ +
+ 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 cb846f3..b1648d6 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); @@ -1032,6 +1032,29 @@ section.social ul li { opacity: 1; } section.social ul li p.interact { display: none; } +section.contact { + padding-top: 40px; } + section.contact address { + padding: 0 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 6319cda..163f21d 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%); @@ -367,7 +367,8 @@ section { @include rotate(1); } - ul{ + + ul { display: flex; flex-direction: row; align-items: center; @@ -677,6 +678,39 @@ section { } } } + + &.contact { + padding-top: $padding*4; + + address { + padding: 0 $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 { -- GitLab From 8ed0b6fd3aae54ef0992dd84806dd9dbcfb1f587 Mon Sep 17 00:00:00 2001 From: Ryan Scherf Date: Thu, 9 Mar 2017 13:24:34 -0600 Subject: [PATCH 2/2] Fixup intro header --- contact.html | 5 +---- css/global.css | 7 ++++--- scss/global.scss | 7 ++++--- 3 files changed, 9 insertions(+), 10 deletions(-) diff --git a/contact.html b/contact.html index efc6a68..513abfd 100644 --- a/contact.html +++ b/contact.html @@ -67,9 +67,6 @@

Contact us

-

We want to chat.

- -
@@ -97,7 +94,7 @@
- +
diff --git a/css/global.css b/css/global.css index b1648d6..94cdef3 100644 --- a/css/global.css +++ b/css/global.css @@ -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 { @@ -1033,9 +1034,9 @@ section.social ul li { section.social ul li p.interact { display: none; } section.contact { - padding-top: 40px; } + padding-top: 60px; } section.contact address { - padding: 0 30px; } + padding: 40px 30px; } section.contact address strong { font-weight: 500; } section.contact input, section.contact textarea { diff --git a/scss/global.scss b/scss/global.scss index 163f21d..a72c699 100644 --- a/scss/global.scss +++ b/scss/global.scss @@ -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; } } @@ -680,10 +681,10 @@ section { } &.contact { - padding-top: $padding*4; + padding-top: $padding*6; address { - padding: 0 $padding*3; + padding: $padding*4 $padding*3; strong { font-weight: 500; -- GitLab