Skip to content

Instantly share code, notes, and snippets.

@eugene-goldberg
Created June 23, 2015 13:58
Show Gist options
  • Save eugene-goldberg/be5701376cef0e70545f to your computer and use it in GitHub Desktop.
Save eugene-goldberg/be5701376cef0e70545f to your computer and use it in GitHub Desktop.
PowerPoint slide layout
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="position: absolute; top: 5px;left:5px; height: 50px;width: 793px; background-color: #3c2a59;color: #efefef">Header</div>
<div style="position: absolute; top: 60px;left: 5px; height: 140px;width: 150px; background-color: #efefef"></div>
<div style="position: absolute; top: 210px;left: 5px; height: 40px;width: 150px; background-color: #3c2a59;color: #efefef"></div>
<div style="position: absolute; top: 260px;left: 5px; height: 40px;width: 150px; background-color: #efefef"></div>
<div style="position: absolute; top: 308px;left: 5px; height: 30px;width: 150px; background-color: #8e9091;color: #efefef"></div>
<div style="position: absolute; top: 344px;left: 5px; height: 162px;width: 150px; background-color: #e2e2e2"></div>
<div class="fa fa-building " style="position: absolute;top: 60px; left: 160px; height: 70px; width: 65px; background-color: #0b4160;color: #efefef;font-size: 2.0em;text-align: center;"></div>
<div style="position: absolute;top: 134px; left: 160px; height: 65px; width: 65px; background-color: #3a729c;color: #efefef"></div>
<div style="position: absolute;top: 204px; left: 160px; height: 65px; width: 65px; background-color: #6191b9;color: #efefef"></div>
<div style="position: absolute;top: 274px; left: 160px; height: 65px; width: 65px; background-color: #b5b5b5;color: #efefef"></div>
<div style="position: absolute;top: 344px; left: 160px; height: 65px; width: 65px; background-color: #8e9091;color: #efefef"></div>
<div style="position: absolute;top: 414px; left: 160px; height: 92px; width: 65px; background-color: #606164;color: #efefef"></div>
<div style="position: absolute;top: 60px; left: 230px; height: 22px; width: 75px; background-color: #0b4160;color: #efefef;font-size: small">Sq Ft Total</div>
<div style="position: absolute;top: 84px; left: 230px; height: 22px; width: 75px; background-color: #0b4160;color: #efefef;font-size: small">Sq Ft Raised</div>
<div style="position: absolute;top: 108px; left: 230px; height: 22px; width: 75px; background-color: #0b4160;color: #efefef;font-size: small">% Utilization</div>
<div style="position: absolute;top: 134px; left: 230px; height: 20px; width: 75px; background-color: #3a739e;color: #efefef;font-size: small">Tier</div>
<div style="position: absolute;top: 156px; left: 230px; height: 20px; width: 75px; background-color: #3a739e;color: #efefef;font-size: small">Contract Type</div>
<div style="position: absolute;top: 179px; left: 230px; height: 20px; width: 75px; background-color: #3a739e;color: #efefef;font-size: small">Lease Ends</div>
<div style="position: absolute;top: 204px; left: 230px; height: 21px; width: 75px; background-color: #6191b9;color: #efefef;font-size: small">KW-L / Util</div>
<div style="position: absolute;top: 226px; left: 230px; height: 21px; width: 75px; background-color: #6191b9;color: #efefef;font-size: small">Annual Cost</div>
<div style="position: absolute;top: 248px; left: 230px; height: 21px; width: 75px; background-color: #6191b9;color: #efefef;font-size: small">$/KWL</div>
<div style="position: absolute;top: 274px; left: 230px; height: 21px; width: 75px; background-color: #b5b5b5;color: #efefef;font-size: small;text-align: center;vertical-align: middle"></div>
<div style="position: absolute;top: 295px; left: 230px; height: 21px; width: 75px; background-color: #b5b5b5;color: #efefef;font-size: small;text-align: center;vertical-align: middle">Certifications</div>
<div style="position: absolute;top: 316px; left: 230px; height: 23px; width: 75px; background-color: #b5b5b5;color: #efefef;font-size: small;text-align: center;vertical-align: middle"></div>
<div style="position: absolute;top: 344px; left: 230px; height: 20px; width: 75px; background-color: #8e9091;color: #efefef;font-size: small">DC Manager</div>
<div style="position: absolute;top: 366px; left: 230px; height: 20px; width: 75px; background-color: #8e9091;color: #efefef;font-size: small">Region Head</div>
<div style="position: absolute;top: 388px; left: 230px; height: 20px; width: 75px; background-color: #8e9091;color: #efefef;font-size: small">CSC Sec Ld</div>
<div style="position: absolute;top: 414px; left: 230px; height: 70px; width: 568px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 486px; left: 230px; height: 20px; width: 140px; background-color: #d72b28;color: #efefef;font-size: small;text-align: center">CLOSE</div>
<div style="position: absolute;top: 486px; left: 371px; height: 20px; width: 140px; background-color: #821158;color: #efefef;font-size: small;text-align: center">MOVE</div>
<div style="position: absolute;top: 486px; left: 512px; height: 20px; width: 140px; background-color: #cbac25;color: #efefef;font-size: small;text-align: center">MAINTAIN</div>
<div style="position: absolute;top: 486px; left: 653px; height: 20px; width: 145px; background-color: #83b145;color: #efefef;font-size: small;text-align: center">GROW</div>
<div style="position: absolute;top: 60px; left: 307px; height: 22px; width: 75px; background-color: #0b4160;color: #efefef;font-size: small"></div>
<div style="position: absolute;top: 84px; left: 307px; height: 22px; width: 75px; background-color: #0b4160;color: #efefef;font-size: small"></div>
<div style="position: absolute;top: 108px; left: 307px; height: 22px; width: 75px; background-color: #0b4160;color: #efefef;font-size: small"></div>
<div style="position: absolute;top: 134px; left: 307px; height: 20px; width: 105px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 156px; left: 307px; height: 20px; width: 105px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 179px; left: 307px; height: 20px; width: 105px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 274px; left: 307px; height: 65px; width: 182px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 204px; left: 307px; height: 20px; width: 182px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 226px; left: 307px; height: 20px; width: 182px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 248px; left: 307px; height: 20px; width: 182px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 344px; left: 307px; height: 20px; width: 182px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 366px; left: 307px; height: 20px; width: 182px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 388px; left: 307px; height: 20px; width: 182px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 60px; left: 385px; height: 21px; width: 200px; background-color: #afcbe2;font-size: small"></div>
<div style="position: absolute;top: 84px; left: 385px; height: 21px; width: 180px; background-color: #afcbe2;font-size: small"></div>
<div style="position: absolute;top: 108px; left: 385px; height: 21px; width: 160px; background-color: #afcbe2;font-size: small"></div>
<div style="position: absolute;top: 134px; left: 415px; height: 20px; width: 75px; background-color: #3a739e;color: #efefef;font-size: small">Build Date</div>
<div style="position: absolute;top: 156px; left: 415px; height: 20px; width: 75px; background-color: #3a739e;color: #efefef;font-size: small">Vendor</div>
<div style="position: absolute;top: 179px; left: 415px; height: 20px; width: 75px; background-color: #3a739e;color: #efefef;font-size: small"></div>
<div style="position: absolute;top: 134px; left: 492px; height: 20px; width: 95px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 156px; left: 492px; height: 20px; width: 95px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 179px; left: 492px; height: 20px; width: 95px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 204px; left: 491px; height: 65px; width: 74px; background-color: #6191b9;color: #efefef;font-size: small">Value of Utilization in $</div>
<div style="position: absolute;top: 274px; left: 491px; height: 65px; width: 75px; background-color: #b5b5b5;color: #efefef;font-size: small">Data Center Address</div>
<div style="position: absolute;top: 344px; left: 491px; height: 20px; width: 75px; background-color: #8e9091;color: #efefef;font-size: small">DC Provider</div>
<div style="position: absolute;top: 366px; left: 491px; height: 20px; width: 75px; background-color: #8e9091;color: #efefef;font-size: small">Prov Contact</div>
<div style="position: absolute;top: 388px; left: 491px; height: 20px; width: 75px; background-color: #8e9091;color: #efefef;font-size: small"></div>
<div style="position: absolute;top: 204px; left: 568px; height: 20px; width: 230px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 226px; left: 568px; height: 20px; width: 230px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 248px; left: 568px; height: 20px; width: 230px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 274px; left: 568px; height: 65px; width: 230px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 344px; left: 568px; height: 20px; width: 230px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 366px; left: 568px; height: 20px; width: 230px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute;top: 388px; left: 568px; height: 20px; width: 230px; background-color: #e2e2e2;font-size: small"></div>
<div style="position: absolute; top: 60px; left: 590px; height: 140px;width: 208px; background-color: #efefef;font-size: small"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment