Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Google Play Store Badge and Facebook Icon #1

Merged
merged 7 commits into from
Commits on Feb 28, 2014
  1. Gustavo Esquinca

    test

    gesquinca authored
  2. Gustavo Esquinca

    added favicon

    gesquinca authored
  3. Gustavo Esquinca
  4. Gustavo Esquinca

    added app store buttons

    gesquinca authored
  5. Gustavo Esquinca

    added facebook link

    gesquinca authored
  6. Gustavo Esquinca
Commits on Mar 4, 2014
  1. Gustavo Esquinca
This page is out of date. Refresh to see the latest.
BIN  build/favicon.ico
View
Binary file not shown
22 build/index.html
View
@@ -12,7 +12,7 @@
<meta name="apple-itunes-app" content="app-id=id821170582">
<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
-
+ <link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="static/css/main.css">
<script src="static/js/vendor/modernizr-2.7.1.min.js"></script>
@@ -46,7 +46,14 @@
</div>
<div class="inner button-section">
<a class="button" href="#get-started">Learn More</a>
- <a class="app-store-badge" href="https://itunes.apple.com/us/app/remotely/id821170582?mt=8&uo=4" target="_blank"><img src="static/img/Download_on_the_App_Store_Badge_US-UK_135x40.svg" alt=""></a>
+ </div>
+ <div class="app-badges">
+ <a class="app-badge-ios" href="https://itunes.apple.com/us/app/remotely/id821170582?mt=8&uo=4" target="_blank">
+ <span>Available on the App Store</span>
+ </a>
+ <a class="app-badge-android" href="https://play.google.com/store/apps/details?id=com.rentbits.remotely" target="_blank">
+ <span>Android app on Google Play</span>
+ </a>
</div>
</header>
@@ -291,7 +298,12 @@ <h2 id="to-be-hidden">Get Started!</h2>
<h3>As Low As $9.95 Per Month</h3>
<h4>Plug-n-play installation is perfect for new construction or existing properties.</h4>
<p>To speak to someone on our operations or customer service team please call us at 303-640-3160.</p>
- <a class="app-store-badge" href="https://itunes.apple.com/us/app/remotely/id821170582?mt=8&uo=4" target="_blank"><img src="static/img/Download_on_the_App_Store_Badge_US-UK_135x40.svg" alt=""></a>
+ <a class="app-badge-ios" href="https://itunes.apple.com/us/app/remotely/id821170582?mt=8&uo=4" target="_blank">
+ <span>Available on the App Store</span>
+ </a>
+ <a class="app-badge-android" href="https://play.google.com/store/apps/details?id=com.rentbits.remotely" target="_blank">
+ <span>Android app on Google Play</span>
+ </a>
</div>
<div class="form-wrapper">
<form id="learn-more-form" class="learn-more-form">
@@ -331,9 +343,11 @@ <h2 id="to-be-hidden">Get Started!</h2>
<ul>
<li>© remotely 2014</li>
<li><a href="mailto:support@rentbits.com?subject=Remotely Support" "Contact" targer="_blank">Contact</a></li>
+ <li class="fb-icn"><a href="https://www.facebook.com/getremotely" target="_blank">fb</a></li>
</ul>
</div>
-</footer><!-- _doc-footer.kit -->
+</footer>
+<!-- _doc-footer.kit -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="static/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
461 build/static/css/main.css
View
@@ -787,7 +787,7 @@ p {
/* line 13, ../../../dev/static/sass/form/_style.scss */
.section {
background-color: #cccccc; }
- /* line 18, ../../../dev/static/sass/form/_style.scss */
+ /* line 17, ../../../dev/static/sass/form/_style.scss */
.section .inner {
max-width: 68em;
margin-left: auto;
@@ -797,12 +797,12 @@ p {
content: "";
display: table;
clear: both; }
- /* line 22, ../../../dev/static/sass/form/_style.scss */
+ /* line 21, ../../../dev/static/sass/form/_style.scss */
.section .heading {
color: white;
background-color: #e6e6e6;
padding: 24px 0; }
- /* line 39, ../../../dev/static/sass/form/_style.scss */
+ /* line 38, ../../../dev/static/sass/form/_style.scss */
.section h1:before {
content: '';
display: block;
@@ -813,7 +813,7 @@ p {
background-size: contain;
margin-left: 0.0625em; }
-/* line 144, ../../../dev/static/sass/form/_style.scss */
+/* line 143, ../../../dev/static/sass/form/_style.scss */
.list-alpha {
float: left;
display: block;
@@ -822,13 +822,13 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.list-alpha:last-child {
margin-right: 0; }
- /* line 68, ../../../dev/static/sass/form/_style.scss */
+ /* line 67, ../../../dev/static/sass/form/_style.scss */
.list-alpha ul {
margin: 0;
list-style-type: none;
padding-top: 24px;
width: 100%; }
- /* line 82, ../../../dev/static/sass/form/_style.scss */
+ /* line 81, ../../../dev/static/sass/form/_style.scss */
.list-alpha li {
margin: 0;
padding: 0;
@@ -843,7 +843,7 @@ p {
/* line 70, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_omega.scss */
.list-alpha li:nth-child(2n) {
margin-right: 0; }
- /* line 92, ../../../dev/static/sass/form/_style.scss */
+ /* line 91, ../../../dev/static/sass/form/_style.scss */
.list-alpha li:before {
content: '';
display: block;
@@ -862,10 +862,10 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.list-alpha li:before:last-child {
margin-right: 0; }
- /* line 115, ../../../dev/static/sass/form/_style.scss */
+ /* line 114, ../../../dev/static/sass/form/_style.scss */
.list-alpha li:last-of-type {
margin-bottom: 48px; }
- /* line 122, ../../../dev/static/sass/form/_style.scss */
+ /* line 121, ../../../dev/static/sass/form/_style.scss */
.list-alpha li p {
float: left;
display: block;
@@ -876,7 +876,7 @@ p {
.list-alpha li p:last-child {
margin-right: 0; }
-/* line 150, ../../../dev/static/sass/form/_style.scss */
+/* line 149, ../../../dev/static/sass/form/_style.scss */
.list-beta {
border-top: 1px solid white;
float: left;
@@ -886,16 +886,16 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.list-beta:last-child {
margin-right: 0; }
- /* line 154, ../../../dev/static/sass/form/_style.scss */
+ /* line 153, ../../../dev/static/sass/form/_style.scss */
.list-beta h2 {
margin-top: 24px; }
- /* line 68, ../../../dev/static/sass/form/_style.scss */
+ /* line 67, ../../../dev/static/sass/form/_style.scss */
.list-beta ul {
margin: 0;
list-style-type: none;
padding-top: 24px;
width: 100%; }
- /* line 82, ../../../dev/static/sass/form/_style.scss */
+ /* line 81, ../../../dev/static/sass/form/_style.scss */
.list-beta li {
margin: 0;
padding: 0;
@@ -910,7 +910,7 @@ p {
/* line 70, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_omega.scss */
.list-beta li:nth-child(2n) {
margin-right: 0; }
- /* line 92, ../../../dev/static/sass/form/_style.scss */
+ /* line 91, ../../../dev/static/sass/form/_style.scss */
.list-beta li:before {
content: '';
display: block;
@@ -929,10 +929,10 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.list-beta li:before:last-child {
margin-right: 0; }
- /* line 115, ../../../dev/static/sass/form/_style.scss */
+ /* line 114, ../../../dev/static/sass/form/_style.scss */
.list-beta li:last-of-type {
margin-bottom: 48px; }
- /* line 122, ../../../dev/static/sass/form/_style.scss */
+ /* line 121, ../../../dev/static/sass/form/_style.scss */
.list-beta li p {
float: left;
display: block;
@@ -942,14 +942,57 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.list-beta li p:last-child {
margin-right: 0; }
- /* line 163, ../../../dev/static/sass/form/_style.scss */
+ /* line 162, ../../../dev/static/sass/form/_style.scss */
.list-beta ul {
padding-top: 24px; }
- /* line 167, ../../../dev/static/sass/form/_style.scss */
+ /* line 166, ../../../dev/static/sass/form/_style.scss */
.list-beta li:before {
opacity: 0.5; }
-/* line 176, ../../../dev/static/sass/form/_style.scss */
+/* line 173, ../../../dev/static/sass/form/_style.scss */
+.app-badges {
+ max-width: 68em;
+ margin-left: auto;
+ margin-right: auto; }
+ /* line 15, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
+ .app-badges:after {
+ content: "";
+ display: table;
+ clear: both; }
+
+/* line 179, ../../../dev/static/sass/form/_style.scss */
+.app-badge-ios, .app-badge-android {
+ float: left;
+ display: block;
+ margin-right: 2.3576516%;
+ width: 10.4370549%;
+ opacity: 0.5;
+ background: transparent left center no-repeat;
+ -webkit-background-size: contain;
+ background-size: contain;
+ height: 34px; }
+ /* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
+ .app-badge-ios:last-child, .app-badge-android:last-child {
+ margin-right: 0; }
+ /* line 188, ../../../dev/static/sass/form/_style.scss */
+ .app-badge-ios span, .app-badge-android span {
+ display: block;
+ color: transparent;
+ height: 0;
+ width: 0;
+ opacity: 0;
+ overflow: hidden; }
+
+/* line 198, ../../../dev/static/sass/form/_style.scss */
+.app-badge-ios {
+ margin-left: 8.5298043%;
+ background-image: url("../img/app-badge-ios.png"); }
+
+/* line 204, ../../../dev/static/sass/form/_style.scss */
+.app-badge-android {
+ background-image: url("../img/app-badge-android.png"); }
+
+/* line 212, ../../../dev/static/sass/form/_style.scss */
.section-hero {
margin-top: 48px;
padding-bottom: 24px;
@@ -961,10 +1004,10 @@ p {
background-size: contain;
background-position: 75% bottom;
color: #9F9F9E; }
- /* line 188, ../../../dev/static/sass/form/_style.scss */
+ /* line 224, ../../../dev/static/sass/form/_style.scss */
.section-hero .button-section {
height: 168px; }
- /* line 192, ../../../dev/static/sass/form/_style.scss */
+ /* line 228, ../../../dev/static/sass/form/_style.scss */
.section-hero hgroup {
float: left;
display: block;
@@ -976,22 +1019,22 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-hero hgroup:last-child {
margin-right: 0; }
- /* line 200, ../../../dev/static/sass/form/_style.scss */
+ /* line 236, ../../../dev/static/sass/form/_style.scss */
.section-hero h1 {
display: none; }
- /* line 204, ../../../dev/static/sass/form/_style.scss */
+ /* line 240, ../../../dev/static/sass/form/_style.scss */
.section-hero h2 {
font-size: 34px;
font-size: 2.125rem;
line-height: 1.4117647;
margin-bottom: 0;
line-height: 100%; }
- /* line 209, ../../../dev/static/sass/form/_style.scss */
+ /* line 245, ../../../dev/static/sass/form/_style.scss */
.section-hero p {
font-size: 16px;
font-size: 1rem;
line-height: 1.5; }
- /* line 215, ../../../dev/static/sass/form/_style.scss */
+ /* line 251, ../../../dev/static/sass/form/_style.scss */
.section-hero .button {
float: left;
display: block;
@@ -1001,31 +1044,11 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-hero .button:last-child {
margin-right: 0; }
- /* line 220, ../../../dev/static/sass/form/_style.scss */
+ /* line 256, ../../../dev/static/sass/form/_style.scss */
.section-hero .inner {
position: relative; }
- /* line 223, ../../../dev/static/sass/form/_style.scss */
- .section-hero .app-store-badge {
- display: block;
- position: absolute;
- margin: auto;
- bottom: 0;
- right: 0; }
- /* line 224, ../../../dev/static/sass/form/_style.scss */
- .section-hero .app-store-badge img {
- display: block;
- margin: auto; }
- @media screen and (max-width: 1200px) {
- /* line 223, ../../../dev/static/sass/form/_style.scss */
- .section-hero .app-store-badge {
- margin-right: 10%; } }
- @media screen and (max-width: 768px) {
- /* line 223, ../../../dev/static/sass/form/_style.scss */
- .section-hero .app-store-badge {
- left: 0;
- margin: 0 auto; } }
-
-/* line 248, ../../../dev/static/sass/form/_style.scss */
+
+/* line 261, ../../../dev/static/sass/form/_style.scss */
.logo {
background: center no-repeat;
background-image: url("../img/remotely-logo.svg");
@@ -1042,13 +1065,13 @@ p {
.logo:last-child {
margin-right: 0; }
-/* line 262, ../../../dev/static/sass/form/_style.scss */
+/* line 275, ../../../dev/static/sass/form/_style.scss */
.section-one {
background: #E6544C; }
- /* line 265, ../../../dev/static/sass/form/_style.scss */
+ /* line 278, ../../../dev/static/sass/form/_style.scss */
.section-one .heading {
background: #EF9684; }
- /* line 269, ../../../dev/static/sass/form/_style.scss */
+ /* line 282, ../../../dev/static/sass/form/_style.scss */
.section-one hgroup,
.section-one h1 {
float: left;
@@ -1060,7 +1083,7 @@ p {
.section-one hgroup:last-child,
.section-one h1:last-child {
margin-right: 0; }
- /* line 276, ../../../dev/static/sass/form/_style.scss */
+ /* line 289, ../../../dev/static/sass/form/_style.scss */
.section-one h2 {
float: left;
display: block;
@@ -1071,7 +1094,7 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-one h2:last-child {
margin-right: 0; }
- /* line 282, ../../../dev/static/sass/form/_style.scss */
+ /* line 295, ../../../dev/static/sass/form/_style.scss */
.section-one .figure-circle {
float: left;
display: block;
@@ -1091,7 +1114,7 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-one .figure-circle:last-child {
margin-right: 0; }
- /* line 292, ../../../dev/static/sass/form/_style.scss */
+ /* line 305, ../../../dev/static/sass/form/_style.scss */
.section-one .list-alpha {
margin-left: 8.5298043%;
float: left;
@@ -1101,13 +1124,13 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-one .list-alpha:last-child {
margin-right: 0; }
- /* line 68, ../../../dev/static/sass/form/_style.scss */
+ /* line 67, ../../../dev/static/sass/form/_style.scss */
.section-one .list-alpha ul {
margin: 0;
list-style-type: none;
padding-top: 24px;
width: 100%; }
- /* line 82, ../../../dev/static/sass/form/_style.scss */
+ /* line 81, ../../../dev/static/sass/form/_style.scss */
.section-one .list-alpha li {
margin: 0;
padding: 0;
@@ -1122,7 +1145,7 @@ p {
/* line 70, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_omega.scss */
.section-one .list-alpha li:nth-child(2n) {
margin-right: 0; }
- /* line 92, ../../../dev/static/sass/form/_style.scss */
+ /* line 91, ../../../dev/static/sass/form/_style.scss */
.section-one .list-alpha li:before {
content: '';
display: block;
@@ -1141,10 +1164,10 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-one .list-alpha li:before:last-child {
margin-right: 0; }
- /* line 115, ../../../dev/static/sass/form/_style.scss */
+ /* line 114, ../../../dev/static/sass/form/_style.scss */
.section-one .list-alpha li:last-of-type {
margin-bottom: 48px; }
- /* line 122, ../../../dev/static/sass/form/_style.scss */
+ /* line 121, ../../../dev/static/sass/form/_style.scss */
.section-one .list-alpha li p {
float: left;
display: block;
@@ -1155,51 +1178,51 @@ p {
.section-one .list-alpha li p:last-child {
margin-right: 0; }
-/* line 302, ../../../dev/static/sass/form/_style.scss */
+/* line 315, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-maximize:before {
background-image: url("../img/remotely-icons_diamond.svg"); }
-/* line 305, ../../../dev/static/sass/form/_style.scss */
+/* line 318, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-powerful:before {
background-image: url("../img/remotely-icons_building.svg"); }
-/* line 308, ../../../dev/static/sass/form/_style.scss */
+/* line 321, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-eliminate:before {
background-image: url("../img/remotely-icons_lock.svg"); }
-/* line 311, ../../../dev/static/sass/form/_style.scss */
+/* line 324, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-differentiate:before {
background-image: url("../img/remotely-icons_ribbon.svg"); }
-/* line 314, ../../../dev/static/sass/form/_style.scss */
+/* line 327, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-plug-play:before {
background-image: url("../img/remotely-icons_plugplay.svg"); }
-/* line 317, ../../../dev/static/sass/form/_style.scss */
+/* line 330, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-protect:before {
background-image: url("../img/remotely-icons_shield.svg"); }
-/* line 320, ../../../dev/static/sass/form/_style.scss */
+/* line 333, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-cost:before {
background-image: url("../img/remotely-icons_bills.svg"); }
-/* line 323, ../../../dev/static/sass/form/_style.scss */
+/* line 336, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-control:before {
background-image: url("../img/remotely-icons_door.svg"); }
-/* line 326, ../../../dev/static/sass/form/_style.scss */
+/* line 339, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-single:before {
background-image: url("../img/remotely-icons_remote.svg"); }
-/* line 329, ../../../dev/static/sass/form/_style.scss */
+/* line 342, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-keyless:before {
background-image: url("../img/remotely-icons_keyless.svg"); }
-/* line 332, ../../../dev/static/sass/form/_style.scss */
+/* line 345, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-simple:before {
background-image: url("../img/remotely-icons_wrench.svg"); }
-/* line 335, ../../../dev/static/sass/form/_style.scss */
+/* line 348, ../../../dev/static/sass/form/_style.scss */
.value-prop-list .vp-pay:before {
background-image: url("../img/remotely-icons_card.svg"); }
-/* line 341, ../../../dev/static/sass/form/_style.scss */
+/* line 354, ../../../dev/static/sass/form/_style.scss */
.section-two {
background: #8FCA6E; }
- /* line 344, ../../../dev/static/sass/form/_style.scss */
+ /* line 357, ../../../dev/static/sass/form/_style.scss */
.section-two .heading {
background: #BBDDA4; }
@media screen and (max-width: 1200px) {
- /* line 348, ../../../dev/static/sass/form/_style.scss */
+ /* line 361, ../../../dev/static/sass/form/_style.scss */
.section-two hgroup {
float: left;
display: block;
@@ -1210,7 +1233,7 @@ p {
.section-two hgroup:last-child {
margin-right: 0; } }
-/* line 357, ../../../dev/static/sass/form/_style.scss */
+/* line 370, ../../../dev/static/sass/form/_style.scss */
.section-two .figure-circle {
float: left;
display: block;
@@ -1228,7 +1251,7 @@ p {
background-image: url("../img/remotely-infographic-02.svg");
border-radius: 0; }
@media screen and (max-width: 1200px) {
- /* line 357, ../../../dev/static/sass/form/_style.scss */
+ /* line 370, ../../../dev/static/sass/form/_style.scss */
.section-two .figure-circle {
float: left;
display: block;
@@ -1242,28 +1265,28 @@ p {
.section-two .figure-circle:last-child {
margin-right: 0; }
@media screen and (max-width: 1200px) {
- /* line 374, ../../../dev/static/sass/form/_style.scss */
+ /* line 387, ../../../dev/static/sass/form/_style.scss */
.section-two .list-alpha {
margin-left: 8.5298043%; } }
@media screen and (max-width: 1200px) {
- /* line 379, ../../../dev/static/sass/form/_style.scss */
+ /* line 392, ../../../dev/static/sass/form/_style.scss */
.section-two .list-beta {
margin-left: 8.5298043%; } }
-/* line 386, ../../../dev/static/sass/form/_style.scss */
+/* line 399, ../../../dev/static/sass/form/_style.scss */
.section-three {
background: #DFF2F9; }
- /* line 389, ../../../dev/static/sass/form/_style.scss */
+ /* line 402, ../../../dev/static/sass/form/_style.scss */
.section-three .heading {
background: #56C8E1; }
-/* line 394, ../../../dev/static/sass/form/_style.scss */
+/* line 407, ../../../dev/static/sass/form/_style.scss */
.showcase {
overflow: hidden;
width: 100%;
height: 0;
opacity: 0; }
- /* line 401, ../../../dev/static/sass/form/_style.scss */
+ /* line 414, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-list {
float: left;
display: block;
@@ -1272,13 +1295,13 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.showcase .showcase-list:last-child {
margin-right: 0; }
- /* line 405, ../../../dev/static/sass/form/_style.scss */
+ /* line 418, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-list ul {
list-style-type: none;
padding: 0;
margin: 0;
padding-top: 48px; }
- /* line 411, ../../../dev/static/sass/form/_style.scss */
+ /* line 424, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-list li {
position: relative;
background: white;
@@ -1287,10 +1310,10 @@ p {
text-indent: 19.4327722%;
height: 36px;
color: #56C8E1; }
- /* line 420, ../../../dev/static/sass/form/_style.scss */
+ /* line 433, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-list li:hover {
background: #56C8E1; }
- /* line 423, ../../../dev/static/sass/form/_style.scss */
+ /* line 436, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-list li:after {
content: '';
position: absolute;
@@ -1299,14 +1322,14 @@ p {
height: 100%;
width: 46.2885148%;
background: inherit; }
- /* line 432, ../../../dev/static/sass/form/_style.scss */
+ /* line 445, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-list li h2 {
margin: 0;
padding-top: 1.5%;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333; }
- /* line 440, ../../../dev/static/sass/form/_style.scss */
+ /* line 453, ../../../dev/static/sass/form/_style.scss */
.showcase .phone-frame {
position: relative;
height: 0;
@@ -1314,7 +1337,7 @@ p {
padding-top: 177.7777778%;
background: center no-repeat;
background-image: url("../img/iphone-outline-frame.svg"); }
- /* line 450, ../../../dev/static/sass/form/_style.scss */
+ /* line 463, ../../../dev/static/sass/form/_style.scss */
.showcase .phone-frame .phone-screen {
position: absolute;
top: 0;
@@ -1326,7 +1349,7 @@ p {
-webkit-background-clip: content-box;
background-clip: content-box;
padding: 26.666% 15%; }
- /* line 464, ../../../dev/static/sass/form/_style.scss */
+ /* line 477, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-figure {
float: left;
display: block;
@@ -1338,7 +1361,7 @@ p {
.showcase .showcase-figure:last-child {
margin-right: 0; }
@media screen and (max-width: 480px) {
- /* line 464, ../../../dev/static/sass/form/_style.scss */
+ /* line 477, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-figure {
float: left;
display: block;
@@ -1347,13 +1370,13 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.showcase .showcase-figure:last-child {
margin-right: 0; } }
- /* line 475, ../../../dev/static/sass/form/_style.scss */
+ /* line 488, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-figure img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto; }
- /* line 483, ../../../dev/static/sass/form/_style.scss */
+ /* line 496, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-aside {
float: left;
display: block;
@@ -1363,7 +1386,7 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.showcase .showcase-aside:last-child {
margin-right: 0; }
- /* line 486, ../../../dev/static/sass/form/_style.scss */
+ /* line 499, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-aside ul {
list-style-type: none;
margin: 0;
@@ -1371,7 +1394,7 @@ p {
position: absolute;
top: 0;
left: 0; }
- /* line 497, ../../../dev/static/sass/form/_style.scss */
+ /* line 510, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-aside h2 {
text-align: right;
font-weight: 400;
@@ -1380,7 +1403,7 @@ p {
line-height: 1.3333333;
color: #56C8E1;
margin-bottom: 12px; }
- /* line 506, ../../../dev/static/sass/form/_style.scss */
+ /* line 519, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-aside p {
color: #666666;
border: 2px solid #56C8E1;
@@ -1389,18 +1412,18 @@ p {
font-size: 1rem;
line-height: 1.5; }
-/* line 516, ../../../dev/static/sass/form/_style.scss */
+/* line 529, ../../../dev/static/sass/form/_style.scss */
.showcase-small {
padding: 24px 0; }
- /* line 520, ../../../dev/static/sass/form/_style.scss */
+ /* line 533, ../../../dev/static/sass/form/_style.scss */
.showcase-small h3 {
color: #56C8E1; }
- /* line 526, ../../../dev/static/sass/form/_style.scss */
+ /* line 539, ../../../dev/static/sass/form/_style.scss */
.showcase-small .slide ul {
width: 90%;
list-style-type: none;
margin: 0 auto; }
- /* line 537, ../../../dev/static/sass/form/_style.scss */
+ /* line 550, ../../../dev/static/sass/form/_style.scss */
.showcase-small .slide h2 {
text-align: left;
font-weight: 400;
@@ -1409,7 +1432,7 @@ p {
line-height: 1.3333333;
color: #56C8E1;
margin-bottom: 12px; }
- /* line 546, ../../../dev/static/sass/form/_style.scss */
+ /* line 559, ../../../dev/static/sass/form/_style.scss */
.showcase-small .slide p {
color: #666666;
border: 2px solid #56C8E1;
@@ -1417,13 +1440,13 @@ p {
font-size: 16px;
font-size: 1rem;
line-height: 1.5; }
- /* line 554, ../../../dev/static/sass/form/_style.scss */
+ /* line 567, ../../../dev/static/sass/form/_style.scss */
.showcase-small .position {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center; }
- /* line 560, ../../../dev/static/sass/form/_style.scss */
+ /* line 573, ../../../dev/static/sass/form/_style.scss */
.showcase-small .position li {
display: inline-block;
background: white;
@@ -1431,36 +1454,36 @@ p {
height: 10px;
border-radius: 50%;
margin: 0 3px; }
- /* line 567, ../../../dev/static/sass/form/_style.scss */
+ /* line 580, ../../../dev/static/sass/form/_style.scss */
.showcase-small .position li.on {
background: #56C8E1; }
-/* line 575, ../../../dev/static/sass/form/_style.scss */
+/* line 588, ../../../dev/static/sass/form/_style.scss */
.swipe {
overflow: hidden;
visibility: hidden;
position: relative; }
-/* line 580, ../../../dev/static/sass/form/_style.scss */
+/* line 593, ../../../dev/static/sass/form/_style.scss */
.swipe-wrap {
overflow: hidden;
position: relative; }
-/* line 584, ../../../dev/static/sass/form/_style.scss */
+/* line 597, ../../../dev/static/sass/form/_style.scss */
.swipe-wrap > figure,
.swipe-wrap > .slide {
float: left;
width: 100%;
position: relative; }
-/* line 591, ../../../dev/static/sass/form/_style.scss */
+/* line 604, ../../../dev/static/sass/form/_style.scss */
.hide {
opacity: 0.0;
-webkit-transform: translateX(90%);
-ms-transform: translateX(90%);
transform: translateX(90%); }
-/* line 598, ../../../dev/static/sass/form/_style.scss */
+/* line 611, ../../../dev/static/sass/form/_style.scss */
.show {
opacity: 1.0;
-webkit-transform: translateX(0);
@@ -1469,32 +1492,48 @@ p {
-webkit-transition: all 600ms ease;
transition: all 600ms ease; }
-/* line 607, ../../../dev/static/sass/form/_style.scss */
+/* line 620, ../../../dev/static/sass/form/_style.scss */
.showcase-list li.active {
background-color: #56C8E1;
color: #FFF; }
-/* line 612, ../../../dev/static/sass/form/_style.scss */
+/* line 625, ../../../dev/static/sass/form/_style.scss */
.section-four {
background: #EB7767; }
- /* line 615, ../../../dev/static/sass/form/_style.scss */
+ /* line 628, ../../../dev/static/sass/form/_style.scss */
.section-four .heading {
background: #E6544C; }
- /* line 619, ../../../dev/static/sass/form/_style.scss */
+ /* line 632, ../../../dev/static/sass/form/_style.scss */
.section-four h2 {
margin-top: 24px; }
- /* line 623, ../../../dev/static/sass/form/_style.scss */
+ /* line 636, ../../../dev/static/sass/form/_style.scss */
.section-four .call-to-action {
background: #E9E9EA;
padding: 48px 0;
position: relative;
overflow: hidden; }
- /* line 630, ../../../dev/static/sass/form/_style.scss */
- .section-four .call-to-action .app-store-badge {
+ /* line 643, ../../../dev/static/sass/form/_style.scss */
+ .section-four .call-to-action .app-badge-ios {
+ margin: 12px 0;
+ float: left;
display: block;
- margin-top: 24px;
- margin-bottom: 48px; }
- /* line 637, ../../../dev/static/sass/form/_style.scss */
+ margin-right: 10.148398%;
+ width: 26.5677347%;
+ margin-left: 0%; }
+ /* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
+ .section-four .call-to-action .app-badge-ios:last-child {
+ margin-right: 0; }
+ /* line 651, ../../../dev/static/sass/form/_style.scss */
+ .section-four .call-to-action .app-badge-android {
+ margin: 12px 0;
+ float: left;
+ display: block;
+ margin-right: 10.148398%;
+ width: 26.5677347%; }
+ /* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
+ .section-four .call-to-action .app-badge-android:last-child {
+ margin-right: 0; }
+ /* line 660, ../../../dev/static/sass/form/_style.scss */
.section-four .copy {
float: left;
display: block;
@@ -1504,15 +1543,15 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-four .copy:last-child {
margin-right: 0; }
- /* line 641, ../../../dev/static/sass/form/_style.scss */
+ /* line 664, ../../../dev/static/sass/form/_style.scss */
.section-four .copy h3 {
color: #E6544C;
margin-top: 24px; }
- /* line 645, ../../../dev/static/sass/form/_style.scss */
+ /* line 668, ../../../dev/static/sass/form/_style.scss */
.section-four .copy h4 {
color: #666;
font-weight: 400; }
- /* line 649, ../../../dev/static/sass/form/_style.scss */
+ /* line 672, ../../../dev/static/sass/form/_style.scss */
.section-four .copy p {
float: left;
display: block;
@@ -1525,7 +1564,7 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-four .copy p:last-child {
margin-right: 0; }
- /* line 656, ../../../dev/static/sass/form/_style.scss */
+ /* line 679, ../../../dev/static/sass/form/_style.scss */
.section-four .form-wrapper {
float: left;
display: block;
@@ -1535,10 +1574,10 @@ p {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-four .form-wrapper:last-child {
margin-right: 0; }
- /* line 660, ../../../dev/static/sass/form/_style.scss */
+ /* line 683, ../../../dev/static/sass/form/_style.scss */
.section-four .learn-more-form {
text-transform: uppercase; }
- /* line 663, ../../../dev/static/sass/form/_style.scss */
+ /* line 686, ../../../dev/static/sass/form/_style.scss */
.section-four .learn-more-form .text-field {
display: block;
width: 100%;
@@ -1548,14 +1587,14 @@ p {
text-indent: 12px;
color: #666;
margin-bottom: 12px; }
- /* line 673, ../../../dev/static/sass/form/_style.scss */
+ /* line 696, ../../../dev/static/sass/form/_style.scss */
.section-four .learn-more-form .text-field:focus {
outline: none;
border-color: #59C8E0; }
- /* line 677, ../../../dev/static/sass/form/_style.scss */
+ /* line 700, ../../../dev/static/sass/form/_style.scss */
.section-four .learn-more-form .text-field.error {
border-color: red; }
- /* line 682, ../../../dev/static/sass/form/_style.scss */
+ /* line 705, ../../../dev/static/sass/form/_style.scss */
.section-four .learn-more-form p {
color: #666;
font-weight: 400;
@@ -1563,18 +1602,18 @@ p {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.8461538; }
- /* line 688, ../../../dev/static/sass/form/_style.scss */
+ /* line 711, ../../../dev/static/sass/form/_style.scss */
.section-four .learn-more-form .submit {
border: 1px solid #59C8E0;
height: auto;
width: 100%;
margin: 24px 0; }
- /* line 695, ../../../dev/static/sass/form/_style.scss */
+ /* line 718, ../../../dev/static/sass/form/_style.scss */
.section-four .learn-more-form .submit:focus {
outline: none;
background-color: #69cde3;
border: 1px solid #4296a8; }
- /* line 703, ../../../dev/static/sass/form/_style.scss */
+ /* line 726, ../../../dev/static/sass/form/_style.scss */
.section-four .thank-you-message {
position: absolute;
top: 100%;
@@ -1583,13 +1622,13 @@ p {
height: 100%;
background: #ED7663;
opacity: 0; }
- /* line 714, ../../../dev/static/sass/form/_style.scss */
+ /* line 737, ../../../dev/static/sass/form/_style.scss */
.section-four .thank-you-message.show {
top: 0;
opacity: 1;
-webkit-transition: top 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1);
transition: top 800ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1); }
- /* line 722, ../../../dev/static/sass/form/_style.scss */
+ /* line 745, ../../../dev/static/sass/form/_style.scss */
.section-four .thank-you-message .inner {
position: absolute;
margin: auto;
@@ -1600,21 +1639,21 @@ p {
width: 75%;
max-width: 760px;
height: 90%; }
- /* line 733, ../../../dev/static/sass/form/_style.scss */
+ /* line 756, ../../../dev/static/sass/form/_style.scss */
.section-four .thank-you-message h2 {
margin-left: 0;
text-align: center;
font-size: 36px;
font-size: 2.25rem;
line-height: 1.3333333; }
- /* line 738, ../../../dev/static/sass/form/_style.scss */
+ /* line 761, ../../../dev/static/sass/form/_style.scss */
.section-four .thank-you-message p {
text-align: center;
font-weight: 300;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857; }
- /* line 744, ../../../dev/static/sass/form/_style.scss */
+ /* line 767, ../../../dev/static/sass/form/_style.scss */
.section-four .logo-v {
width: 100px;
height: 100px;
@@ -1622,23 +1661,23 @@ p {
margin-top: 48px;
margin-bottom: 24px; }
-/* line 758, ../../../dev/static/sass/form/_style.scss */
+/* line 781, ../../../dev/static/sass/form/_style.scss */
.footer {
background: #CDCCCC; }
- /* line 760, ../../../dev/static/sass/form/_style.scss */
+ /* line 784, ../../../dev/static/sass/form/_style.scss */
.footer ul {
list-style-type: none;
margin: 0;
max-width: 68em;
margin-left: auto;
margin-right: auto;
- padding: 2.3576516% 0; }
+ padding: 2.3576516%; }
/* line 15, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.footer ul:after {
content: "";
display: table;
clear: both; }
- /* line 767, ../../../dev/static/sass/form/_style.scss */
+ /* line 792, ../../../dev/static/sass/form/_style.scss */
.footer li {
float: left;
padding: 0 2.3576516% 0 0;
@@ -1646,8 +1685,38 @@ p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.7142857; }
+ /* line 801, ../../../dev/static/sass/form/_style.scss */
+ .footer .fb-icn {
+ padding: 0;
+ display: block;
+ position: relative;
+ height: 24px;
+ width: 24px;
+ float: right; }
+ /* line 809, ../../../dev/static/sass/form/_style.scss */
+ .footer .fb-icn a {
+ opacity: .75;
+ display: block;
+ width: 100%;
+ height: 100%;
+ background: transparent center no-repeat;
+ background-image: url("../img/fb-icon.svg");
+ -webkit-background-size: contain;
+ background-size: contain;
+ overflow: hidden;
+ -webkit-transition: opacity 600ms ease;
+ transition: opacity 600ms ease; }
+ /* line 4, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/bourbon/bourbon/app/assets/stylesheets/addons/_hide-text.scss */
+ .footer .fb-icn a:before {
+ content: "";
+ display: block;
+ width: 0;
+ height: 100%; }
+ /* line 821, ../../../dev/static/sass/form/_style.scss */
+ .footer .fb-icn a:hover {
+ opacity: 1.0; }
-/* line 777, ../../../dev/static/sass/form/_style.scss */
+/* line 828, ../../../dev/static/sass/form/_style.scss */
form small.error {
display: block;
color: #E85347;
@@ -1657,15 +1726,15 @@ form small.error {
line-height: 2; }
@media screen and (max-width: 1200px) {
- /* line 788, ../../../dev/static/sass/form/_style.scss */
+ /* line 840, ../../../dev/static/sass/form/_style.scss */
.section-three h1 {
margin-left: 8.5298043%; }
- /* line 793, ../../../dev/static/sass/form/_style.scss */
+ /* line 845, ../../../dev/static/sass/form/_style.scss */
.section-four h1, .section-four h2 {
margin-left: 8.5298043%; }
- /* line 798, ../../../dev/static/sass/form/_style.scss */
+ /* line 850, ../../../dev/static/sass/form/_style.scss */
.showcase .showcase-list {
float: left;
display: block;
@@ -1676,16 +1745,28 @@ form small.error {
.showcase .showcase-list:last-child {
margin-right: 0; }
- /* line 804, ../../../dev/static/sass/form/_style.scss */
+ /* line 856, ../../../dev/static/sass/form/_style.scss */
.footer ul {
margin-left: 8.5298043%; } }
@media screen and (max-width: 768px) {
- /* line 812, ../../../dev/static/sass/form/_style.scss */
+ /* line 863, ../../../dev/static/sass/form/_style.scss */
+ .app-badge-ios,
+ .app-badge-android {
+ float: left;
+ display: block;
+ margin-right: 2.3576516%;
+ width: 14.701957%; }
+ /* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
+ .app-badge-ios:last-child,
+ .app-badge-android:last-child {
+ margin-right: 0; }
+
+ /* line 868, ../../../dev/static/sass/form/_style.scss */
.section-hero {
background-position: 90% bottom;
-webkit-background-size: auto 80%;
background-size: auto 80%; }
- /* line 815, ../../../dev/static/sass/form/_style.scss */
+ /* line 871, ../../../dev/static/sass/form/_style.scss */
.section-hero hgroup {
float: left;
display: block;
@@ -1694,24 +1775,27 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-hero hgroup:last-child {
margin-right: 0; }
- /* line 818, ../../../dev/static/sass/form/_style.scss */
+ /* line 874, ../../../dev/static/sass/form/_style.scss */
.section-hero .button {
float: left;
display: block;
margin-right: 2.3576516%;
width: 31.7615656%;
- margin-left: 8.5298043%; }
+ margin-left: 8.5298043%;
+ font-size: 16px;
+ font-size: 1rem;
+ line-height: 1.5; }
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-hero .button:last-child {
margin-right: 0; }
- /* line 824, ../../../dev/static/sass/form/_style.scss */
+ /* line 881, ../../../dev/static/sass/form/_style.scss */
.section-one .figure-circle {
display: none; }
- /* line 827, ../../../dev/static/sass/form/_style.scss */
+ /* line 884, ../../../dev/static/sass/form/_style.scss */
.section-one h1 {
margin-left: 8.5298043%; }
- /* line 830, ../../../dev/static/sass/form/_style.scss */
+ /* line 887, ../../../dev/static/sass/form/_style.scss */
.section-one h2 {
float: left;
display: block;
@@ -1722,11 +1806,28 @@ form small.error {
.section-one h2:last-child {
margin-right: 0; }
- /* line 836, ../../../dev/static/sass/form/_style.scss */
+ /* line 893, ../../../dev/static/sass/form/_style.scss */
.section-two .figure-circle {
display: none; } }
@media screen and (max-width: 480px) {
- /* line 845, ../../../dev/static/sass/form/_style.scss */
+ /* line 901, ../../../dev/static/sass/form/_style.scss */
+ .app-badge-ios {
+ margin-left: 12.7947064%; }
+
+ /* line 904, ../../../dev/static/sass/form/_style.scss */
+ .app-badge-ios,
+ .app-badge-android {
+ background-position: center;
+ float: left;
+ display: block;
+ margin-right: 7.4229704%;
+ width: 32.8606435%; }
+ /* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
+ .app-badge-ios:last-child,
+ .app-badge-android:last-child {
+ margin-right: 0; }
+
+ /* line 911, ../../../dev/static/sass/form/_style.scss */
.section h1 {
font-size: 24px;
font-size: 1.5rem;
@@ -1738,21 +1839,21 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section h1:last-child {
margin-right: 0; }
- /* line 849, ../../../dev/static/sass/form/_style.scss */
+ /* line 915, ../../../dev/static/sass/form/_style.scss */
.section h2 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3333333; }
- /* line 853, ../../../dev/static/sass/form/_style.scss */
+ /* line 919, ../../../dev/static/sass/form/_style.scss */
.logo {
width: 100%;
margin-right: 0; }
- /* line 857, ../../../dev/static/sass/form/_style.scss */
+ /* line 923, ../../../dev/static/sass/form/_style.scss */
.section-hero {
background-image: none; }
- /* line 859, ../../../dev/static/sass/form/_style.scss */
+ /* line 925, ../../../dev/static/sass/form/_style.scss */
.section-hero hgroup {
float: left;
display: block;
@@ -1762,10 +1863,10 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section-hero hgroup:last-child {
margin-right: 0; }
- /* line 866, ../../../dev/static/sass/form/_style.scss */
+ /* line 932, ../../../dev/static/sass/form/_style.scss */
.section-hero h2 {
margin-bottom: 48px; }
- /* line 869, ../../../dev/static/sass/form/_style.scss */
+ /* line 935, ../../../dev/static/sass/form/_style.scss */
.section-hero .button {
float: left;
display: block;
@@ -1775,7 +1876,7 @@ form small.error {
.section-hero .button:last-child {
margin-right: 0; }
- /* line 876, ../../../dev/static/sass/form/_style.scss */
+ /* line 943, ../../../dev/static/sass/form/_style.scss */
.section .list-alpha {
float: left;
display: block;
@@ -1784,13 +1885,13 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section .list-alpha:last-child {
margin-right: 0; }
- /* line 68, ../../../dev/static/sass/form/_style.scss */
+ /* line 67, ../../../dev/static/sass/form/_style.scss */
.section .list-alpha ul {
margin: 0;
list-style-type: none;
padding-top: 24px;
width: 100%; }
- /* line 82, ../../../dev/static/sass/form/_style.scss */
+ /* line 81, ../../../dev/static/sass/form/_style.scss */
.section .list-alpha li {
margin: 0;
padding: 0;
@@ -1805,7 +1906,7 @@ form small.error {
/* line 70, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_omega.scss */
.section .list-alpha li:nth-child(1n) {
margin-right: 0; }
- /* line 92, ../../../dev/static/sass/form/_style.scss */
+ /* line 91, ../../../dev/static/sass/form/_style.scss */
.section .list-alpha li:before {
content: '';
display: block;
@@ -1824,10 +1925,10 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section .list-alpha li:before:last-child {
margin-right: 0; }
- /* line 115, ../../../dev/static/sass/form/_style.scss */
+ /* line 114, ../../../dev/static/sass/form/_style.scss */
.section .list-alpha li:last-of-type {
margin-bottom: 48px; }
- /* line 122, ../../../dev/static/sass/form/_style.scss */
+ /* line 121, ../../../dev/static/sass/form/_style.scss */
.section .list-alpha li p {
float: left;
display: block;
@@ -1837,10 +1938,10 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section .list-alpha li p:last-child {
margin-right: 0; }
- /* line 879, ../../../dev/static/sass/form/_style.scss */
+ /* line 946, ../../../dev/static/sass/form/_style.scss */
.section .list-alpha li p {
margin-top: 0; }
- /* line 883, ../../../dev/static/sass/form/_style.scss */
+ /* line 950, ../../../dev/static/sass/form/_style.scss */
.section .list-beta {
float: left;
display: block;
@@ -1849,13 +1950,13 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section .list-beta:last-child {
margin-right: 0; }
- /* line 68, ../../../dev/static/sass/form/_style.scss */
+ /* line 67, ../../../dev/static/sass/form/_style.scss */
.section .list-beta ul {
margin: 0;
list-style-type: none;
padding-top: 24px;
width: 100%; }
- /* line 82, ../../../dev/static/sass/form/_style.scss */
+ /* line 81, ../../../dev/static/sass/form/_style.scss */
.section .list-beta li {
margin: 0;
padding: 0;
@@ -1870,7 +1971,7 @@ form small.error {
/* line 70, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_omega.scss */
.section .list-beta li:nth-child(1n) {
margin-right: 0; }
- /* line 92, ../../../dev/static/sass/form/_style.scss */
+ /* line 91, ../../../dev/static/sass/form/_style.scss */
.section .list-beta li:before {
content: '';
display: block;
@@ -1889,10 +1990,10 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section .list-beta li:before:last-child {
margin-right: 0; }
- /* line 115, ../../../dev/static/sass/form/_style.scss */
+ /* line 114, ../../../dev/static/sass/form/_style.scss */
.section .list-beta li:last-of-type {
margin-bottom: 48px; }
- /* line 122, ../../../dev/static/sass/form/_style.scss */
+ /* line 121, ../../../dev/static/sass/form/_style.scss */
.section .list-beta li p {
float: left;
display: block;
@@ -1902,17 +2003,17 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.section .list-beta li p:last-child {
margin-right: 0; }
- /* line 886, ../../../dev/static/sass/form/_style.scss */
+ /* line 953, ../../../dev/static/sass/form/_style.scss */
.section .list-beta li p {
margin-top: 0; }
- /* line 890, ../../../dev/static/sass/form/_style.scss */
+ /* line 957, ../../../dev/static/sass/form/_style.scss */
.section .thank-you-message h2 {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.2;
text-align: center; }
- /* line 899, ../../../dev/static/sass/form/_style.scss */
+ /* line 964, ../../../dev/static/sass/form/_style.scss */
.call-to-action .copy {
float: left;
display: block;
@@ -1921,10 +2022,10 @@ form small.error {
/* line 40, ../../../../../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/neat/grid/_span-columns.scss */
.call-to-action .copy:last-child {
margin-right: 0; }
- /* line 901, ../../../dev/static/sass/form/_style.scss */
+ /* line 966, ../../../dev/static/sass/form/_style.scss */
.call-to-action .copy p {
width: 100%; }
- /* line 905, ../../../dev/static/sass/form/_style.scss */
+ /* line 970, ../../../dev/static/sass/form/_style.scss */
.call-to-action .form-wrapper {
float: left;
display: block;
@@ -1934,13 +2035,13 @@ form small.error {
.call-to-action .form-wrapper:last-child {
margin-right: 0; } }
@media screen and (min-width: 1024px) {
- /* line 911, ../../../dev/static/sass/form/_style.scss */
+ /* line 976, ../../../dev/static/sass/form/_style.scss */
.showcase-small {
height: 0;
overflow: hidden;
opacity: 0; }
- /* line 916, ../../../dev/static/sass/form/_style.scss */
+ /* line 981, ../../../dev/static/sass/form/_style.scss */
.showcase {
height: auto;
overflow: visible;
BIN  build/static/img/app-badge-android.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  build/static/img/app-badge-ios.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 build/static/img/fb-icon.svg
View
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 266.9 266.9" enable-background="new 0 0 266.9 266.9" xml:space="preserve">
+<path id="White_2_" fill="#FFFFFF" d="M252.2,0H14.7C6.6,0,0,6.6,0,14.7v237.4c0,8.1,6.6,14.7,14.7,14.7h127.8V163.5h-34.8v-40.3
+ h34.8V93.6c0-34.5,21.1-53.2,51.8-53.2c14.7,0,27.4,1.1,31.1,1.6v36l-21.3,0c-16.7,0-20,7.9-20,19.6v25.7H224l-5.2,40.3h-34.7v103.4
+ h68c8.1,0,14.7-6.6,14.7-14.7V14.7C266.9,6.6,260.3,0,252.2,0z"/>
+</svg>
54 config.codekit
View
@@ -2,22 +2,6 @@
"CodeKitInfo": "This is a CodeKit 2.x project configuration file. It is designed to sync project settings across multiple machines. MODIFYING THE CONTENTS OF THIS FILE IS A POOR LIFE DECISION. If you do so, you will likely cause CodeKit to crash. This file is not useful unless accompanied by the project that created it in CodeKit 2. This file is not backwards-compatible with CodeKit 1.x. For more information, see: http:\/\/incident57.com\/codekit",
"creatorBuild": "16609",
"files": {
- "\/build\/about.html": {
- "fileType": 8192,
- "ignore": 1,
- "ignoreWasSetByUser": 0,
- "inputAbbreviatedPath": "\/build\/about.html",
- "outputAbbreviatedPath": "No Output Path",
- "outputPathIsSetByUser": 0
- },
- "\/build\/contact.html": {
- "fileType": 8192,
- "ignore": 1,
- "ignoreWasSetByUser": 0,
- "inputAbbreviatedPath": "\/build\/contact.html",
- "outputAbbreviatedPath": "No Output Path",
- "outputPathIsSetByUser": 0
- },
"\/build\/index.html": {
"fileType": 8192,
"ignore": 1,
@@ -34,6 +18,26 @@
"outputAbbreviatedPath": "No Output Path",
"outputPathIsSetByUser": 0
},
+ "\/build\/static\/img\/app-badge-android.png": {
+ "fileType": 32768,
+ "ignore": 0,
+ "ignoreWasSetByUser": 0,
+ "initialSize": 7867,
+ "inputAbbreviatedPath": "\/build\/static\/img\/app-badge-android.png",
+ "outputAbbreviatedPath": "\/build\/static\/img\/app-badge-android.png",
+ "outputPathIsSetByUser": 0,
+ "processed": 0
+ },
+ "\/build\/static\/img\/app-badge-ios.png": {
+ "fileType": 32768,
+ "ignore": 0,
+ "ignoreWasSetByUser": 0,
+ "initialSize": 6641,
+ "inputAbbreviatedPath": "\/build\/static\/img\/app-badge-ios.png",
+ "outputAbbreviatedPath": "\/build\/static\/img\/app-badge-ios.png",
+ "outputPathIsSetByUser": 0,
+ "processed": 0
+ },
"\/build\/static\/img\/hand-iphone5.png": {
"fileType": 32768,
"ignore": 0,
@@ -164,29 +168,13 @@
"outputStyle": 1,
"syntaxCheckerStyle": 1
},
- "\/dev\/about.kit": {
- "fileType": 2048,
- "ignore": 0,
- "ignoreWasSetByUser": 0,
- "inputAbbreviatedPath": "\/dev\/about.kit",
- "outputAbbreviatedPath": "\/build\/about.html",
- "outputPathIsSetByUser": 0
- },
- "\/dev\/contact.kit": {
- "fileType": 2048,
- "ignore": 0,
- "ignoreWasSetByUser": 0,
- "inputAbbreviatedPath": "\/dev\/contact.kit",
- "outputAbbreviatedPath": "\/build\/contact.html",
- "outputPathIsSetByUser": 0
- },
"\/dev\/index.kit": {
"fileType": 2048,
"ignore": 0,
"ignoreWasSetByUser": 0,
"inputAbbreviatedPath": "\/dev\/index.kit",
"outputAbbreviatedPath": "\/build\/index.html",
- "outputPathIsSetByUser": 1
+ "outputPathIsSetByUser": 0
},
"\/dev\/lib\/bower_components\/html5-boilerplate\/404.html": {
"fileType": 8192,
18 dev/index.kit
View
@@ -14,7 +14,14 @@
</div>
<div class="inner button-section">
<a class="button" href="#get-started">Learn More</a>
- <a class="app-store-badge" href="https://itunes.apple.com/us/app/remotely/id821170582?mt=8&uo=4" target="_blank"><img src="static/img/Download_on_the_App_Store_Badge_US-UK_135x40.svg" alt=""></a>
+ </div>
+ <div class="app-badges">
+ <a class="app-badge-ios" href="https://itunes.apple.com/us/app/remotely/id821170582?mt=8&uo=4" target="_blank">
+ <span>Available on the App Store</span>
+ </a>
+ <a class="app-badge-android" href="https://play.google.com/store/apps/details?id=com.rentbits.remotely" target="_blank">
+ <span>Android app on Google Play</span>
+ </a>
</div>
</header>
@@ -259,7 +266,12 @@
<h3>As Low As $9.95 Per Month</h3>
<h4>Plug-n-play installation is perfect for new construction or existing properties.</h4>
<p>To speak to someone on our operations or customer service team please call us at 303-640-3160.</p>
- <a class="app-store-badge" href="https://itunes.apple.com/us/app/remotely/id821170582?mt=8&uo=4" target="_blank"><img src="static/img/Download_on_the_App_Store_Badge_US-UK_135x40.svg" alt=""></a>
+ <a class="app-badge-ios" href="https://itunes.apple.com/us/app/remotely/id821170582?mt=8&uo=4" target="_blank">
+ <span>Available on the App Store</span>
+ </a>
+ <a class="app-badge-android" href="https://play.google.com/store/apps/details?id=com.rentbits.remotely" target="_blank">
+ <span>Android app on Google Play</span>
+ </a>
</div>
<div class="form-wrapper">
<form id="learn-more-form" class="learn-more-form">
@@ -293,4 +305,4 @@
</section>
</div>
<!-- @include = 'partials/footer' -->
-<!-- @include = 'partials/doc-foot'
+<!-- @include = 'partials/doc-foot'
2  dev/partials/_doc-head.kit
View
@@ -11,7 +11,7 @@
<meta name="apple-itunes-app" content="app-id=id821170582">
<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
-
+ <link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="static/css/main.css">
<script src="static/js/vendor/modernizr-2.7.1.min.js"></script>
3  dev/partials/_footer.kit
View
@@ -5,6 +5,7 @@
<ul>
<li>© remotely 2014</li>
<li><a href="mailto:support@rentbits.com?subject=Remotely Support" "Contact" targer="_blank">Contact</a></li>
+ <li class="fb-icn"><a href="https://www.facebook.com/getremotely" target="_blank">fb</a></li>
</ul>
</div>
-</footer>
+</footer>
137 dev/static/sass/form/_style.scss
View
@@ -13,10 +13,9 @@
.section {
$cell-bg: #ccc;
background-color: $cell-bg;
- // margin: 1px 0;
- // height: 400px;
+
.inner {
- @include outer-container
+ @include outer-container;
}
.heading {
@@ -171,6 +170,43 @@
}
}
+.app-badges {
+ // display: none;
+ // height: 34px;
+ @include outer-container();
+}
+
+%app-badge {
+ @include span-columns(1.5);
+ opacity: 0.5;
+ background: transparent left center no-repeat;
+ background-size: contain;
+ // height: 100%;
+ height: 34px;
+ // display: inline-block;
+
+ span {
+ display: block;
+ color: transparent;
+ height: 0;
+ width: 0;
+ opacity: 0;
+ overflow: hidden;
+ }
+}
+
+.app-badge-ios {
+ @extend %app-badge;
+ // @include span-columns(1.5);
+ @include shift(1);
+ background-image: url('../img/app-badge-ios.png');
+}
+.app-badge-android {
+ @extend %app-badge;
+ // @include span-columns(1.5);
+ background-image: url('../img/app-badge-android.png');
+
+}
.section-hero {
@@ -209,9 +245,9 @@
p {
@include typecsset-font-size(16px);
}
- a {
+ // a {
// @include row;
- }
+ // }
.button {
@extend %button;
@include span-columns(3);
@@ -220,29 +256,6 @@
.inner {
position: relative;
}
- .app-store-badge {
- img {
- display: block;
- margin: auto;
- }
- display: block;
- // @include span-columns(1);
- // width: 90%;
- position: absolute;
- margin: auto;
- bottom: 0;
- right: 0;
- // left: 0;
- @include media($tablet-landscape) {
- // left: 0;
- margin-right: 10%;
- }
- @include media($tablet-portrait) {
- left: 0;
- margin: 0 auto;
- // margin: 0;
- }
- }
}
.logo {
@@ -627,10 +640,20 @@
position: relative;
overflow: hidden;
- .app-store-badge {
- display: block;
- margin-top: ($typecsset-magic-number * 1);
- margin-bottom: ($typecsset-magic-number * 2);
+ .app-badge-ios {
+ margin: ($typecsset-magic-number * .5) 0;
+ // @extend %app-badge;
+ @include span-columns(1 of 3);
+ @include shift(0);
+ // @include omega;
+ // background-image: url('../img/app-badge-ios.png');
+ }
+ .app-badge-android {
+ margin: ($typecsset-magic-number * .5) 0;
+ // @extend %app-badge;
+ @include span-columns(1 of 3);
+ // background-image: url('../img/app-badge-android.png');
+
}
}
@@ -757,13 +780,15 @@
.footer {
background: #CDCCCC;
+
ul {
// padding: 0;
list-style-type: none;
margin: 0;
@include outer-container;
- @include pad(default 0)
+ @include pad(default)
}
+
li {
float: left;
@include pad(0 default 0 0 );
@@ -772,6 +797,32 @@
color: #444;
@include typecsset-font-size(14px);
}
+
+ .fb-icn {
+ padding: 0;
+ display: block;
+ position: relative;
+ height: 24px;
+ width: 24px;
+ float: right;
+
+ a {
+ opacity: .75;
+ display: block;
+ width: 100%;
+ height: 100%;
+ background: transparent center no-repeat;
+ background-image: url('../img/fb-icon.svg');
+ background-size: contain;
+ @include hide-text();
+
+ transition: opacity 600ms ease ;
+
+ &:hover {
+ opacity: 1.0;
+ }
+ }
+ }
}
form small.error {
@@ -784,6 +835,7 @@ form small.error {
@include media($tablet-landscape) {
// @include figure-circle(2, 12);
// @include span-columns(2);
+
.section-three {
h1 {
@include shift(1);
@@ -808,6 +860,10 @@ form small.error {
}
@include media($tablet-portrait) {
+ .app-badge-ios,
+ .app-badge-android {
+ @include span-columns(2);
+ }
.section-hero {
background-position: 90% bottom;
@@ -818,6 +874,7 @@ form small.error {
.button {
@include span-columns(4);
@include shift(1);
+ @include typecsset-font-size(16px);
}
}
.section-one {
@@ -841,6 +898,15 @@ form small.error {
}
@include media($mobile) {
+ .app-badge-ios {
+ @include shift(1.5);
+ }
+ .app-badge-ios,
+ .app-badge-android {
+ background-position: center;
+ // @include omega();
+ @include span-columns(1.5 of 4);
+ }
.section {
h1 {
@include typecsset-font-size(24px);
@@ -872,6 +938,7 @@ form small.error {
// @include shift(.5);
}
}
+
.section {
.list-alpha {
@include span-columns(10 of 12);
@@ -892,9 +959,7 @@ form small.error {
text-align: center;
}
}
- // .showcase {
- // display: none;
- // }
+
.call-to-action {
.copy {
@include span-columns(10 of 12);
Something went wrong with that request. Please try again.