Added share button and a 'buy' graphics.
authorReda Lazri <the.red.shortcut@gmail.com>
Tue, 18 Nov 2014 11:09:16 +0000 (12:09 +0100)
committerReda Lazri <the.red.shortcut@gmail.com>
Tue, 18 Nov 2014 11:09:16 +0000 (12:09 +0100)
givingguide.html
images/buy.png [new file with mode: 0644]
images/share.png [new file with mode: 0644]
stylesheet.css

index 5a15b98..b347cc5 100755 (executable)
@@ -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">
                                                        </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>
 
 
                                                        <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>
 
 
                                                        <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>
 
 
                                                                <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>
 
                                                </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>
 
                                                </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
index 91fc3c6..e44d21d 100755 (executable)
@@ -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 {