Added the slogan.
This commit is contained in:
parent
0bf16db12f
commit
4b2b9a5e6f
3 changed files with 58 additions and 19 deletions
21
src/App.js
21
src/App.js
|
@ -1,28 +1,11 @@
|
||||||
import { Component } from "react";
|
import { Component } from "react";
|
||||||
|
import Homepage from './homePage/Homepage'
|
||||||
|
|
||||||
class App extends Component {
|
class App extends Component {
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<div className="App">
|
<div className="App">
|
||||||
<header className="App-header">
|
<Homepage/>
|
||||||
<h1>Kene's Crib</h1>
|
|
||||||
<p>Real Website loading.......</p>
|
|
||||||
</header>
|
|
||||||
<section>
|
|
||||||
<h1>hello everyone</h1>
|
|
||||||
<div class="alert alert-primary" role="alert">
|
|
||||||
A simple primary alert—check it out!
|
|
||||||
</div>
|
|
||||||
<div class="alert alert-primary" role="alert">
|
|
||||||
A simple primary alert—check it out!
|
|
||||||
</div>
|
|
||||||
<div class="alert alert-primary" role="alert">
|
|
||||||
A simple primary alert—check it out!
|
|
||||||
</div>
|
|
||||||
<div class="alert alert-primary" role="alert">
|
|
||||||
A simple primary alert—check it out!
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,32 @@
|
||||||
|
|
||||||
|
.colored-section {
|
||||||
|
background-color: #a77a32;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colored-section2 {
|
||||||
|
background-color: #ffe609;
|
||||||
|
color: #000000;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colored-section3 {
|
||||||
|
background-color: #cfd3ce;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.white-section {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title .container-fluid {
|
||||||
|
padding: 4% 32% 6%;
|
||||||
|
text-align: left;
|
||||||
|
font-family: "Georgia";
|
||||||
|
}
|
||||||
|
|
||||||
|
#features .container-fluid {
|
||||||
|
padding: 3% 5% ;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
}
|
|
@ -0,0 +1,24 @@
|
||||||
|
import { Component } from "react";
|
||||||
|
import './Homepage.css'
|
||||||
|
|
||||||
|
class Homepage extends Component {
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<div className="Homepage">
|
||||||
|
<section className="colored-section2" id="title">
|
||||||
|
<div className="container-fluid">
|
||||||
|
<div className="row">
|
||||||
|
<div className="col-12">
|
||||||
|
<h1 className="big-heading">YOU ARE NOT BUYING A HOUSE, </h1>
|
||||||
|
<h1 className="big-heading">YOU ARE BUYING A LIFESTYLE. </h1>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Homepage;
|
Loading…
Reference in a new issue