<!--We compare different products from here-->
- <div id="comparisons">
- <div class="section_wrapper">
- <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
-<!--
- <div id="free">
- <img class="product" src="images/linux.png" alt="Windows"/>
-
- <h4 class="title">Linux</h4>
- <ul>
- <li>Completely free operating system: transparent and modifiable</li>
- <li>Break the cycle of forced upgrades and planned obsolescence</li>
- <li>Comes with all the software you need and an easy software manager to find more.</li>
- </ul>
+ <div class="comparisons">
+ <div class="section_wrapper_1">
+ <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
- </div>
+ <div class="free">
+ <div class="product">
+ <img class="good" src="images/good.png" alt="Windows"/>
+ <img class="product_img" src="images/linux.png" alt="Linux"/>
+ </div>
- <div id="sign">
- <img class="sign" src="images/sign.png" alt="compared"/>
- <img class="separator" src="images/separator.png" alt="separator"/>
- </div>
+ <h4 class="title">Fedora</h4>
+ <ul>
+ <li>Completely free operating system: transparent and modifiable</li>
+ <li>Break the cycle of forced upgrades and planned obsolescence</li>
+ <li>Comes with all the software you need and an easy software manager to find more.</li>
+ </ul>
+
+ <div class="buy">
+
+ <a href="#"><img src="images/download.png" alt="download" /></a>
+
+ </div>
+
+ </div>
+
+ <div class="proprietary">
+ <div class="product">
+ <img class="bad" src="images/bad.png" alt="bad"/>
+ <img class="product_img" src="images/windows.png" alt="Windows"/>
+ </div>
+
+ <h4 class="title">Windows</h4>
+ <ul>
+ <li>Proprietary software that profits from controlling how you use your computer</li>
+ <li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
+ <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
+ </ul>
+
+ <div class="avoid">
+
+ <img src="images/avoid.png" alt="avoid" />
+
+ </div>
+ </div>
+ </div>
+
+ <br> <!-- SEPARATOR -->
+
+ <div class="section_wrapper_2">
+ <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="product_img" src="images/linux.png" alt="Linux"/>
+ </div>
+
+ <h4 class="title">Fedora</h4>
+ <ul>
+ <li>Completely free operating system: transparent and modifiable</li>
+ <li>Break the cycle of forced upgrades and planned obsolescence</li>
+ <li>Comes with all the software you need and an easy software manager to find more.</li>
+ </ul>
+
+ <div class="buy">
+
+ <a href="#"><img src="images/download.png" alt="download" /></a>
+
+ </div>
+
+ </div>
+
+ <div class="proprietary">
+ <div class="product">
+ <img class="bad" src="images/bad.png" alt="bad"/>
+ <img class="product_img" src="images/windows.png" alt="Windows"/>
+ </div>
+
+ <h4 class="title">Windows</h4>
+ <ul>
+ <li>Proprietary software that profits from controlling how you use your computer</li>
+ <li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
+ <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
+ </ul>
+
+ <div class="avoid">
+
+ <img src="images/avoid.png" alt="avoid" />
+
+ </div>
+ </div>
+ </div>
+
+
+ <br> <!-- SEPARATOR -->
+
+ <div class="section_wrapper_2">
+ <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="product_img" src="images/linux.png" alt="Linux"/>
+ </div>
+
+ <h4 class="title">Fedora</h4>
+ <ul>
+ <li>Completely free operating system: transparent and modifiable</li>
+ <li>Break the cycle of forced upgrades and planned obsolescence</li>
+ <li>Comes with all the software you need and an easy software manager to find more.</li>
+ </ul>
+
+ <div class="buy">
+
+ <a href="#"><img src="images/download.png" alt="download" /></a>
+
+ </div>
+
+ </div>
+
+ <div class="proprietary">
+ <div class="product">
+ <img class="bad" src="images/bad.png" alt="bad"/>
+ <img class="product_img" src="images/windows.png" alt="Windows"/>
+ </div>
+
+ <h4 class="title">Windows</h4>
+ <ul>
+ <li>Proprietary software that profits from controlling how you use your computer</li>
+ <li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
+ <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
+ </ul>
+
+ <div class="avoid">
+
+ <img src="images/avoid.png" alt="avoid" />
+
+ </div>
+ </div>
+ </div>
- <div id="proprietary">
- <img class="product" src="images/windows.png" alt="Windows"/>
- <h4 class="title">Windows</h4>
- <ul>
- <li>Proprietary software that profits from controlling how you use your computer</li>
- <li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
- <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
- </ul>
- </div>
- </div> -->
-
- <!-- <div id="test">
- <hr>
- </div> -->
-
-<!-- <div class="section_wrapper">
- <h3 class="main_title">Operating System: Give the gift of free, flexible, and ethical computing</h3>
-
- <div id="free">
- <img class="product" src="images/linux.png" alt="Windows"/>
-
- <h4 class="title">Linux</h4>
- <ul>
- <li>Completely free operating system: transparent and modifiable</li>
- <li>Break the cycle of forced upgrades and planned obsolescence</li>
- <li>Comes with all the software you need and an easy software manager to find more.</li>
- </ul>
-
- </div>
-
- <div id="sign">
- <img class="sign" src="images/sign.png" alt="compared"/>
- <img class="separator" src="images/separator.png" alt="separator"/>
- </div>
-
- <div id="proprietary">
- <img class="product" src="images/windows.png" alt="Windows"/>
-
- <h4 class="title">Windows</h4>
- <ul>
- <li>Proprietary software that profits from controlling how you use your computer</li>
- <li>Invades privacy and exposes personal data to Microsoft, <a href="http://www.theguardian.com/world/2013/sep/05/nsa-how-to-remain-secure-surveillance">the NSA</a>, and other malicious attackers</li>
- <li>Dependent on mandatory upgrades and devices that don't support older versions of Windows</li>
- </ul>
- </div>
-</div>
- </div> -->
</body>
</html>
projects / fsf-giving-guide.git / blobdiff