1 files changed, 121 insertions, 0 deletions
diff --git a/exampleSite/public/contact/index.html b/exampleSite/public/contact/index.html
new file mode 100644
index 0000000..06b980d
--- /dev/null
+++ b/exampleSite/public/contact/index.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html><head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="your description">
+    <meta name="Author" content="your name">
+    <meta name="keywords" content="hugo blog">
+    <link rel="stylesheet" href=https://example.com/css/syntax.css>
+    <link rel="stylesheet" href=https://example.com/css/style.css>
+    <script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
+    <title>title</title>
+  </head><body><aside id="sidenav">
+    <header>
+    
+        <a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
+    
+
+    <a id="branding" href="https://example.com">
+        
+            title
+        
+    </a>
+    </header>
+
+    <nav>
+        
+            		
+            <a href="/"
+                
+            >
+                <i class="fas fa-home fa-sm"></i>
+                <span>home</span>
+            </a>
+        
+            		
+            <a href="/blog/"
+                
+            >
+                <i class="fas fa-keyboard fa-ms"></i>
+                <span>blog</span>
+            </a>
+        
+            		
+            <a href="/tags"
+                
+            >
+                <i class="fas fa-tags fa-ms"></i>
+                <span>tags</span>
+            </a>
+        
+            		
+            <a href="https://github.com/yourgithubusername23434"
+                
+                    target="_blanck"
+                
+            >
+                <i class="fab fa-github fa-ms"></i>
+                <span>github</span>
+            </a>
+        
+            		
+            <a href="/index.xml"
+                
+            >
+                <i class="fas fa-rss fa-ms"></i>
+                <span>RSS</span>
+            </a>
+        
+            		
+            <a href="/contact"
+                
+            >
+                <i class="far fa-envelope"></i>
+                <span>contact</span>
+            </a>
+        
+</aside>
+<main id="main">
+            <a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
+            <div class="content">
+    
+    <h1 id="title">get in touch</h1>
+    
+      
+    
+    
+<form class="contact-form"
+action="https://formspree.io/yourformspreeID"
+method="POST"
+>
+    <input id="name" type="text" name="name" placeholder="Your Name"> 
+    <input id="mail" type="text" name="_replyto" placeholder="Your Mail">
+    <textarea id="message" name="message" placeholder="Your message"></textarea>
+
+<button class="reach-me-send" type="submit">Send</button>
+</form>
+
+
+    
+
+            </div><footer>
+<div class="footer-content">
+<div class="contact-info">
+    
+        <div class="footer-mail">
+        <i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
+    
+    
+    <div class="footer-phone">
+        <i class="fas fa-phone"></i> 8888888888 
+    </div>
+    
+</div>
+
+<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
+
+</div>
+</footer></main>
+    </body>
+    <script src=https://example.com/js/navbutton.js></script>
+</html>