diff --git a/content/tft/index.md b/content/tft/index.md
index 3e6580d84..67261fff8 100644
--- a/content/tft/index.md
+++ b/content/tft/index.md
@@ -1,6 +1,7 @@
 ---
 title: "TFT"
 template: "page.html"
+page_template: "tft_header.html"
 insert_anchor_links: "left"
 ---
 
@@ -18,29 +19,14 @@ insert_anchor_links: "left"
 
 The People’s Internet creates an entirely new decentralized Internet economy that allows anyone to join the world’s fastest growing market – the Internet.
 
-
-<div class="relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-2 lg:py-2 lg:items-center text-center mx-auto justify-center">
-<a class="center" href="https://coinmarketcap.com/currencies/threefold/" rel="some text" target="_blank"> 
- <!-- <img class="logo_size mx-auto" src="./cointelegraph_logo.png" alt ="cointelegraph"> -->
-
-![Image](cointelegraph_logo.png#mx-auto#logo_size)
- </a>
-
- <a class="center" href="https://www.coingecko.com/en/coins/threefold-token" rel="some text" target="_blank">
- <!-- <img class="logo_size mx-auto" src="coin_logo.png"> -->
-
- ![Image](coin_logo.png#mx-auto#logo_size)
-
- </a>
- </div>
-
-
 {% end %}
 
 
-<br>
+{% tft_header() %}
 
-<br>
+## **DECENTRALIZING <br>THE INTERNET ECONOMY**
+
+{% end %}
 
 
 
@@ -227,23 +213,11 @@ Burning permanently removes TFT from the circulating supply when the ThreeFold G
 
 Get TFT today and participate in the realization of a truly decentralized world.
 
-<div class="quicklinks">
-<a class="center" href="https://gettft.com/gettft/" rel="some text" target="_blank"> 
- <!-- <img class="py-2 mr-2 my-2 px-5 border-2 border-black" src="get_tft_button.png" alt ="cointelegraph"> -->
+{% end %}
 
-![cointelegraph](get_tft_button.png) 
- </a>
-<a class="center" href="https://pancakeswap.finance/swap?exactField=output&exactAmount=100&outputCurrency=0x8f0FB159380176D324542b3a7933F0C2Fd0c2bbf&inputCurrency=0xe9e7cea3dedca5984780bafc599bd69add087d56?use=v2" rel="some text" target="_blank"> 
- <!-- <img class="py-2 mr-2 px-5 border-2 border-black" src="pancack_button.png" alt ="cointelegraph"> -->
- 
- ![pancakeswap](pancack_button.png)
- </a>
- <a class="center" href="https://app.1inch.io/#/56/swap/BNB/TFT" rel="some text" target="_blank"> 
- <!-- <img class="py-2 my-2 mr-2 px-5 border-2 border-black" src="iinch_button.png" alt ="cointelegraph"> -->
+{% tft_links() %}
 
- ![1inch](iinch_button.png)
- </a>
- </div>
+## **DECENTRALIZING <br>THE INTERNET ECONOMY**
 
 {% end %}
 
diff --git a/css/index.css b/css/index.css
index d87c35b46..746ce1f23 100644
--- a/css/index.css
+++ b/css/index.css
@@ -204,7 +204,6 @@ header {
   -ms-flex-align: center;
   align-items: center;
   width: auto;
-  display: inline-block;
   margin: 0 auto;
   border-radius: 10px;
   margin-top: 30px;
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index 5456dead3..064ada97d 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -13,7 +13,7 @@
           <div class="max-w-screen-2xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
             <div class="xl:flex xl:gap-4">
               <div class="space-y-8 lg:max-w-sm xl:max-w-sm lg:mr-8 lg:mb-8 xl:col-span-1">
-                <img class="w-20 h-auto sm:w-15" src="{{logoPath}}" alt="Company name" />
+                <img class="w-20 h-auto sm:w-15" src="{{ get_url(path=logoPath)}}" alt="ThreeFold Logo" />
                 <p class="text-gray-500 text-base leading-6 ">
                   {{section.description}}
                 </p>
diff --git a/templates/shortcodes/tft_header.html b/templates/shortcodes/tft_header.html
new file mode 100644
index 000000000..b56fc2f67
--- /dev/null
+++ b/templates/shortcodes/tft_header.html
@@ -0,0 +1,15 @@
+{% block content %}
+
+<div
+    class="relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row md:py-2 lg:py-2 lg:items-center text-center mx-auto justify-center">
+    <a class="center" href="https://coinmarketcap.com/currencies/threefold/" target="_blank">
+        {% set link = page.permalink ~ "cointelegraph_logo.png"%}
+        <img class="logo_size mx-auto" src="{{link}}" alt="cointelegraph">
+    </a>
+    <a class="center" href="https://www.coingecko.com/en/coins/threefold-token" target="_blank">
+        {% set link = page.permalink ~ "coin_logo.png"%}
+        <img class="logo_size mx-auto" src="{{link}}" alt="CoinGecko">
+    </a>
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/templates/shortcodes/tft_links.html b/templates/shortcodes/tft_links.html
new file mode 100644
index 000000000..6d2f1fd21
--- /dev/null
+++ b/templates/shortcodes/tft_links.html
@@ -0,0 +1,20 @@
+{% block content %}
+
+<div class="quicklinks text-center">
+    <a class="center" href="https://gettft.com/gettft/" rel="some text" target="_blank">
+        {% set link = page.permalink ~ "get_tft_button.png"%}
+        <img class="py-2 mr-2 my-2 px-5 border-2 border-black" src="{{link}}" alt="gettft">
+    </a>
+    <a class="center"
+        href="https://pancakeswap.finance/swap?exactField=output&exactAmount=100&outputCurrency=0x8f0FB159380176D324542b3a7933F0C2Fd0c2bbf&inputCurrency=0xe9e7cea3dedca5984780bafc599bd69add087d56?use=v2"
+        target="_blank">
+        {% set link = page.permalink ~ "pancack_button.png"%}
+        <img class="py-2 mr-2 px-5 border-2 border-black" src="{{link}}" alt="pancakeswap">
+    </a>
+    <a class="center" href="https://app.1inch.io/#/56/swap/BNB/TFT" target="_blank">
+        {% set link = page.permalink ~ "iinch_button.png"%}
+        <img class="py-2 my-2 mr-2 px-5 border-2 border-black" src="{{link}}" alt="1inch">
+    </a>
+</div>
+
+{% endblock content %}
\ No newline at end of file