diff --git a/Makefile b/Makefile
index b8b302e..87da424 100644
--- a/Makefile
+++ b/Makefile
@@ -1,13 +1,23 @@
 
 GOFILES=$(wildcard *.go)
 NAME=musala-push
+MJML_TEMPLATES=$(wildcard templates/*.mjml)
+MJML_OUTPUT=$(patsubst %.mjml,%.mjml.html,$(MJML_TEMPLATES))
 
 all: build
 
-.PHONY: build
-build:  ## build executable
+%.mjml.html: %.mjml
+	npx mjml $< --config.minify > $@
+
+
+.PHONY: build build-binaries build-templates
+build: build-binaries build-templates  ## build executable
+
+build-binaries: build-templates
 	go build ./...
 
+build-templates: $(MJML_OUTPUT)
+
 install: ## install binaries
 	go install ./...
 
@@ -19,8 +29,13 @@ shellcheck: ## run shellcheck validation
 help: ## print this help
 	@awk 'BEGIN {FS = ":.*?## "} /^[a-zA-Z_-]+:.*?## / {sub("\\\\n",sprintf("\n%22c"," "), $$2);printf "\033[36m%-20s\033[0m %s\n", $$1, $$2}' $(MAKEFILE_LIST)
 
-.PHONY: clean
-clean: ## remove build artifacts
+.PHONY: clean clean-templates clean-binaries
+clean: clean-templates clean-binaries ## remove build artifacts
+
+clean-templates:
+	rm -f ./templates/*.mjml.html
+
+clean-binaries:
 	rm -rf ./_build/*
 
 test: build 
@@ -30,13 +45,4 @@ npm:
 	npm install
 
 
-MJML_TEMPLATES=$(wildcard templates/*.mjml)
-MJML_OUTPUT=$(patsubst %.mjml,%.mjml.html,$(MJML_TEMPLATES))
-
-%.mjml.html: %.mjml
-	npx mjml $< --config.minify > $@
-
-templates: $(MJML_OUTPUT)
-
-.PHONY: templates
 
diff --git a/templates/html.mjml b/templates/html.mjml
index 208eda8..4f9180c 100644
--- a/templates/html.mjml
+++ b/templates/html.mjml
@@ -1,43 +1,55 @@
 <mjml>
+  <mj-head>
+	  <mj-style inline="inline">
+		.footer-link { color: white !important; font-weight: bold; text-decoration: underline !important; }
+	  </mj-style>
+  </mj-head>
+
   <mj-body>
     <mj-section>
       <mj-group>
-      <mj-column>
-        <mj-image width="100px" src="/assets/img/logo-small.png"></mj-image>
-      </mj-column>
-      <mj-column>
-        <mj-text font-size="20px" color="#F45E43" font-family="helvetica" align="center">
-          Mardi 28 aout 2020
-        </mj-text>
-        <mj-button font-family="Helvetica" background-color="#f45e43" color="white">Visit Board
-        </mj-button>
-      </mj-column>
+        <mj-column>
+          <mj-image width="100px" src="/assets/img/logo-small.png"></mj-image>
+        </mj-column>
+        <mj-column>
+          <mj-text font-size="20px" color="#F45E43" font-family="helvetica" align="center">
+            Mardi 28 aout 2020
+          </mj-text>
+          <mj-button href="#" font-family="Helvetica" background-color="#f45e43" color="white">Visit Board
+          </mj-button>
+        </mj-column>
       </mj-group>
-     </mj-section>
-     <mj-section>
-       <mj-column>
-      	<mj-divider border-color="#F45E43"></mj-divider>
-         <mj-text font-size="20px" color="#F45E43" font-family="helvetica" align="center">
-          Your daily task list for
-       	 </mj-text>
-         <mj-text font-size="24px" font-weight="bold" color="#F45E43" font-family="helvetica" align="center">
-          BC.Business.Operational
-       	 </mj-text>
-         <mj-divider border-color="#F45E43"></mj-divider>
-       </mj-column>
     </mj-section>
-     <mj-section>
-       <mj-column>
-         <mj-text font-size="20px" color="#f45e43" font-family="helvetica" font-weight="bold" align="left" >
-          Topic dsfsdfs
-       	 </mj-text>
-         <mj-text font-size="16px" color="#666" font-family="helvetica" font-weight="bold" align="left">
-          Topic dsfsdfs
-       	 </mj-text>
-           <mj-text font-size="16px" color="#666" font-family="helvetica" align="left">
-          Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">truc</a>
-       	 </mj-text>
-       </mj-column>
+    <mj-section>
+      <mj-column>
+        <mj-divider border-color="#F45E43"></mj-divider>
+        <mj-text font-size="20px" color="#F45E43" font-family="helvetica" align="center">
+          Your daily task list for
+        </mj-text>
+        <mj-text font-size="24px" font-weight="bold" color="#F45E43" font-family="helvetica" align="center">
+          BC.Business.Operational
+        </mj-text>
+        <mj-divider border-color="#F45E43"></mj-divider>
+      </mj-column>
+    </mj-section>
+    <mj-section>
+      <mj-column>
+        <mj-button font-size="20px" font-family="Helvetica" font-weight="bold"  background-color="#f45e43" align="left" color="white">Topic ABC
+        </mj-button>
+          <mj-text font-size="16px" color="#666" padding-bottom="0" font-family="helvetica" font-weight="bold" align="left">
+            Topic dsfsdfs
+          </mj-text>
+          <mj-text font-size="16px" color="#666" font-family="helvetica" align="left">
+              Lorem ipsum dolor sit amet, blablablabla <a href="rezrez">&gt;&gt; see more</a>
+          </mj-text>
+      </mj-column>
+    </mj-section>
+    <mj-section>
+      <mj-column background-color="white" inner-background-color="#f45e43" padding-right="20px" padding-left="20px">
+          <mj-text font-size="16px" color="#ffffff" font-family="helvetica" align="left" >
+			  To stop receiving these emails, you can change your <a href="#" class="footer-link">notification preferences</a> in <a href="#" class="footer-link">Musala</a>.
+          </mj-text>
+      </mj-column>
     </mj-section>
   </mj-body>
 </mjml>