diff --git a/public/index.html b/public/index.html index aa069f2..5680b51 100644 --- a/public/index.html +++ b/public/index.html @@ -24,7 +24,21 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - React App + + + + + + + + + + + + + + + Locaft diff --git a/src/App.js b/src/App.js index 3784575..c0d2161 100644 --- a/src/App.js +++ b/src/App.js @@ -1,25 +1,15 @@ -import logo from './logo.svg'; -import './App.css'; +import React, { Component } from 'react'; +import HomePage from "./components/HomePage"; -function App() { - return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
- ); +class App extends Component { + render(){ + return ( +
+ +
+ + ); + } } export default App; diff --git a/src/components/HomePage.js b/src/components/HomePage.js new file mode 100644 index 0000000..2d8749c --- /dev/null +++ b/src/components/HomePage.js @@ -0,0 +1,204 @@ +import React, { Component } from 'react'; + + +class HomePage extends Component { + render(){ + return ( +
+ + +
+ +
+ +//navbar + + + + +//Title + +
+ +
+

Adapt to a new place easy peasy.

+ + +
+
+ locaft-mockup +
+ +
+ + +
+ +
+ +
+
+ +

Easy to use.

+

Get relocated.We'll take care of everything.

+
+ +
+ +

Efficient

+

Get highest number of services for lowest cost possible.

+
+ +
+ +

Relax

+

Sit back , we'll do the dirty work.

+
+
+ + +
+
+ + +//testimonial +
+ + + +
+ + +// press + +
+ + + + + +
+ + +//About us + +
+ +
+ +
+
+ +

About Us

+

Adapting to a new place is always hard in any phase of life. We aim to make it easy.

+
+ +
+ +

Vision

+

Bringing all the basic amenities to the new place before your arrival.

+
+ +
+ +

Mission

+

Getting adapted and familiar to the new place made easy.

+
+
+
+
+ + +//blog +
+ +
+ +

Recommend us to your friends !

+ + +
+ +
+

Any comments ?

+

Your comments are what help us improve.

+
+
+ + + + +
+
+
+
+ + +//footer + + + + + + + + ); + } +} + +export default HomePage; \ No newline at end of file diff --git a/src/index.css b/src/index.css deleted file mode 100644 index ec2585e..0000000 --- a/src/index.css +++ /dev/null @@ -1,13 +0,0 @@ -body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', - monospace; -} diff --git a/src/index.js b/src/index.js index ef2edf8..2d6af66 100644 --- a/src/index.js +++ b/src/index.js @@ -1,17 +1,9 @@ import React from 'react'; import ReactDOM from 'react-dom'; -import './index.css'; + import App from './App'; import reportWebVitals from './reportWebVitals'; -ReactDOM.render( - - - , - document.getElementById('root') -); +ReactDOM.render(,document.getElementById('root')); + -// If you want to start measuring performance in your app, pass a function -// to log results (for example: reportWebVitals(console.log)) -// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals -reportWebVitals(); diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 6b60c10..0000000 --- a/src/logo.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - -