frontend: Layout (Header, Content, Footer) _app.js
This commit is contained in:
24
frontend/pages/_app.js
Normal file
24
frontend/pages/_app.js
Normal file
@ -0,0 +1,24 @@
|
||||
/* Libraries Imports */
|
||||
import { Fragment } from 'react';
|
||||
|
||||
/* Components Imports */
|
||||
import Header from '../components/Header/Header';
|
||||
import Footer from '../components/Footer/Footer';
|
||||
|
||||
/* CSS Imports */
|
||||
import '../public/fonts/Montserrat/Montserrat.css';
|
||||
import '../public/css/normalize.css';
|
||||
import '../public/css/grid.css';
|
||||
import '../public/css/general.css';
|
||||
|
||||
const App = ({ Component, pageProps }) => (
|
||||
<Fragment>
|
||||
<Header />
|
||||
<div className="content container-fluid">
|
||||
<Component {...pageProps} />
|
||||
</div>
|
||||
<Footer />
|
||||
</Fragment>
|
||||
);
|
||||
|
||||
export default App;
|
@ -1,15 +1,15 @@
|
||||
import Layout from '../components/Layout';
|
||||
import { Fragment } from 'react';
|
||||
import HeadTag from '../components/HeadTag';
|
||||
|
||||
const Home = () => (
|
||||
<Layout>
|
||||
<Fragment>
|
||||
<HeadTag
|
||||
title="FunctionProject"
|
||||
description="FunctionProject est un projet créé par Divlo qui a pour but de rassembler plein de mini-programme permettant de faire plusieurs choses comme savoir la météo, générer un nombre aléatoire, etc."
|
||||
image="/images/FunctionProject_icon_small.png"
|
||||
/>
|
||||
<div>Home</div>
|
||||
</Layout>
|
||||
</Fragment>
|
||||
);
|
||||
|
||||
export default Home;
|
Reference in New Issue
Block a user