diff --git a/brc_static/about.html b/brc_static/about.html
deleted file mode 100644
index 677e98e..0000000
--- a/brc_static/about.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!doctype html>
-<html>
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>bricabracomania.</title>
-        <link href="css/styles.css" rel="stylesheet" type="text/css">
-        <link rel="icon" type="image/ico" href="images/favicon.ico">
-        </head>
-
-    <body style="background-color:black;">
-        <header>
-            <img src="img/logo.png" alt="bricabracomania logo" class="logo" />
-            <nav class="nav">
-                <ul>
-                    <li><a href="index.html">Home</a></li>
-                    <li><a href="/">About</a></li>
-                    <li><a href="projects.html">Projects</a></li>
-                    <li><a href="contacts.html">Contacts</a></li>
-                </ul>
-            </nav>
-        </header>
-                <video autoplay playsinline nofullscreen nodownload autoplay loop mute style="pointer-events: none" src="video/Heart.m4v" width="80%" height="auto" ></video>
-
-    <div class="home-about-textbox parallax--box">
-        <h1>THE STORY</h1>
-        <p><i>Here we have the story of brc</i></p>
-        <p><strong>How was brc made?</strong></p>
-        <p>Video? Text?</p>
-    </div>
-
-    <section class="cta">
-        <div class="container">
-            <h2 class="title title-cta">Order your piece now!
-            </h2>
-            <a href="contacts" class="button button-dark">Order</a>
-        </div>
-    </section>
-
-
-    <footer>
-        <div class="container">
-            <div class="col-3">
-                <ul class="unstyled-list" style="text-align:center;">
-                    <li><strong>Hancarved jewellery loved and produced by</strong></li>
-                    <li>Bricabracomania Metalworks</li>
-                    <li>2020</li>
-                </ul>
-            </div>
-
-            <div class="col-3">
-                <ul class="unstyled-list" style="text-align:center;">
-                    <li><strong>Follow us</strong></li>
-                    <a href="https://www.facebook.com/bricabracomania" target="popup"><img src="images/fb.png" style ="width:50px; height:50px;"/></a> <a href="https://www.etsy.com/shop/BricabracomaniaCraft" target="popup"><img src="images/etsy.png" style ="width:50px; height:50px;"/></a> <a href="https://www.instagram.com/bricabracomania_metalworks" target="popup"><img src="images/instagram.png" style ="width:50px; height:50px;"/></a>
-                </ul>
-            </div>
-    </footer>
-<script
-  src="https://code.jquery.com/jquery-2.2.4.min.js"
-  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
-  crossorigin="anonymous"></script>
-
-<script src="js/parallax.js"></script>
-</body>
-</html>
diff --git a/brc_static/about.php b/brc_static/about.php
new file mode 100644
index 0000000..1c070f6
--- /dev/null
+++ b/brc_static/about.php
@@ -0,0 +1,20 @@
+<?php include('header.tpl'); ?>
+
+    <video autoplay playsinline nofullscreen nodownload autoplay loop mute style="pointer-events: none" src="video/Heart.m4v" width="80%" height="auto" ></video>
+
+    <div class="home-about-textbox parallax--box">
+        <h1>THE STORY</h1>
+        <p><i>Here we have the story of brc</i></p>
+        <p><strong>How was brc made?</strong></p>
+        <p>Video? Text?</p>
+    </div>
+
+    <section class="cta">
+        <div class="container">
+            <h2 class="title title-cta">Order your piece now!
+            </h2>
+            <a href="contacts" class="button button-dark">Order</a>
+        </div>
+    </section>
+
+<?php include('footer.tpl'); ?>
\ No newline at end of file
diff --git a/brc_static/contacts.html b/brc_static/contacts.html
deleted file mode 100644
index 3133e23..0000000
--- a/brc_static/contacts.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!doctype html>
-<html>
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>bricabracomania.</title>
-        <link href="css/styles.css" rel="stylesheet" type="text/css">
-        <link rel="icon" type="image/ico" href="images/favicon.ico">
-        </head>
-
-    <body style="background-color:black;">
-        <header>
-            <img src="img/logo.png" alt="bricabracomania logo" class="logo" />
-            <nav class="nav">
-                <ul>
-                    <li><a href="index.html">Home</a></li>
-                    <li><a href="about.html">About</a></li>
-                    <li><a href="projects.html">Projects</a></li>
-                    <li><a href="/">Contacts</a></li>
-                </ul>
-            </nav>
-        </header>
-    <div class="contact-wrapper">
-        <div class="contact-bg">
-            <div class="contact-info">
-                <h2 style="text-align:center; color: #fff">TELL US WHAT YOU WANT</h2>
-                <p class="p1">+37067476916</p>
-                <p class="p1">bricabracomania@gmail.com</p>
-                <p class="p1">PayPal?</p>
-                <p class="p1">Vilnius, Lithuania</p>
-            </div>
-        </div>
-    <footer>
-        <div class="container">
-            <div class="col-3">
-                <ul class="unstyled-list" style="text-align:center;">
-                    <li><strong>Hancarved jewellery loved and produced by</strong></li>
-                    <li>Bricabracomania Metalworks</li>
-                    <li>2020</li>
-                </ul>
-            </div>
-
-            <div class="col-3">
-                <ul class="unstyled-list" style="text-align:center;">
-                    <li><strong>Follow us</strong></li>
-                    <a href="https://www.facebook.com/bricabracomania" target="popup"><img src="images/fb.png" style ="width:50px; height:50px;"/></a> <a href="https://www.etsy.com/shop/BricabracomaniaCraft" target="popup"><img src="images/etsy.png" style ="width:50px; height:50px;"/></a> <a href="https://www.instagram.com/bricabracomania_metalworks" target="popup"><img src="images/instagram.png" style ="width:50px; height:50px;"/></a>
-                </ul>
-            </div>
-    </footer>
-
-<script
-  src="https://code.jquery.com/jquery-2.2.4.min.js"
-  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
-  crossorigin="anonymous"></script>
-
-</body>
-</html>
diff --git a/brc_static/contacts.php b/brc_static/contacts.php
new file mode 100644
index 0000000..2c601e2
--- /dev/null
+++ b/brc_static/contacts.php
@@ -0,0 +1,14 @@
+<?php include('header.tpl'); ?>
+
+    <div class="contact-wrapper">
+        <div class="contact-bg">
+            <div class="contact-info">
+                <h2 style="text-align:center; color: #fff">TELL US WHAT YOU WANT</h2>
+                <p class="p1">+37067476916</p>
+                <p class="p1">bricabracomania@gmail.com</p>
+                <p class="p1">PayPal?</p>
+                <p class="p1">Vilnius, Lithuania</p>
+            </div>
+        </div>
+
+<?php include('footer.tpl'); ?>
diff --git a/brc_static/footer.tpl b/brc_static/footer.tpl
new file mode 100644
index 0000000..b66e292
--- /dev/null
+++ b/brc_static/footer.tpl
@@ -0,0 +1,25 @@
+<footer>
+	<div class="container">
+		<div class="col-3">
+			<ul class="unstyled-list" style="text-align:center;">
+                <li><strong>Hancarved jewellery loved and produced by</strong></li>
+                <li>Bricabracomania Metalworks</li>
+                <li>2020</li>
+			</ul>
+		</div>
+
+		<div class="col-3">
+			<ul class="unstyled-list" style="text-align:center;">
+                <li><strong>Follow us</strong></li>
+                <a href="https://www.facebook.com/bricabracomania" target="popup"><img src="images/fb.png" style ="width:50px; height:50px;"/></a> <a href="https://www.etsy.com/shop/BricabracomaniaCraft" target="popup"><img src="images/etsy.png" style ="width:50px; height:50px;"/></a> <a href="https://www.instagram.com/bricabracomania_metalworks" target="popup"><img src="images/instagram.png" style ="width:50px; height:50px;"/></a>
+			</ul>
+		</div>
+</footer>
+
+
+<script
+  src="https://code.jquery.com/jquery-2.2.4.min.js"
+  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
+  crossorigin="anonymous"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/brc_static/header.tpl b/brc_static/header.tpl
index eebb9d1..4d6602b 100644
--- a/brc_static/header.tpl
+++ b/brc_static/header.tpl
@@ -16,9 +16,9 @@
         <nav class="nav">
             <ul>
                 <li><a href="/">Home</a></li>
