add hyatt place to hotel accomodations

Author: stevestmartin

themes/gophercon/layouts/index.html

@@ -194,14 +194,14 @@ <h1>Hotel Accomodations</h1>
 						</div>
 
 						<div class="row">
-							<div class="col-md-4 col-sm-6">
+							<div class="col-md-3 col-sm-6">
 								<div class="info-box">
                   <div class="hotel-price"><strong>$175</strong><small> / night, plus tax</small></div>
 									<img alt="Hampton Inn" src="2016/img/hotels/hampton.jpg">
 
-									<h3>Hampton Inn<span class="hotel-phone">800.445.8667</span></h3>
+									<h3 class="hotel-name">Hampton Inn<span class="hotel-phone">800.445.8667</span></h3>
                   <div class="hotel-code">Code: GopherCon</div>
-                  <p>
+                  <p class="hotel-address">
                     550 15th Street,<br>
                     Denver, CO 80202
                   </p>
@@ -212,13 +212,13 @@ <h3>Hampton Inn<span class="hotel-phone">800.445.8667</span></h3>
 								</div>
 							</div>
 
-							<div class="col-md-4 col-sm-6">
+							<div class="col-md-3 col-sm-6">
 								<div class="info-box">
                   <div class="hotel-price"><strong>$185</strong><small> / night, plus tax</small></div>
 									<img alt="Homewood Suites" src="2016/img/hotels/homewood.jpg">
-									<h3>Homewood Suites<span class="hotel-phone">800.445.8667</span></h3>
+									<h3 class="hotel-name">Homewood Suites<span class="hotel-phone">800.445.8667</span></h3>
                   <div class="hotel-code">Code: GopherCon</div>
-									<p>
+									<p class="hotel-address">
                     550 15th Street,<br>
                     Denver, CO 80202
                   </p>
@@ -228,13 +228,29 @@ <h3>Homewood Suites<span class="hotel-phone">800.445.8667</span></h3>
 								</div>
 							</div>
 
-							<div class="col-md-4 col-sm-6">
+							<div class="col-md-3 col-sm-6">
+								<div class="info-box">
+                  <div class="hotel-price"><strong>$185</strong><small> / night, plus tax</small></div>
+									<img alt="Hyatt Place" src="2016/img/hotels/hyatt.jpg">
+                  <h3 class="hotel-name">Hyatt Place<span class="hotel-phone">888.591.1234</span></h3>
+                  <div class="hotel-code">Code: G-GO16</div>
+									<p class="hotel-address">
+										440 14th Street<br>
+                    Denver, CO 80202
+                  </p>
+									<div class="hotel-link text-link">
+                    <a href="http://denverdowntown.place.hyatt.com/en/hotel/home.html?corp_id=G-GO16">Book Now</a>
+                  </div>
+								</div>
+							</div>
+
+							<div class="col-md-3 col-sm-6">
 								<div class="info-box">
                   <div class="hotel-price"><strong>$189</strong><small> / night, plus tax</small></div>
 									<img alt="Hilton Garden Inn" src="2016/img/hotels/hiltongardeninn.jpg">
-                  <h3>Hilton Garden Inn<span class="hotel-phone">855.215.1283</span></h3>
+                  <h3 class="hotel-name">Hilton Garden Inn<span class="hotel-phone">855.215.1283</span></h3>
                   <div class="hotel-code">Code: GopherCon</div>
-									<p>
+									<p class="hotel-address">
 										1400 Welton Street<br>
                     Denver, CO 80202
                   </p>

themes/gophercon/static/2016/css/theme-gophercon.css

@@ -2385,6 +2385,10 @@ body .colors .col-md-2:nth-child(6n+0) {
 	animation-delay: 0.6s;
 }
 
+.hotel-address {
+  font-size: 14px;
+}
+
 .hotel-code {
   color: #999;
   display: block;
@@ -2399,22 +2403,26 @@ body .colors .col-md-2:nth-child(6n+0) {
   color: #FF6B1E !important;
 }
 
+.hotel-name {
+  font-size: 18px;
+}
+
 .hotel-price {
   background: rgba(40, 40, 40, 0.6); 
   color: #fff; 
   height; 26px; 
-  padding: 8px 15px; 
-  font-size: 18px; 
+  padding: 6px 12px; 
+  font-size: 16px; 
   position: relative; 
   bottom: -38px; 
   margin-top: -42px;
-  width: 180px;
+  width: 160px;
   float: right;
   text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
 }
 
 .hotel-phone {
   color: #36566B;
   float: right;
-  font-size: 18px;
+  font-size: 15px;
 }