--- /dev/null
+<!--Here you will define all of your components to reuse in your code including-->
+<!--it's HTMX and tailwind classes as well as its gotemplating-->
+
+{{define "headHTML"}}
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>{{.tittle}} webpage</title>
+ <link rel="stylesheet" type="text/css" href="static/tailwind.css"
+ </head>
+{{end}}
+
+
+{{define "headerHTML"}}
+<header>
+ {{.header}}
+ <h1>welp, it looks like it werks</h1>
+ <br>
+ <nav>
+ <a href="/">Go back home</a>
+ </nav>
+</header>
+{{end}}
+
+
+{{define "footerHTML"}}
+<h3>so, looks like {{.footer}}</h3>
+<footer>
+ <p>yeah yeah whateverssss</p>
+</footer>
+</body>
+</html>
+{{end}}
+
+
+