diff --git a/ReactJS/alfaprentice/src/Components/CTA/CTA.js b/ReactJS/alfaprentice/src/Components/CTA/CTA.js index b0ae250..beb7cae 100644 --- a/ReactJS/alfaprentice/src/Components/CTA/CTA.js +++ b/ReactJS/alfaprentice/src/Components/CTA/CTA.js @@ -7,14 +7,21 @@ import "./Cta.css" class CTA extends React.Component { constructor(props) { super(props); + this.state = { + BTNText : this.props.BtnText, + ContentText : this.props.ContentText, + } } render() { + + return (

{this.props.title}

{this.props.BtnText} +
) diff --git a/ReactJS/alfaprentice/src/Pages/HomePage.css b/ReactJS/alfaprentice/src/Components/Pages/HomePage.css similarity index 89% rename from ReactJS/alfaprentice/src/Pages/HomePage.css rename to ReactJS/alfaprentice/src/Components/Pages/HomePage.css index a75cd23..e4635ba 100644 --- a/ReactJS/alfaprentice/src/Pages/HomePage.css +++ b/ReactJS/alfaprentice/src/Components/Pages/HomePage.css @@ -1,6 +1,6 @@ .HomeHero{ position: relative; - background-image: url("../Components/images/Stock.png"); + background-image: url("../images/Stock.png"); padding: 150px 50px; background-size: cover; } @@ -48,7 +48,7 @@ } .OpleidingItemInner{ - background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),url("../Components/images/stock2.png"); + background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%),url("../images/stock2.png"); background-size: cover; background-position: center; height: 300px; diff --git a/ReactJS/alfaprentice/src/Pages/HomePage.js b/ReactJS/alfaprentice/src/Components/Pages/HomePage.js similarity index 98% rename from ReactJS/alfaprentice/src/Pages/HomePage.js rename to ReactJS/alfaprentice/src/Components/Pages/HomePage.js index 9e865d9..783bd90 100644 --- a/ReactJS/alfaprentice/src/Pages/HomePage.js +++ b/ReactJS/alfaprentice/src/Components/Pages/HomePage.js @@ -8,7 +8,7 @@ import "./HomePage.css"; import { HeroOne, CTA, - } from "../Components"; + } from "../"; class HomePage extends React.Component { render() { diff --git a/ReactJS/alfaprentice/src/Components/Pages/Search/InternSearchPage.js b/ReactJS/alfaprentice/src/Components/Pages/Search/InternSearchPage.js new file mode 100644 index 0000000..258282f --- /dev/null +++ b/ReactJS/alfaprentice/src/Components/Pages/Search/InternSearchPage.js @@ -0,0 +1,21 @@ +//Module +import React from 'react'; + +//Component +import { + HeroOne, + CTA, + } from "../../"; + +class InternSearch extends React.Component { + render() { + return ( +
+ + +
+ ) + } +} + +export default InternSearch; \ No newline at end of file diff --git a/ReactJS/alfaprentice/src/Components/Routing/Router.js b/ReactJS/alfaprentice/src/Components/Routing/Router.js index d86a66f..6c4ccf2 100644 --- a/ReactJS/alfaprentice/src/Components/Routing/Router.js +++ b/ReactJS/alfaprentice/src/Components/Routing/Router.js @@ -11,7 +11,10 @@ import { import { DefaultLayout } from '../'; //Main routes -import {HomePage} from '../'; +import { + HomePage, + InternSearch + } from '../'; //Sub routes @@ -33,6 +36,7 @@ class GlobalRouter extends React.Component { + diff --git a/ReactJS/alfaprentice/src/Components/index.js b/ReactJS/alfaprentice/src/Components/index.js index 717b460..f8f02f1 100644 --- a/ReactJS/alfaprentice/src/Components/index.js +++ b/ReactJS/alfaprentice/src/Components/index.js @@ -9,7 +9,8 @@ import Footer from "./Footer/Footer"; import DefaultLayout from "./Layouts/DefaultLayout"; //Pages imports -import HomePage from '../Pages/HomePage'; +import HomePage from './Pages/HomePage'; +import InternSearch from "./Pages/Search/InternSearchPage"; //Style import "./GlobalStyles.css"; @@ -33,4 +34,5 @@ export { //Pages export export { HomePage, + InternSearch, } \ No newline at end of file