Added the slogan.

This commit is contained in:
Batuhan Basoglu 2021-03-28 20:42:46 -04:00
parent 3e8d92c230
commit 4c5823a9b5
3 changed files with 58 additions and 19 deletions

View file

@ -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 alertcheck it out!
</div>
<div class="alert alert-primary" role="alert">
A simple primary alertcheck it out!
</div>
<div class="alert alert-primary" role="alert">
A simple primary alertcheck it out!
</div>
<div class="alert alert-primary" role="alert">
A simple primary alertcheck it out!
</div>
</section>
</div> </div>
); );
} }

View file

@ -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;
}

View file

@ -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;