Added share button and a 'buy' graphics.

diff --git a/givingguide.html b/givingguide.html
index 5a15b9815cda10a60a5db720be34ad34cead224a..b347cc554b91b14d7da7abea94956f2e0698da5b 100755 (executable)
--- a/givingguide.html
+++ b/givingguide.html
@@ -21,7 +21,7 @@
                        <div class="header_wrapper">
                                        <div class="navbar_wrapper">
                                                <span class="logo_wrapper">
-                                                       <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
+                                                       <a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="logo" /></a>
                                                </span>
 
                                                <div class="navbar">
@@ -33,8 +33,12 @@
                                                        </ul>
                                                </div>
 
+                                               <span class="share_wrapper">
+                                                       <a href="https://fsf.org/share"><img class="share" src="images/share.png" alt="share" /></a>
+                                               </span>
+
                                                <span class="join_wrapper">
-                                                       <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
+                                                       <a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="join" /></a>
                                                </span>
                                        </div>
 
@@ -139,7 +143,7 @@
 
                                                        <div class="free">
                                                                <div class="product">
-                                                                       <img class="good" src="images/good.png" alt="Windows"/>
+                                                                       <img class="good" src="images/good.png" alt="good"/>
                                                                        <img class="product_img" src="images/linux.png" alt="Linux"/>
                                                                </div>
 
@@ -186,7 +190,7 @@
 
                                                        <div class="free">
                                                                <div class="product">
-                                                                       <img class="good" src="images/good.png" alt="Windows"/>
+                                                                       <img class="good" src="images/good.png" alt="good"/>
                                                                        <img class="product_img" src="images/linux.png" alt="Linux"/>
                                                                </div>
 
@@ -199,7 +203,7 @@
 
                                                                <div class="buy">
 
-                                                                       <a href="http://fedoraproject.org/"><img src="images/download.png" alt="download" /></a>
+                                                                       <a href="http://fedoraproject.org/"><img src="images/buy.png" alt="download" /></a>
 
                                                                </div>
 
@@ -227,13 +231,21 @@
                                                </div>
                                </div>
 
+                               <div class="recomended">
+                                       <div class="recomend_wrapper">
+                                               <h3 class="main_title">Recomended Products</h3>
+
+
+                                       </div>
+                               </div>
+
                                <div class="comparisons">
                                        <div class="section_wrapper">
                                                <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
 
                                                <div class="free">
                                                        <div class="product">
-                                                               <img class="good" src="images/good.png" alt="Windows"/>
+                                                               <img class="good" src="images/good.png" alt="good"/>
                                                                <img class="product_img" src="images/linux.png" alt="Linux"/>
                                                        </div>
 
@@ -273,6 +285,12 @@
                                                </div>
                                        </div>
                        </div>
+
+
        </body>
 
+       <footer>
+
+
+       </footer>
 </html>

diff --git a/images/buy.png b/images/buy.png
new file mode 100644 (file)
index 0000000..64fbc94
Binary files /dev/null and b/images/buy.png differ

diff --git a/images/share.png b/images/share.png
new file mode 100644 (file)
index 0000000..25be5de
Binary files /dev/null and b/images/share.png differ

diff --git a/stylesheet.css b/stylesheet.css
index 91fc3c62b6656b439889b432a8ec2f669a6db039..e44d21d23e6ad2d4c8d3ff7a0a76c1e04c94ca86 100755 (executable)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -83,7 +83,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 .navbar_wrapper {
   max-width: 1300px;
-  min-width: 1035px;
+  min-width: 1110px;
   margin: auto;
   text-align: center;
 }
@@ -104,6 +104,17 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   min-width: 200px;
 }
 
+.share_wrapper {
+  padding: 1.2em;
+  float: right;
+  display: inline-block;
+}
+
+.share {
+  max-width: 36px;
+  min-width: 36px;
+}
+
 .navbar {
   width: 537px;
   padding: 1em;
@@ -148,7 +159,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 .intro {
   margin: auto;
   max-width: 1300px;
-  min-width: 1035px;
+  min-width: 1170px;
 }
 
 .intro_wrapper {
@@ -157,7 +168,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   min-width: 500px;
   float: right;
   color: white !important;
-  padding-right: 3em;
+/*   padding-right: 3em; */
 }
 
 .intro_wrapper h2 {