added index

src/components/AppNav.js

@@ -0,0 +1,21 @@
+import React, { Component } from 'react'
+
+export class AppNav extends Component {
+    render() {
+        return (
+            <nav id="mobile-menu">
+                <ul>
+                    <li>
+                        <a href="index.php">home</a>
+                    </li>
+
+                    <li>
+                        <a href="contact.php">contact us</a>
+                    </li>
+                </ul>
+            </nav>
+        )
+    }
+}
+
+export default AppNav

src/components/footer.js

@@ -0,0 +1,73 @@
+import React from "react"
+
+const Footer = () => (
+
+    <section id="footer-fixed">
+        <div className="big-footer">
+            <div className="container">
+                <div className="row">
+                    <div className="col-xl-3 col-lg-3 col-md-3 col-sm-6">
+                        <div className="footer-logo">
+                            <a href="index.php">
+                                <img src="img/footer-logo.png" alt="" />
+                            </a>
+                            <p>
+                                Our success is measured by your success.
+                            For us it’s not just creating something that looks great, it needs <br />to deliver results
+                                for you.
+                        </p>
+                        </div>
+                        <div className="social">
+                            <ul>
+                                <li><a className="footer-socials" href="#"><i className="fa fa-instagram"></i></a></li>
+                                <li><a className="footer-socials" href="#"><i className="fa fa-twitter"></i></a></li>
+                                <li><a className="footer-socials" href="#"><i className="fa fa-linkedin"></i></a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="col-xl-3 col-lg-3 col-md-3 col-sm-6">
+                        <div className="footer-heading">
+                            <h3>quick links</h3>
+                        </div>
+                        <div className="footer-content">
+                            <ul>
+                                <li><a href="about-us.php">about us</a></li>
+                                <li><a href="contact.php">contact us</a></li>
+                                <li><a href="#">privacy policy</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="col-xl-3 col-lg-3 col-md-3 col-sm-6">
+                        <div className="footer-heading">
+                            <h3>Latest works</h3>
+                        </div>
+                        <div className="footer-content">
+                            <ul>
+                                <li><a href="http://csmarttravel.com">C Smart Website</a></li>
+                                <li><a href="http://mbashaholdings.com/all">Mbasha Holdings Ltd</a></li>
+                                <li><a href="http://expectinafricasafari.com/">Expect In Africa Safari</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div className="col-xl-3 col-lg-3 col-md-3 col-sm-6">
+                        <div className="footer-heading">
+                            <h3>Let us know you were here</h3>
+                        </div>
+                        <div className="footer-content footer-cont-mar-40">
+                            <form action="#">
+                                <input id="leadgenaration" type="email" placeholder="Enter your email" />
+                                <input id="subscribe" type="submit" value="send" />
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <footer>
+            <p>All rights reserved @ Emanate {new Date().getFullYear()}.</p>
+        </footer>
+    </section>
+)
+
+
+export default Footer

src/components/header.js

@@ -1,34 +1,29 @@
-import { Link } from "gatsby"
+import AppNav from "./AppNav"
 import PropTypes from "prop-types"
 import React from "react"
 
 const Header = ({ siteTitle }) => (
-  <header
-    style={{
-      background: `rebeccapurple`,
-      marginBottom: `1.45rem`,
-    }}
-  >
-    <div
-      style={{
-        margin: `0 auto`,
-        maxWidth: 960,
-        padding: `1.45rem 1.0875rem`,
-      }}
-    >
-      <h1 style={{ margin: 0 }}>
-        <Link
-          to="/"
-          style={{
-            color: `white`,
-            textDecoration: `none`,
-          }}
-        >
-          {siteTitle}
-        </Link>
-      </h1>
+  <header id="home">
+    <div class="main-navigation">
+      <div class="container">
+        <div class="row">
+          <div class="col-xl-2 col-lg-3 col-md-3">
+            <div class="logo-area">
+              <a href="/"><img src="img/logo.png" alt="enventer" /></a>
+            </div>
+          </div>
+          <div class="col-xl-10 col-lg-9 col-md-9">
+            <div class="main-menu f-right">
+              <AppNav />
+            </div>
+            <div class="mobile-menu"></div>
+          </div>
+        </div>
+      </div>
     </div>
   </header>
+
+
 )
 
 Header.propTypes = {