-                <li><a href="about.html">About</a></li>
-                <li><a href="projects">Projects</a></li>
-                <li><a href="contacts">Contacts</a></li>
+                <li><a href="about.php">About</a></li>
+                <li><a href="projects.php">Projects</a></li>
+                <li><a href="contacts.php">Contacts</a></li>
             </ul>
         </nav>
     </header>
\ No newline at end of file
diff --git a/brc_static/index.php b/brc_static/index.php
index d75a278..632cba0 100644
--- a/brc_static/index.php
+++ b/brc_static/index.php
@@ -105,28 +105,4 @@
 	<div id="ig_container"><!-- instagram posts will be inserted here --></div>
 </div>
 
-<footer>
-	<div class="container">
-		<div class="col-3">
-			<ul class="unstyled-list" style="text-align:center;">
-                <li><strong>Hancarved jewellery loved and produced by</strong></li>
-                <li>Bricabracomania Metalworks</li>
-                <li>2020</li>
-			</ul>
-		</div>
-
-		<div class="col-3">
-			<ul class="unstyled-list" style="text-align:center;">
-                <li><strong>Follow us</strong></li>
-                <a href="https://www.facebook.com/bricabracomania" target="popup"><img src="images/fb.png" style ="width:50px; height:50px;"/></a> <a href="https://www.etsy.com/shop/BricabracomaniaCraft" target="popup"><img src="images/etsy.png" style ="width:50px; height:50px;"/></a> <a href="https://www.instagram.com/bricabracomania_metalworks" target="popup"><img src="images/instagram.png" style ="width:50px; height:50px;"/></a>
-			</ul>
-		</div>
-</footer>
-
-
-<script
-  src="https://code.jquery.com/jquery-2.2.4.min.js"
-  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
-  crossorigin="anonymous"></script>
-</body>
-</html>
+<?php include('footer.tpl'); ?>
diff --git a/brc_static/projects.html b/brc_static/projects.php
similarity index 82%
rename from brc_static/projects.html
rename to brc_static/projects.php
index f46a6bd..1588efa 100644
--- a/brc_static/projects.html
+++ b/brc_static/projects.php
@@ -1,26 +1,5 @@
-<!doctype html>
-<html>
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>bricabracomania.</title>
-        <link href="css/styles.css" rel="stylesheet" type="text/css">
-        <link rel="icon" type="image/ico" href="images/favicon.ico">
-        </head>
-    <body style="background-color:black;">
-        <header class="headerproject">
-            <img src="img/logo.png" alt="bricabracomania logo" class="logo" />
-            <nav class="nav">
-                <ul>
-                    <li><a href="index.html">Home</a></li>
-                    <li><a href="about.html">About</a></li>
-                    <li><a href="/">Projects</a></li>
-                    <li><a href="contacts.html">Contacts</a></li>
-                </ul>
-            </nav>
-        </header>
-
-        <div>
+<?php include('header.tpl'); ?>
+        <div id="project_margin">
         <figure class="button button-accent-projects" onclick="galleryFilter('all')"> SHOW ALL</figure> </p>
         <figure class="button button-accent-projects" onclick="galleryFilter('cabinet')">CABINET OF CURIOSITIES</figure>
         <figure class="button button-accent-projects" onclick="galleryFilter('chest')">INSPECTING THE DEAD MAN'S CHEST</figure>
