diff --git a/css/global.css b/css/global.css index bc1c077564536f38cb11f38e62c0d556af706897..8a2c053246088835a9fca43076458cbd0666e5de 100644 --- a/css/global.css +++ b/css/global.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -577,10 +576,8 @@ body { a { text-decoration: none; - text-transform: uppercase; color: rgba(63, 63, 63, 0.8); - font-weight: 700; - font-size: 0.875em; } + font-weight: 700; } p { padding-bottom: 20px; } @@ -687,6 +684,20 @@ header { header.subpage:after { display: none; } +section h6 { + text-align: center; + padding-bottom: 40px; } +section h5 span { + background: #F1F1F1; + display: inline-block; + padding: 3.33333px 10px; + border-radius: 5px; + font-weight: 800; + color: #3F3F3F; + text-transform: uppercase; + font-size: 0.8em; + margin-bottom: 10px; + margin-right: 10px; } section.headline { position: relative; text-align: center; } @@ -821,7 +832,6 @@ section.press { section.press h6 { letter-spacing: 0.2em; padding-bottom: 40px; - text-align: center; color: #95EAFF; -webkit-transform: rotate(1deg); -ms-transform: rotate(1deg); @@ -854,9 +864,6 @@ section.how { position: relative; margin-top: 50px; margin-bottom: 50px; } - section.how h6 { - text-align: center; - margin-bottom: 40px; } section.how .step { margin: 10px; padding: 10px; @@ -878,25 +885,10 @@ section.how { background: white; width: 60px; height: 60px; } - section.how .step h5 { - padding-bottom: 10px; } - section.how .step h5 span { - background: #F1F1F1; - display: inline-block; - padding: 3.33333px 10px; - border-radius: 5px; - font-weight: 800; - color: #3F3F3F; - text-transform: uppercase; - font-size: 0.8em; - margin-bottom: 10px; } section.how .step p { opacity: 0.7; } section.answers { padding: 60px 0; } - section.answers h6 { - text-align: center; - margin-bottom: 40px; } section.answers h4 { color: #FB8F32; text-transform: uppercase; @@ -932,26 +924,32 @@ section.jobs article { margin-bottom: 20px; } section.jobs article strong { font-weight: bold; } -section.newsletter { - max-width: 600px; +section.updates { margin-bottom: 80px; } - section.newsletter .callout { + section.updates h5 a { + color: #3F3F3F; + font-weight: normal; } + section.updates .update { + padding-right: 40px; } + section.updates img { + margin-left: 80px; + width: 400px; } + section.updates .callout { padding: 40px; border-radius: 5px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - margin: 0 auto; + margin: 40px auto; + max-width: 600px; background: transparent; background: linear-gradient(179deg, transparent 0%, rgba(149, 234, 255, 0.4) 100%); } - section.newsletter .callout h6 { - text-align: center; } - section.newsletter .callout p { + section.updates .callout p { text-align: center; padding: 20px 0; opacity: 0.7; } - section.newsletter .callout .mc-field-group { + section.updates .callout .mc-field-group { display: flex; flex-direction: row; } - section.newsletter .callout input { + section.updates .callout input { padding: 15px; font-size: 1em; flex: 1; @@ -959,13 +957,13 @@ section.newsletter { margin: 5px; border: 1px solid #D8D8D8; color: #3F3F3F; } - section.newsletter .callout input#mce-FNAME, section.newsletter .callout input#mce-LNAME { + section.updates .callout input#mce-FNAME, section.updates .callout input#mce-LNAME { flex: 0.5; min-width: 0; } - section.newsletter .callout input:focus { + section.updates .callout input:focus { border-color: #0ECAEA; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } - section.newsletter .callout .button { + section.updates .callout .button { border: none; color: #3F3F3F; background: #FBD13A; @@ -974,13 +972,13 @@ section.newsletter { margin-top: 10px; background: #FEEB6C; background: linear-gradient(170deg, #FEEB6C 0%, #FBD13A 100%); } - section.newsletter .callout #mce-responses .response { + section.updates .callout #mce-responses .response { display: block; color: white; padding: 10px; } - section.newsletter .callout #mce-responses #mce-error-response { + section.updates .callout #mce-responses #mce-error-response { background: #FF4906; } - section.newsletter .callout #mce-responses #mce-success-response { + section.updates .callout #mce-responses #mce-success-response { background: #20D3A3; } section.people { padding-top: 40px; } @@ -1043,9 +1041,6 @@ section.people { margin-right: 0; } section.people .column:nth-child(even) .person { margin-left: 0; } } -section.social h6 { - text-align: center; - padding-bottom: 40px; } section.social .social-icon { width: 50px; display: block; diff --git a/img/analyze-app.png b/img/analyze-app.png new file mode 100644 index 0000000000000000000000000000000000000000..7740cdfe32d33a85d51d929941d71dec992dd4bb Binary files /dev/null and b/img/analyze-app.png differ diff --git a/index.html b/index.html index 4f7a9bea27be5e160b222b6cf330e3e56a2dd384..744693f7f677ef013eddb0590a36594b9d4c53a8 100644 --- a/index.html +++ b/index.html @@ -270,34 +270,56 @@ -
-
+
+
BlocPower Updates
+
+
+
+
03.20.2017
+
New Mobile App: BP Analyze is in Beta
+

BlocPower uses public data and proprietary technology to analyze your building. We then benchmark it against similar buildings in your area to see how your building measures up.

+

Thanks so much for your interest in BlocPower's BP Analyze mobile building energy efficiency and indoor air quality app! BP analyze is still in private beta, but we're excited to share it with you soon. Please email your name and zip code to bpanalyze@blocpower.io and you will get advance notice when BP Analyze is released for your location.

+

Download beta

+
+ + +
+
+ +
-
Sign up for updates
-

We'll periodically send you updates about how BlocPower is greening buildings across America and how you can get involved.

-
-
-
- - -
-
- -
-
- -
-
- - + +
+ +
Sign up for updates
+

We'll periodically send you updates about how BlocPower is greening buildings across America and how you can get involved.

+ + +
+
+ + +
+
+ +
+
+ +
+
+ + +
+ +
+
- -
- -
- + +
+ +
-