From 1675e48a5ca19f975a764d4e250f3b61b33b5df5 Mon Sep 17 00:00:00 2001 From: RujitRaval Date: Thu, 26 Mar 2020 16:09:22 -0400 Subject: [PATCH 1/4] Solve the issue of BlocPower Benefits section --- marketing/templates/milwaukee/index.html | 112 ++++++++++---------- marketing/templates/oakland/index.html | 116 +++++++++++---------- static/gtb/css/green-the-bronx.webflow.css | 38 +++++-- static/marketing/css/styles.css | 5 + 4 files changed, 154 insertions(+), 117 deletions(-) diff --git a/marketing/templates/milwaukee/index.html b/marketing/templates/milwaukee/index.html index ebd9999..a35c953 100755 --- a/marketing/templates/milwaukee/index.html +++ b/marketing/templates/milwaukee/index.html @@ -118,7 +118,7 @@
-

Stop Wasting Energy. +

Stop Wasting Energy. Save Money.

@@ -130,61 +130,65 @@

-
-
-

BlocPower Benefits

-
-
-

Year-Round Comfort

- Two people high five image -

- - BlocPower's recommended - energy improvements bring - major comfort benefits to - those who dwell in your - building. These include - eliminating drafts, providing - more pleasant lighting and - improving indoor air quality - and airflow steadiness. - -

-
-
-

- Increase Property Value -

- Piggy Bank image -

- Energy savings increase Net - Operating Income (NOI), a - metric used to assess - property value. In fact, a - recent MIT study showed - that buildings that undergo - improvements to become - green and smart see an - increase in value of 44%. -

-
-
-

+
+
+ BlocPower Benefits +
+
+
+ Year-Round Comfort +
+
+ Two people high five image +
+
+ BlocPower's recommended + energy improvements bring + major comfort benefits to + those who dwell in your + building. These include + eliminating drafts, providing + more pleasant lighting and + improving indoor air quality + and airflow steadiness. +
+
+
+
+ Increase Property Value +
+
+ Piggy Bank image +
+
+ Energy savings increase Net + Operating Income (NOI), a + metric used to assess + property value. In fact, a + recent MIT study showed + that buildings that undergo + improvements to become + green and smart see an + increase in value of 44%. +
+
+
+
Lower Operating Costs -

- Hammer and Wrench image -

- BlocPower's recommended - energy improvements - always save energy and - often bring more. Smart - monitoring and controls - optimize energy savings. - With the BlocPower - financing, you get system - performance guarantees. -

+
+ Hammer and Wrench image +
+
+ BlocPower's recommended + energy improvements + always save energy and + often bring more. Smart + monitoring and controls + optimize energy savings. + With the BlocPower + financing, you get system + performance guarantees.
diff --git a/marketing/templates/oakland/index.html b/marketing/templates/oakland/index.html index 7bb06a3..9b6865e 100755 --- a/marketing/templates/oakland/index.html +++ b/marketing/templates/oakland/index.html @@ -119,7 +119,7 @@
-

Stop Wasting Energy. +

Stop Wasting Energy. Save Money.

@@ -131,67 +131,73 @@

-
-
-

BlocPower Benefits

-
-
-

Year-Round Comfort

- Two people high five image -

- - BlocPower's recommended - energy improvements bring - major comfort benefits to - those who dwell in your - building. These include - eliminating drafts, providing - more pleasant lighting and - improving indoor air quality - and airflow steadiness. - -

-
-
-

- Increase Property Value -

- Piggy Bank image -

- Energy savings increase Net - Operating Income (NOI), a - metric used to assess - property value. In fact, a - recent MIT study showed - that buildings that undergo - improvements to become - green and smart see an - increase in value of 44%. -

-
-
-

