update tft page

content/tft/_index.md

@@ -215,6 +215,45 @@ Burning permanently removes TFT from the circulating supply when the ThreeFold G
 
 ![Image](/images/tft_burn.jpg)
 
+{% end %}
+
+<br>
+<br>
+
+
+<!-- section 9 (partners) -->
+
+{% row(style="center") %}
+
+## **JOIN THE PEOPLE'S INTERNET**
+
+Get TFT today and participate in the realization of a truly decentralized world.
+
+<div class="quicklinks">
+<a class="center" href="https://coinmarketcap.com/currencies/threefold/" rel="some text" target="_blank"> 
+ <img class="py-2 my-2 px-5 border-2 border-black" src="/images/get_tft_button.png" alt ="cointelegraph">
+ 
+ </a>
+
+<a class="center" href="https://coinmarketcap.com/currencies/threefold/" rel="some text" target="_blank"> 
+ <img class="py-2 my-2 px-5 border-2 border-black" src="/images/pancack_button.png" alt ="cointelegraph">
+ 
+ </a>
+
+ <a class="center" href="https://coinmarketcap.com/currencies/threefold/" rel="some text" target="_blank"> 
+ <img class="py-2 my-2 px-5 border-2 border-black" src="/images/iinch_button.png" alt ="cointelegraph">
+ 
+ </a>
+ </div>
+
+{% end %}
+
+{% row(style="lean") %}
+
+![Image](/images/tft_join_internet.png#mx-auto)
+
+
+
 {% end %}
 
 

css/index.css

@@ -136,3 +136,41 @@ header {
   border: none !important;
   box-shadow: none !important;
 }
+
+.quicklinks {
+  box-sizing: border-box;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: auto;
+  display: inline-block;
+  margin: 0 auto;
+  border-radius: 10px;
+  margin-top: 30px;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-bottom: 20px;
+}
+.quicklinks img {
+  height: auto;
+  max-width: 200px;
+  display: inline-block;
+  padding: 10px;
+  -webkit-filter: grayscale(100%);
+  filter: grayscale(100%);
+  position: relative;
+  margin-right: 30px;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  opacity: 0.5;
+}
+
+.quicklinks img:hover {
+  opacity: 1;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  -webkit-filter: grayscale(0%);
+  filter: grayscale(0%);
+}