Permalink
Browse files

Simplify call to action

  • Loading branch information...
1 parent 922455b commit fb2f9edc8c27d6d46e791c12cde1665bb6403c7e Chris Kilding committed Jul 18, 2012
Showing with 56 additions and 53 deletions.
  1. +19 −5 _site/css/styles.css
  2. +9 −22 _site/index.html
  3. +19 −5 css/styles.css
  4. +9 −21 index.html
View
@@ -88,14 +88,12 @@ footer.site {
margin-right: auto;
margin-bottom: 20px;
}
-.spiel section {
- background-repeat: repeat-x;
- background-attachment: scroll;
-}
-.spiel section h2 {
+section h2 {
font-size: 2em;
line-height: 1em;
text-align: center;
+}
+.spiel section h2 {
border-bottom: 1px solid white;
border-top: 1px solid #c6c6c6;
background-color: #093169;
@@ -234,6 +232,22 @@ blockquote small {
font-size: 2.5em;
line-height: 1em;
}
+.btn-primary {
+ background-color: #a6bc00;
+ color: white !important;
+}
+.calltoaction a {
+ display: inline-block;
+}
+.calltoaction .actionicon {
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ border-top: 4px solid #093169;
+}
+.calltoaction * {
+ text-align: center;
+}
/* ============================= */
/* ! Layout for mobile version */
View
@@ -379,29 +379,16 @@
</div>
</div>
</section>
- <section class="attention">
- <h2>So... want to know more?</h2>
- <div class="row">
- <div class="fourcol">
- <a class="btn invert" href="mailto:ussu.ballroom@surrey.ac.uk"><i class="icon-envelope"></i> Email us</a>
- <p>1. Contact us today and ask us any questions you have. <strong>Then come to our next session and try it for real!</strong></p>
- </div>
- <div class="fourcol">
- <a class="btn invert" href="http://eepurl.com/gOKcn"><i class="icon-bullhorn"></i> Join mailing list</a>
- <p>
- 2. Did you like it? Join our mailing list to receive our weekly announcements. Also check out the <a href="https://www.facebook.com/groups/176881515701274/">Facebook group</a> for more.
- </p>
- </div>
- <div class="fourcol last">
- <a class="btn invert" href="http://www.ussu.co.uk/ClubsSocieties/Sport/ballroomlatin"><i class="icon-shopping-cart"></i> Purchase membership</a>
- <p>
- 3. Once you've tried our sessions and you'd like to carry on, purchase a membership at the USSU store.
- </p>
- </div>
- </div>
- </section>
</div>
-
+<section class="calltoaction">
+ <i class="icon-caret-down actionicon attention massive"></i>
+ <h2>So... want to know more?</h2>
+ <div class="row">
+ <p>Send your enquiry to the committee today!</p>
+ <a class="btn btn-primary massive" href="mailto:ussu.ballroom@surrey.ac.uk"><i class="icon-envelope"></i> Email us</a>
+ <p>Then come to our next session and <strong>try it for real</strong>.</p>
+ </div>
+</section>
<footer class="site invert">
<div class="row">
<div class="fourcol">
View
@@ -88,14 +88,12 @@ footer.site {
margin-right: auto;
margin-bottom: 20px;
}
-.spiel section {
- background-repeat: repeat-x;
- background-attachment: scroll;
-}
-.spiel section h2 {
+section h2 {
font-size: 2em;
line-height: 1em;
text-align: center;
+}
+.spiel section h2 {
border-bottom: 1px solid white;
border-top: 1px solid #c6c6c6;
background-color: #093169;
@@ -234,6 +232,22 @@ blockquote small {
font-size: 2.5em;
line-height: 1em;
}
+.btn-primary {
+ background-color: #a6bc00;
+ color: white !important;
+}
+.calltoaction a {
+ display: inline-block;
+}
+.calltoaction .actionicon {
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ border-top: 4px solid #093169;
+}
+.calltoaction * {
+ text-align: center;
+}
/* ============================= */
/* ! Layout for mobile version */
View
@@ -316,25 +316,13 @@
</div>
</div>
</section>
- <section class="attention">
- <h2>So... want to know more?</h2>
- <div class="row">
- <div class="fourcol">
- <a class="btn invert" href="mailto:ussu.ballroom@surrey.ac.uk"><i class="icon-envelope"></i> Email us</a>
- <p>1. Contact us today and ask us any questions you have. <strong>Then come to our next session and try it for real!</strong></p>
- </div>
- <div class="fourcol">
- <a class="btn invert" href="http://eepurl.com/gOKcn"><i class="icon-bullhorn"></i> Join mailing list</a>
- <p>
- 2. Did you like it? Join our mailing list to receive our weekly announcements. Also check out the <a href="https://www.facebook.com/groups/176881515701274/">Facebook group</a> for more.
- </p>
- </div>
- <div class="fourcol last">
- <a class="btn invert" href="http://www.ussu.co.uk/ClubsSocieties/Sport/ballroomlatin"><i class="icon-shopping-cart"></i> Purchase membership</a>
- <p>
- 3. Once you've tried our sessions and you'd like to carry on, purchase a membership at the USSU store.
- </p>
- </div>
- </div>
- </section>
</div>
+<section class="calltoaction">
+ <i class="icon-caret-down actionicon attention massive"></i>
+ <h2>So... want to know more?</h2>
+ <div class="row">
+ <p>Send your enquiry to the committee today!</p>
+ <a class="btn btn-primary massive" href="mailto:ussu.ballroom@surrey.ac.uk"><i class="icon-envelope"></i> Email us</a>
+ <p>Then come to our next session and <strong>try it for real</strong>.</p>
+ </div>
+</section>

0 comments on commit fb2f9ed

Please sign in to comment.