+ +
+
+ BlocPower Benefits +
+
+
+ Year-Round Comfort +
+
+ Two people high five image +
+
+ BlocPower's recommended + energy improvements bring + major comfort benefits to + those who dwell in your + building. These include + eliminating drafts, providing + more pleasant lighting and + improving indoor air quality + and airflow steadiness. +
+
+
+
+ Increase Property Value +
+
+ Piggy Bank image +
+
+ Energy savings increase Net + Operating Income (NOI), a + metric used to assess + property value. In fact, a + recent MIT study showed + that buildings that undergo + improvements to become + green and smart see an + increase in value of 44%. +
+
+
+
Lower Operating Costs -

- Hammer and Wrench image -

- BlocPower's recommended - energy improvements - always save energy and - often bring more. Smart - monitoring and controls - optimize energy savings. - With the BlocPower - financing, you get system - performance guarantees. -

+
+ Hammer and Wrench image +
+
+ BlocPower's recommended + energy improvements + always save energy and + often bring more. Smart + monitoring and controls + optimize energy savings. + With the BlocPower + financing, you get system + performance guarantees.
+
-

+

The Process

diff --git a/static/gtb/css/green-the-bronx.webflow.css b/static/gtb/css/green-the-bronx.webflow.css index 39455a7..53b381f 100755 --- a/static/gtb/css/green-the-bronx.webflow.css +++ b/static/gtb/css/green-the-bronx.webflow.css @@ -1,5 +1,11 @@ + +@font-face { + font-family: "AvenirNext"; + src: url("https://blocpower-marketing-website.s3.amazonaws.com/static/marketing/fonts/AvenirNextGEO-Medium.otf") format("opentype"); +} + h1 { - font-family: 'Avenirnextgeo demi', sans-serif; + font-family: 'AvenirNext', sans-serif; } h2 { @@ -2199,8 +2205,6 @@ figcaption { position: static; left: 209px; top: 12px; - width: 30%; - height: 30%; margin-top: 16px; margin-bottom: 20px; padding-right: 0px; @@ -2562,7 +2566,7 @@ figcaption { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; - font-family: Montserrat, sans-serif; + font-family: 'Avenirnextgeo demi', sans-serif !important; color: #000; font-size: 38px; line-height: 44px; @@ -2631,13 +2635,13 @@ figcaption { align-items: flex-start; } + .benefits-text { display: block; - margin-top: 5px; - margin-bottom: 0px; - font-family: Avenirnextgeo, sans-serif; + height: 150px; + font-family: 'AvenirNext', sans-serif; color: #000; - font-size: 16px; + font-size: 18px; line-height: 24px; font-weight: 400; } @@ -3025,6 +3029,7 @@ figcaption { align-items: stretch; } + @media (max-width: 991px) { .navigation { z-index: 999; @@ -3425,6 +3430,16 @@ figcaption { } } +.gtb-sub-section-title { + height: auto; + color: #002F43; + font-family: "AvenirNext"; + font-size: 27px; + font-weight: 400; + line-height: 27px; + margin-top: 0%; +} + @media (max-width: 767px) { .header { height: 600px; @@ -3761,9 +3776,16 @@ figcaption { padding-right: 10px; padding-left: 10px; } + .gtb-sub-section-title { + margin-top: 50px; + margin-bottom: 0%; + } } @media (max-width: 479px) { + .benefits-text { + height: 200px; + } .navigation-container { height: 60px; } diff --git a/static/marketing/css/styles.css b/static/marketing/css/styles.css index 6d601d5..39b31dd 100644 --- a/static/marketing/css/styles.css +++ b/static/marketing/css/styles.css @@ -364,6 +364,11 @@ body { padding-bottom: 5%; } +.image-section{ + background: #8297A0; + height: 125px; + } + .section-pad-less { padding-left: 8%; padding-right: 8%; -- GitLab From 6dd33a17fd8187b568929e8bf0fdd2ab385515db Mon Sep 17 00:00:00 2001 From: RujitRaval Date: Fri, 27 Mar 2020 14:04:28 -0400 Subject: [PATCH 2/4] Fix stylings of The Process section --- marketing/templates/oakland/index.html | 152 ++++++++++++--------- static/gtb/css/green-the-bronx.webflow.css | 20 ++- 2 files changed, 102 insertions(+), 70 deletions(-) diff --git a/marketing/templates/oakland/index.html b/marketing/templates/oakland/index.html index 9b6865e..c1bbd3b 100755 --- a/marketing/templates/oakland/index.html +++ b/marketing/templates/oakland/index.html @@ -195,75 +195,91 @@
-
-
-

- The Process -

-
-
Multi-family building image -

- 1. ASSESS -

-

- Take our quick survey to see - how your building can save - energy and money. -

-
-
Technical drawing of a building image -

- 2. PRELIMINARY SOW -

-

- Get a free preliminary Scope of - Work and estimated pricing. -

-
-
Hand holding a lollipop with money sign on it -

- 3. AGREEMENT -

-

- Sign a preliminary Energy - Services Agreement. -

-
+ +
+
+ The Process +
+
+
+ Multi-family building image
-
-
Two page document image -

- 4. FINAL SOW -

-

- BlocPower will deliver a final - Scope of Work and pricing. -

-
-
Construction helmet image -

- 5. INSTALLATION -

-

- BlocPower oversees your - project to ensure a high-quality, - permitted, and on-time - installation of energy - improvements. -

-
-
Piggy Bank Image -

- 6. PEACE OF MIND -

-

- When using BlocPower - Financing, BlocPower handles - maintenance and guarantees - system performance for 15+ - years. -

-
+
+ 1. ASSESS +
+
+ Take our quick survey to see + how your building can save + energy and money. +
+
+
+
+ Piggy Bank image +
+
+ 2. PRELIMINARY SOW +
+
+ Get a free preliminary Scope of + Work and estimated pricing. +
+
+
+
+ Hammer and Wrench image +
+
+ 3. AGREEMENT +
+
+ Sign a preliminary Energy + Services Agreement. +
+
+
+

+
+
+
+ Two people high five image +
+
+ 4. FINAL SOW +
+
+ BlocPower will deliver a final + Scope of Work and pricing. +
+
+
+
+ Piggy Bank image +
+
+ 5. INSTALLATION +
+
+ BlocPower oversees your + project to ensure a high-quality, + permitted, and on-time + installation of energy + improvements. +
+
+
+
+ Hammer and Wrench image +
+
+ 6. PEACE OF MIND +
+
+ When using BlocPower + Financing, BlocPower handles + maintenance and guarantees + system performance for 15+ + years.
diff --git a/static/gtb/css/green-the-bronx.webflow.css b/static/gtb/css/green-the-bronx.webflow.css index 53b381f..ab29da6 100755 --- a/static/gtb/css/green-the-bronx.webflow.css +++ b/static/gtb/css/green-the-bronx.webflow.css @@ -2002,6 +2002,8 @@ figcaption { height: auto; min-height: auto; min-width: auto; + display: flex; + flex-wrap: wrap; background-color: #a1dad9; } @@ -2498,7 +2500,7 @@ figcaption { top: 64px; right: -71px; bottom: -66px; - margin-top: 1px; + margin-top: 16px; padding-bottom: 20px; } @@ -3440,6 +3442,16 @@ figcaption { margin-top: 0%; } +.gtb-sub-section-title-small { + height: auto; + color: #002F43; + font-family: "AvenirNext"; + font-size: 15px; + font-weight: bold; + line-height: 27px; + padding: 0 !important; +} + @media (max-width: 767px) { .header { height: 600px; @@ -3778,7 +3790,11 @@ figcaption { } .gtb-sub-section-title { margin-top: 50px; - margin-bottom: 0%; + margin-bottom: 0; + } + .gtb-sub-section-title-small { + margin-top: 0; + margin-bottom: 0; } } -- GitLab From 23576cc83be70d451d115556bc2190216bc8ffb4 Mon Sep 17 00:00:00 2001 From: RujitRaval Date: Fri, 27 Mar 2020 14:27:04 -0400 Subject: [PATCH 3/4] Change styling for contact us --- marketing/templates/oakland/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/marketing/templates/oakland/index.html b/marketing/templates/oakland/index.html index c1bbd3b..15854e1 100755 --- a/marketing/templates/oakland/index.html +++ b/marketing/templates/oakland/index.html @@ -346,10 +346,10 @@
-
+
-
+
Thank you! Your submission has been received!
-- GitLab From feb3876c941299a6f9e1b56481e51dbe7fd69e3c Mon Sep 17 00:00:00 2001 From: RujitRaval Date: Fri, 27 Mar 2020 15:48:48 -0400 Subject: [PATCH 4/4] Add styling for Milwaukee --- marketing/templates/milwaukee/index.html | 155 +++++++++++++---------- marketing/templates/oakland/index.html | 2 +- 2 files changed, 86 insertions(+), 71 deletions(-) diff --git a/marketing/templates/milwaukee/index.html b/marketing/templates/milwaukee/index.html index a35c953..c3be6f7 100755 --- a/marketing/templates/milwaukee/index.html +++ b/marketing/templates/milwaukee/index.html @@ -192,75 +192,90 @@
-
-
-

- The Process -

-
-
Multi-family building image -

- 1. ASSESS -

-

- Take our quick survey to see - how your building can save - energy and money. -

-
-
Technical drawing of a building image -

- 2. PRELIMINARY SOW -

-

- Get a free preliminary Scope of - Work and estimated pricing. -

-
-
Hand holding a lollipop with money sign on it -

- 3. AGREEMENT -

-

- Sign a preliminary Energy - Services Agreement. -

-
+
+
+ The Process +
+
+
+ Multi-family building image
-
-
Two page document image -

- 4. FINAL SOW -

-

- BlocPower will deliver a final - Scope of Work and pricing. -

-
-
Construction helmet image -

- 5. INSTALLATION -

-

- BlocPower oversees your - project to ensure a high-quality, - permitted, and on-time - installation of energy - improvements. -

-
-
Piggy Bank Image -

- 6. PEACE OF MIND -

-

- When using BlocPower - Financing, BlocPower handles - maintenance and guarantees - system performance for 15+ - years. -

-
+
+ 1. ASSESS +
+
+ Take our quick survey to see + how your building can save + energy and money. +
+
+
+
+ Piggy Bank image +
+
+ 2. PRELIMINARY SOW +
+
+ Get a free preliminary Scope of + Work and estimated pricing. +
+
+
+
+ Hammer and Wrench image +
+
+ 3. AGREEMENT +
+
+ Sign a preliminary Energy + Services Agreement. +
+
+
+

+
+
+
+ Two people high five image +
+
+ 4. FINAL SOW +
+
+ BlocPower will deliver a final + Scope of Work and pricing. +
+
+
+
+ Piggy Bank image +
+
+ 5. INSTALLATION +
+
+ BlocPower oversees your + project to ensure a high-quality, + permitted, and on-time + installation of energy + improvements. +
+
+
+
+ Hammer and Wrench image +
+
+ 6. PEACE OF MIND +
+
+ When using BlocPower + Financing, BlocPower handles + maintenance and guarantees + system performance for 15+ + years.
@@ -327,10 +342,10 @@
-
+
-
+
Thank you! Your submission has been received!
diff --git a/marketing/templates/oakland/index.html b/marketing/templates/oakland/index.html index 15854e1..2556c56 100755 --- a/marketing/templates/oakland/index.html +++ b/marketing/templates/oakland/index.html @@ -112,7 +112,7 @@ and monitoring of urban clean energy projects and its customers are saving 20-40% on their energy bills each year. The company is backed by the world’s top investors, including American Family Insurance Institute for Corporate and Social Impact, Kapor Capital, - one of Uber’s first investors, Andressen Horowitz, early investor in Facebook, Twitter, + one of Uber’s first investors, Elemental Excelerator, Andressen Horowitz, early investor in Facebook, Twitter, AirBnB and Lyft, and the former Chairman of Google.
-- GitLab