From 47bdf96a3397f954c70f76b9583b7d013de1855b Mon Sep 17 00:00:00 2001 From: Arctichawk1 Date: Tue, 30 Mar 2021 06:20:59 -0400 Subject: [PATCH 1/7] Re-added the files. --- src/App.js | 21 +------- src/homePage/Homepage.css | 62 ++++++++++++++++++++++ src/homePage/Homepage.js | 107 ++++++++++++++++++++++++++++++++++++++ 3 files changed, 171 insertions(+), 19 deletions(-) create mode 100644 src/homePage/Homepage.css create mode 100644 src/homePage/Homepage.js diff --git a/src/App.js b/src/App.js index 7cc58df..7d847ce 100644 --- a/src/App.js +++ b/src/App.js @@ -1,28 +1,11 @@ import { Component } from "react"; +import Homepage from './homePage/Homepage'; class App extends Component { render() { return (
-
-

Kene's Cribs

-

Real Website loading.......

-
-
-

hello everyone

- - - - -
+
); } diff --git a/src/homePage/Homepage.css b/src/homePage/Homepage.css new file mode 100644 index 0000000..2d082b7 --- /dev/null +++ b/src/homePage/Homepage.css @@ -0,0 +1,62 @@ +.colored-section { + background-color: #ffe609; + color: #000000; + white-space: nowrap; +} + +.white-section { + background-color: #ffffff; +} + +#title .container-fluid { + padding: 4% 34% 6%; + text-align: left; + font-family: "Georgia"; +} + +.housesIntro{ + padding: 4% 5%; +} + +.contactIntro{ + padding-left: 30%; + padding-right: 30%; + padding-bottom: 80px; +} + +.carouselSection { + margin: 2% 8%; +} + +.headerImg{ + width: 2000px; + height: 600px; +} + +.heading-1{ + padding-left: 40%; + padding-top: 10%; + padding-bottom: 20px; +} + +.formhelper{ + padding-bottom: 15px; +} + +.button-1 { + background-color: rgb(0, 0, 0); + border-color: transparent; + color: #ffffff; + font-size: 20px; +} + +.button-1:hover { + background-color: rgb(92, 92, 92); + color: #ffffff; + border-color: transparent; +} + +.buttonhelper { + padding-left: 45%; + padding-top: 15px; +} \ No newline at end of file diff --git a/src/homePage/Homepage.js b/src/homePage/Homepage.js new file mode 100644 index 0000000..f95a614 --- /dev/null +++ b/src/homePage/Homepage.js @@ -0,0 +1,107 @@ +import { Component } from "react"; +import './Homepage.css'; +import house1 from '../images/house1.jpg'; +import house2 from '../images/house2.jpg'; +import house3 from '../images/house3.jpg'; +import Carousel from 'react-bootstrap/Carousel' + +class Homepage extends Component { + constructor(props) { + super(props); + this.state = { + firstname: '', + lastname: '', + email: '', + message: '' + } + } + + render() { + return ( +
+
+
+
+
+

YOU ARE NOT BUYING A HOUSE,

+

YOU ARE BUYING A LIFESTYLE.

+
+
+
+
+
+
+ + + First House + + + Second House + + + + Third House + + + +
+
+
+
+
+

Contact Us

+
+
+
+ +
+
+ +
+
+
+ +
+
+