diff --git a/public/avasa.jpg b/public/avasa.jpg new file mode 100644 index 0000000..2d3dc27 Binary files /dev/null and b/public/avasa.jpg differ diff --git a/public/index.html b/public/index.html index 5680b51..27772a3 100644 --- a/public/index.html +++ b/public/index.html @@ -24,20 +24,7 @@ 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`. --> - - - - - - - - - - - - - - + Locaft diff --git a/public/indigo.png b/public/indigo.png new file mode 100644 index 0000000..c8ce599 Binary files /dev/null and b/public/indigo.png differ diff --git a/public/locaft.png b/public/locaft.png new file mode 100644 index 0000000..3662bb9 Binary files /dev/null and b/public/locaft.png differ diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a..0000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a6..0000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/public/nobroker.png b/public/nobroker.png new file mode 100644 index 0000000..5c70095 Binary files /dev/null and b/public/nobroker.png differ diff --git a/public/vrl.jpg b/public/vrl.jpg new file mode 100644 index 0000000..525a5c7 Binary files /dev/null and b/public/vrl.jpg differ diff --git a/src/components/HomePage.js b/src/components/HomePage.js index 2d8749c..55e0b0d 100644 --- a/src/components/HomePage.js +++ b/src/components/HomePage.js @@ -1,197 +1,182 @@ import React, { Component } from 'react'; - +import Button from 'react-bootstrap/Button'; +import 'C:\\Priyathamwork\\locaft\\locaft\\src\\style.css'; class HomePage extends Component { render(){ return (
- +
-
+
+ + + +
+
+
+
-//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.

+
+
+ + +
+
+
+ + +
+
+ + + + -
+
+
-
+
+ +
+
+ +

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.

+
+
+
+
-
-
- -

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.

-
+
+ +
+ +

Recommend us to your friends !

+ +
- -
-
- - -//testimonial -
- -
+
-// press - -
- - - - - -
+
+ -//blog -
- -
- -

Recommend us to your friends !

- - -
- -
-

Any comments ?

-

Your comments are what help us improve.

-
-
- - - - -
-
-
-
- - -//footer - - diff --git a/src/index.js b/src/index.js index 2d6af66..71b4c0c 100644 --- a/src/index.js +++ b/src/index.js @@ -2,7 +2,6 @@ import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; -import reportWebVitals from './reportWebVitals'; ReactDOM.render(,document.getElementById('root')); diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..4e79b14 --- /dev/null +++ b/src/style.css @@ -0,0 +1,196 @@ + +body { + font-family: "Montserrat"; + text-align: center; +} + +h1, h2, h3, h4, h5, h6 { + font-family: "Montserrat-Bold"; +} + +p { + color: #8f8f8f; +} + +/* Headings */ + +.big-heading { + font-family: "Montserrat-Black"; + font-size: 3.5rem; + line-height: 1.5; +} + +.section-heading { + font-size: 3rem; + line-height: 1.5; +} + +/* Containers */ + +.container-fluid{ + padding: 7% 15%; +} + +.comment{ + padding-bottom: 5%; +} + +.submit{ + margin-top: 5%; +} + +/* Sections */ + +.colored-section { + background-color:#66bfbf; + color: #fff; +} + +.white-section { + background-color: #fff; +} + +/* Navigation Bar */ + +.navbar { + padding: 0 0 4.5rem; +} + +.navbar-brand { + font-family: "Ubuntu"; + font-size: 2.5rem; + font-weight: bold; +} + +.nav-item { + padding: 0 18px; +} + +.nav-link { + font-size: 1.2rem; + font-family: "Montserrat-Light"; +} + +/* Buttons */ + +.loginb { + margin: 5% 3% 5% 0; +} + + +/* Title Section */ + +#title { + background-color: #66bfbf; + color: #fff; + text-align: left; +} + +#title .container-fluid { + padding: 3% 15% 7%; +} + +/* Title Image */ + +.title-image { + width: 70%; + position: absolute; + right: 5%; +} + +/* Features Section */ + +#features { + position: relative; +} + +.feature-title { + font-size: 1.5rem; +} + +.feature-box { + padding: 4.5%; +} + +.icon { + color: #66bfbf; + margin-bottom: 1rem; +} + +.icon:hover { + color: #66bfbf; +} + +/* Testimonial Section */ + +#testimonials { + background-color: #66bfbf; +} + +.testimonial-text { + font-size: 3rem; + line-height: 1.5; +} + +.testimonial-image { + width: 20%; + border-radius: 100%; + margin: 20px; +} + + +#press { + background-color: #66bfbf; + padding-bottom: 3%; +} + +.press-logo { + width: 15%; + margin: 20px 20px 50px; +} + +/* Pricing Section */ + +#pricing { + padding: 100px; +} + +.price-text { + font-size: 3rem; + line-height: 1.5; +} + +.pricing-column { + padding: 3% 2%; +} + +/* CTA Section */ + + +/* Footer Section */ + + +.social-icon { + margin: 20px 10px; +} + +@media (max-width: 1028px) { + + #title { + text-align: center; + } + + .title-image { + position: static; + transform: rotate(0); + } +} + +/* Login Page */ + +.login-heading{ + margin: 3% 5%; +} +.signup .signin{ + margin: 10% 3%; +} \ No newline at end of file