From: Reda Lazri <the.red.shortcut@gmail.com>
Date: Tue, 18 Nov 2014 11:09:16 +0000 (+0100)
Subject: Added share button and a 'buy' graphics.
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=73f66771cf1b5ffb9ee224d00cef08ac299b627e;p=fsf-giving-guide.git

Added share button and a 'buy' graphics.
---

diff --git a/givingguide.html b/givingguide.html
index 5a15b98..b347cc5 100755
--- 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
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
index 0000000..25be5de
Binary files /dev/null and b/images/share.png differ
diff --git a/stylesheet.css b/stylesheet.css
index 91fc3c6..e44d21d 100755
--- 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 {