diff --git a/css/global.css b/css/global.css index cb846f337e9f3a642cb076793e327ac48e04fae2..963fa0024172a1b688024a86a34f04bfa362ce29 100644 --- a/css/global.css +++ b/css/global.css @@ -657,9 +657,9 @@ header { margin-left: 10px; } header nav li a { text-decoration: none; - text-transform: uppercase; - color: rgba(63, 63, 63, 0.8); - font-weight: 700; + text-transform: none; + color: rgba(63, 63, 63, 0.6); + font-weight: 500; font-size: 0.875em; } @media (max-width: 37.5em) { header nav { @@ -981,6 +981,67 @@ section.newsletter { background: #FF4906; } section.newsletter .callout #mce-responses #mce-success-response { background: #20D3A3; } +section.people { + padding-top: 40px; } + section.people .promo { + padding-top: 100px; + text-align: center; } + section.people .person { + border-radius: 5px; + box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); + text-align: center; + padding: 60px 20px; + position: relative; + overflow: hidden; + box-sizing: border-box; + width: 100%; + margin-bottom: 10px; + display: block; } + section.people .person img { + width: 130px; + height: 130px; + border-radius: 50%; + border: 1px solid #D8D8D8; + display: inline-block; + vertical-align: middle; } + section.people .person a { + display: inline-block; + vertical-align: middle; } + section.people .person a.social { + width: 23px; + height: 23px; + background-position: center center; + background-repeat: no-repeat; } + section.people .person a.social.linkedin { + margin-right: 20px; + background-image: url("../img/linkedin.svg"); } + section.people .person a.social.twitter { + margin-left: 20px; + background-image: url("../img/twitter.svg"); } + section.people .person a.social span { + color: red; + display: none; } + section.people .person h3 { + font-size: 1.2em; + display: block; + padding-bottom: 10px; + padding-top: 20px; } + section.people .person span { + opacity: 0.5; + text-transform: uppercase; + display: block; + padding-bottom: 20px; + font-size: 0.8em; + letter-spacing: 0.05em; } + section.people .column:nth-child(odd) .person { + margin-right: 10px; } + section.people .column:nth-child(even) .person { + margin-left: 10px; } + @media (max-width: 37.5em) { + section.people .column:nth-child(odd) .person { + margin-right: 0; } + section.people .column:nth-child(even) .person { + margin-left: 0; } } section.social h6 { text-align: center; padding-bottom: 40px; } diff --git a/img/linkedin.svg b/img/linkedin.svg new file mode 100644 index 0000000000000000000000000000000000000000..230dad5cc8a923baf64c463b7b3833e6fe655ef3 --- /dev/null +++ b/img/linkedin.svg @@ -0,0 +1,14 @@ + + + + linkedin + Created with Sketch. + + + + + + + + + \ No newline at end of file diff --git a/img/people/donnel-baird.png b/img/people/donnel-baird.png new file mode 100644 index 0000000000000000000000000000000000000000..e90de8507da5575f130d0a0496c3cf3741681c7a Binary files /dev/null and b/img/people/donnel-baird.png differ diff --git a/img/people/jamil-ellis.png b/img/people/jamil-ellis.png new file mode 100644 index 0000000000000000000000000000000000000000..f3fa9c60bb2df26758d1be2f3e289a6a03caab11 Binary files /dev/null and b/img/people/jamil-ellis.png differ diff --git a/img/people/keith-kinch.png b/img/people/keith-kinch.png new file mode 100644 index 0000000000000000000000000000000000000000..fcea3931737794b9c6fb85614332e6d3209ae61a Binary files /dev/null and b/img/people/keith-kinch.png differ diff --git a/img/people/morris-cox.png b/img/people/morris-cox.png new file mode 100644 index 0000000000000000000000000000000000000000..e1fb3b787c162b33a8ff7f7a98395c667f5da6a2 Binary files /dev/null and b/img/people/morris-cox.png differ diff --git a/img/people/tooraj-arvajeh.png b/img/people/tooraj-arvajeh.png new file mode 100644 index 0000000000000000000000000000000000000000..4c72717982e59a7d5538de548c05ded36a0a44e0 Binary files /dev/null and b/img/people/tooraj-arvajeh.png differ diff --git a/img/twitter.svg b/img/twitter.svg new file mode 100644 index 0000000000000000000000000000000000000000..0488c7794b401c9171477bfa02625f40c5f14a72 --- /dev/null +++ b/img/twitter.svg @@ -0,0 +1,14 @@ + + + + twitter + Created with Sketch. + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index a2881e14adcda06695a329992849e7bbb745c702..24163716154e9cb7893f651179aa0cac10b61f00 100644 --- a/index.html +++ b/index.html @@ -78,10 +78,12 @@ diff --git a/jobs.html b/jobs.html index a06229dd3c05df91ccb44d46979eb89bf458e583..9ed8a0ac6f9ffb38a74aeb34cac6ac150a6b0663 100644 --- a/jobs.html +++ b/jobs.html @@ -49,10 +49,12 @@ diff --git a/scss/global.scss b/scss/global.scss index 6319cda5ae662636d8ce3c3370baaea2ad471d62..5f7e0a8879c77e1d9b1f29559e42e5ad2c87016a 100644 --- a/scss/global.scss +++ b/scss/global.scss @@ -147,9 +147,9 @@ header { a { text-decoration: none; - text-transform: uppercase; - color: rgba($gray, 0.8); - font-weight: 700; + text-transform: none; + color: rgba($gray, 0.6); + font-weight: 500; font-size: 0.875em; } } @@ -589,6 +589,100 @@ section { } } + &.people { + padding-top: $padding*4; + + .promo { + padding-top: $padding*10; + text-align: center; + } + + .person { + border-radius: $radius; + box-shadow: 0 0 30px rgba(0,0,0,0.1); + text-align: center; + padding: $padding*6 $padding*2; + position: relative; + overflow: hidden; + box-sizing: border-box; + width: 100%; + margin-bottom: $padding; + display: block; + + img { + width: 130px; + height: 130px; + border-radius: 50%; + border: 1px solid $separator; + display: inline-block; + vertical-align: middle; + } + + a { + display: inline-block; + vertical-align: middle; + + &.social { + width: 23px; + height: 23px; + background-position: center center; + background-repeat: no-repeat; + + &.linkedin { + margin-right: $padding*2; + background-image: url("../img/linkedin.svg"); + } + + &.twitter { + margin-left: $padding*2; + background-image: url("../img/twitter.svg"); + } + + span { + color: red; + display: none; + } + } + } + + h3 { + font-size: 1.2em; + display: block; + padding-bottom: $padding; + padding-top: $padding*2; + } + + span { + opacity: 0.5; + text-transform: uppercase; + display: block; + padding-bottom: $padding*2; + font-size: 0.8em; + letter-spacing: 0.05em; + } + } + + .column { + &:nth-child(odd) { + .person { margin-right: $padding; } + } + + &:nth-child(even) { + .person { margin-left: $padding; } + } + + @include breakpoint(mobileonly) { + &:nth-child(odd) { + .person { margin-right: 0; } + } + + &:nth-child(even) { + .person { margin-left: 0; } + } + } + } + } + &.social { h6 { text-align: center; diff --git a/team.html b/team.html new file mode 100644 index 0000000000000000000000000000000000000000..8a80523cc5b6c9f37c3ab1574faf7a7332c0b3c2 --- /dev/null +++ b/team.html @@ -0,0 +1,185 @@ + + + + BlocPower Smart Cities Platform - Jobs + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+ +
+ +
+ +
+
+
+
+ + +
+
+
+

The BlocPower Team

+ +

We are always looking to expand our team so check out our jobs page for available opportunities.

+ + +
+
+
+ +
+ +
+
+ +
+ + + + +

Donnell Baird

+ Founder, Chief Executive Officer + +

+ Duke, Columbia Business School, Community, Labor, Political Organizer, first EIR @ Jalia Ventures, Obama for America. White House Champion of Change. +

+
+ +
+
+ +
+ + + + +

Morris Cox

+ Co-founder, Chief Investment Officer + +

+ Math and Physics @ MIT, Columbia Business School, Real Capital Analytics, GE Capital's Energy Financial Services, Tech-Focused Private Equity. +

+
+ +
+
+ +
+ + + + +

Keith Kinch

+ Chief Commercial Officer + +

+ John Jay, Masters in Int'l Business. NYS Obama For America. Public Affairs and Political Consultant. Keith Kinch is the proud father of two. +

+
+ +
+
+ +
+ + + + +

Tooraj Arvajeh

+ Chief Engineering Officer + +

+ LEED AP, University of Waterloo, Columbia Business School, Engineer @ Arup, Hatch, 10 years energy efficiency experience across 4 continents. +

+
+ +
+
+ +
+ + + + +

Jamil Ellis

+ Chief Technology Officer + +

+ Computer Engineering @ Columbia University SEAS, Weight Watchers, Adobe, NBC, NFL, MLBAM, HBO and HBO:GO over 15 years in Technology. +

+
+ +
+ +
+
+

Looking for a new challenge

+

We're hiring. Check out our open opportunities.

+ View Jobs +
+
+ +
+ +
+ + + + + + +
+ + + \ No newline at end of file