@@ -182,32 +161,4 @@
         </div>
     </section>
 
-    <footer>
-        <div class="container">
-            <div class="col-3">
-                <ul class="unstyled-list" style="text-align:center;">
-                    <li><strong>Hancarved jewellery loved and produced by</strong></li>
-                    <li>Bricabracomania Metalworks</li>
-                    <li>2020</li>
-                </ul>
-            </div>
-
-            <div class="col-3">
-                <ul class="unstyled-list" style="text-align:center;">
-                    <li><strong>Follow us</strong></li>
-                    <a href="https://www.facebook.com/bricabracomania" target="popup"><img src="images/fb.png" style ="width:50px; height:50px;"/></a> <a href="https://www.etsy.com/shop/BricabracomaniaCraft" target="popup"><img src="images/etsy.png" style ="width:50px; height:50px;"/></a> <a href="https://www.instagram.com/bricabracomania_metalworks" target="popup"><img src="images/instagram.png" style ="width:50px; height:50px;"/></a>
-                </ul>
-            </div>
-    </footer>
-
-<script
-  src="https://code.jquery.com/jquery-2.2.4.min.js"
-  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
-  crossorigin="anonymous"></script>
-
-<script src="js/parallax.js"></script>
-<script src="js/lightbox-plus-jquery.js"></script>
-<script src="js/galleryDisplay.js"></script>
-
-</body>
-</html>
+<?php include('footer.tpl'); ?>
\ No newline at end of file
