Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

first version of bundle sales box

  • Loading branch information...
commit 9c579d03a2f93c8146516d1971716017a75b269f 1 parent 79bf5fa
@manuelkiessling authored
Showing with 27 additions and 18 deletions.
  1. BIN  hands-on_node.js_cover.png
  2. +27 −18 index.html
View
BIN  hands-on_node.js_cover.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
45 index.html
@@ -99,7 +99,7 @@
}
#buy-the-ebook .cover {
- width: 60px;
+ width: 131px;
display: table-cell;
padding-right: 0px;
padding-left: 16px;
@@ -115,15 +115,16 @@
}
#buy-the-ebook .description {
- width: 420px;
+ width: 349px;
display: table-cell;
- padding-right: 32px;
+ padding-right: 16px;
+ padding-left: 16px;
vertical-align: middle;
text-align: center;
}
- #buy-the-ebook .description strong {
-
+ #buy-the-ebook strong.price {
+ font-size: 18pt;
}
#buy-the-ebook .buy {
@@ -135,9 +136,9 @@
padding: 8px;
width: 140px;
border: 1px solid #444;
- border-radius: 3px;
- background-image: -moz-linear-gradient(top, #f2ab2b, #e17b19);
- background-image: -webkit-gradient(linear, center top, center bottom, from(#f2ab2b), to(#e17b19));
+ border-radius: 6px;
+ background-image: -moz-linear-gradient(top, #14d014, #029302);
+ background-image: -webkit-gradient(linear, center top, center bottom, from(#14d014), to(#029302));
box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
@@ -146,8 +147,9 @@
.buttonlink {
text-decoration: none;
font-weight: bold;
- font-size: 13px;
- color: #000;
+ font-size: 15px;
+ color: #fff;
+ text-shadow: 0.1em 0.1em #666;
}
#donate p {
@@ -378,25 +380,32 @@
<div id="buy-the-ebook">
<div class="cover">
- <a href="/buy/"><img src="the_node_beginner_book_cover.png" height="86" width="57" /></a>
+ <a href="/buy-bundle/"><img src="the_node_beginner_book_cover.png" height="86" width="57" /></a>
+ <a href="/buy-bundle/"><img src="hands-on_node.js_cover.png" height="86" width="57" /></a>
</div>
<div class="description">
<p>
- You can now buy the <strong>PDF</strong>, <strong>ePub</strong> and <strong>MOBI</strong>
- version
+ LeanBundle currently offers
+ the final version of
+ <br />
+ <strong>The Node Beginner Book</strong>
+ <br />
+ plus Pedro Teixeira's excellent
+ <br />
+ <strong>Hands-on Node.js</strong> for only
<br />
- of The Node Beginner Book at Leanpub.
<br />
+ <strong class="price">$7.99</strong>
<br />
- It's 59 pages for only <strong>$4.99</strong>.
+ (regular price <del>$10.98</del>)
</p>
<p>
- You will receive any future updates to the book for free.
+ You will receive any future updates to both books <u>for free</u>.
</p>
</div>
<div class="buy">
- <a class="buttonlink" href="/buy/">
- <div class="button">Buy the eBook now</div>
+ <a class="buttonlink" href="/buy-bundle/">
+ <div class="button">Buy this<br />bundle now</div>
</a>
</div>
</div>
Please sign in to comment.
Something went wrong with that request. Please try again.