Skip to content

L
landingPage-Nexpie
Commit 461e3e8f by Chaiwith Santaweesuk
Options

update

parent 28189b32
Showing with 41 additions and 25 deletions
.firebase/hosting.YnVpbGQ.cache
asset-manifest.json,1568389674309,9da10bce03bfcaf561933ed4ec9bd9ca99cdaa9db12c25004bbaf57d51b855bb asset-manifest.json,1568639622196,78aab89a91c928dba26992ae467ca1f29e5ee46ee7245dc3e031da7cb6819015
favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
precache-manifest.2317e93a842c8fb87eb560501c0cbcba.js,1568389674307,a9e8e014097d23e4e90613f9bae31d62ee44f510bbf291b6eba94417d173a820
index.html,1568389674307,3e5bb6995cb010862154e4ee9506bba2169b8b247d72f0f5454935e781855c1e
service-worker.js,1568389674309,efd48510e865f83b887af02b357fa23e29d603c6314bb5e5e53571a10410070f
manifest.json,1567779358007,ed6e768ed41272d109f4b4f9e841a8c355a27b3608ea5998fed8089944e24f1f manifest.json,1567779358007,ed6e768ed41272d109f4b4f9e841a8c355a27b3608ea5998fed8089944e24f1f
static/css/main.4800a63b.chunk.css.map,1568389674329,1dd6d3c32ded879aed8baccb3419f5fee3d4a32222493eb7571ab14e885a4f20 favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
static/css/main.4800a63b.chunk.css,1568389674311,a84cc9c4c3cda6820783c617e12848c0317ee01a6a3ee8aed5e2a66bb92e9aec index.html,1568639622193,0c2e739625a164800ab837b9056a68452cd853b41759bb4d8a1f35f27e78bffd
static/js/runtime~main.a8a9905a.js,1568389674329,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9 precache-manifest.29251b0467d934db8d5c493a41286876.js,1568639622193,3232064079595c79c6bb74d13e8ef4cae67ed5239c84298559f686ef5bfef5d7
static/js/main.834a24a2.chunk.js,1568389674309,ff47de44130e5b5770397831ee6f3532b34b579f4e9e88319fd8605dc8caf375 service-worker.js,1568639622195,162530c5641d6e1daaaffcc4b69a80963c21ce2b84075d7834b3df7760e93fde
static/js/runtime~main.a8a9905a.js.map,1568389674329,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db static/css/main.e703bb39.chunk.css,1568639622217,35c6681f81418025af593fddc3d7ad983309457883028db022050ae3033483b0
static/js/main.834a24a2.chunk.js.map,1568389674329,7d8cfc581d3a01c5b6cc80f67f11bea1b7f5a0ffb5cb07b8a13c3f95a009c85d static/css/main.e703bb39.chunk.css.map,1568639622218,ff302262ba0f06e100f54030514197bd1accfdf04e83da5a7340e938dc547764
static/css/2.655cd109.chunk.css,1568389674331,b9381307d281dd581b7e8e40fa46f5dc5f129dceb138844f58205737d3b8b156 static/js/main.e7ed7818.chunk.js,1568639622195,01c326069bfd4af9ec720825334ea07672b94eb4b66c8f5b34245b335e62726b
static/media/Cloud01.3ba8e626.png,1568389674309,8e144e90f1a2e28b68781e283ba3b53409e5b1db7c1ac90c66cd85c4057193b2 static/js/runtime~main.a8a9905a.js,1568639622217,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/media/Cloud03.33540b2a.png,1568389674331,4604dfad04458ed3061dae2eaacd154b51b8403f5a159f2ba113c6e424b1ffc9 static/js/runtime~main.a8a9905a.js.map,1568639622218,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/media/Cloud02.c7fdae7f.png,1568389674329,191b41aa9bfb01f5e480c0ad304d40da252ffab7ee4a77bce70eab8ba0d267c9 static/media/Cloud01.3ba8e626.png,1568639622195,8e144e90f1a2e28b68781e283ba3b53409e5b1db7c1ac90c66cd85c4057193b2
static/css/2.655cd109.chunk.css.map,1568389674331,c5e0c12c108d428b20ea3a6e39bf4d5e1f10006f035e8cb3ade2d9d843334742 static/css/2.655cd109.chunk.css,1568639622218,b9381307d281dd581b7e8e40fa46f5dc5f129dceb138844f58205737d3b8b156
static/js/2.4d471763.chunk.js,1568389674329,af1a9b5ecee4205e82d23757ed44e2b3f867d9c19355a21ede7794c469f40a89 static/media/Cloud02.c7fdae7f.png,1568639622217,191b41aa9bfb01f5e480c0ad304d40da252ffab7ee4a77bce70eab8ba0d267c9
static/js/2.4d471763.chunk.js.map,1568389674330,cc2b8d229122a7a186aae6965afffc239b75d2011ad9934cbd64b0e241c83349 static/js/main.e7ed7818.chunk.js.map,1568639622218,c95a62af134788120e54ceae202f6811ae71c73233e6f162d2795fa010c8ea87
static/media/Cloud03.33540b2a.png,1568639622217,4604dfad04458ed3061dae2eaacd154b51b8403f5a159f2ba113c6e424b1ffc9
static/js/2.5ba0d002.chunk.js,1568639622219,1c721b9b5d4677ece0628c3e73fc9adbc5ed132e909d484c405e75a41d74b24e
static/css/2.655cd109.chunk.css.map,1568639622218,c5e0c12c108d428b20ea3a6e39bf4d5e1f10006f035e8cb3ade2d9d843334742
static/js/2.5ba0d002.chunk.js.map,1568639622219,456a1687dc2e796bf4af22af3935d6d44a2bcf587d626968ca1af596ed7e7dcb
src/components/Home/Banner.js
import React from 'react'; import React from 'react';
import borderbottombanner from 'assets/border-bottom-banner.png';
export default class Banner extends React.Component { export default class Banner extends React.Component {
render() { render() {
...@@ -12,6 +13,7 @@ export default class Banner extends React.Component { ...@@ -12,6 +13,7 @@ export default class Banner extends React.Component {
<h2>EVERYTHING !</h2> <h2>EVERYTHING !</h2>
</div> </div>
</div> </div>
<img alt="" className="img-bottom" src={borderbottombanner} height="70px"/>
</div> </div>
</div> </div>
); );
......
src/components/Home/Features.js
import React from 'react'; import React from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import borderbottomleft from 'assets/border-bottom-left.png';
const feature = [ const feature = [
{ {
title: <FormattedMessage id="Monitor.Title" />, title: <FormattedMessage id="Monitor.Title" />,
...@@ -62,6 +63,9 @@ export default class Features extends React.Component { ...@@ -62,6 +63,9 @@ export default class Features extends React.Component {
))} ))}
{oddItem === 1 ? <div className="feature-card-hidden" /> : <></>} {oddItem === 1 ? <div className="feature-card-hidden" /> : <></>}
</div> </div>
<br></br>
<br></br>
<img alt="" className="img-bottom" src={borderbottomleft} height="50px"/>
</div> </div>
); );
} }
......
src/components/Home/Packages.js
...@@ -78,42 +78,42 @@ const Card = props => { ...@@ -78,42 +78,42 @@ const Card = props => {
<div className="package-detail tb-background"> <div className="package-detail tb-background">
<div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}> <div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}>
<div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 700 }}>{props.devices}</p></div> <div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 700 }}>{props.devices}</p></div>
<div className="column is-5" style={{ padding: 0 }}><p style={{ textAlign: 'left', paddingLeft: '10px' }}><FormattedMessage id="Price.Device.End" /></p></div> <div className="column is-5" style={{ padding: 0 , position:'relative'}}><p style={{ textAlign: 'left', paddingLeft: '10px' ,fontSize:'12px',bottom:0,position:'absolute'}}><FormattedMessage id="Price.Device.End" /></p></div>
</div> </div>
{/* <hr className="new" /> */} {/* <hr className="new" /> */}
</div> </div>
<div className="package-detail"> <div className="package-detail">
<div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}> <div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}>
<div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 700 }}>{props.transfer}</p></div> <div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 700 }}>{props.transfer}</p></div>
<div className="column is-5" style={{ padding: 0 }}><p style={{ textAlign: 'left', paddingLeft: '10px' }}><FormattedMessage id="Price.Transfer.End" /></p></div> <div className="column is-5" style={{ padding: 0 , position:'relative'}}><p style={{ textAlign: 'left', paddingLeft: '10px' ,fontSize:'12px',bottom:0,position:'absolute'}}><FormattedMessage id="Price.Transfer.End" /></p></div>
</div> </div>
{/* <hr className="new" /> */} {/* <hr className="new" /> */}
</div> </div>
<div className="package-detail tb-background"> <div className="package-detail tb-background">
<div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}> <div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}>
<div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 700 }}>{props.datapoint}</p></div> <div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 700 }}>{props.datapoint}</p></div>
<div className="column is-5" style={{ padding: 0 }}><p style={{ textAlign: 'left', paddingLeft: '10px' }}><FormattedMessage id="Price.Datapoint.End" /></p></div> <div className="column is-5" style={{ padding: 0 , position:'relative'}}><p style={{ textAlign: 'left', paddingLeft: '10px' ,fontSize:'12px',bottom:0,position:'absolute'}}><FormattedMessage id="Price.Datapoint.End" /></p></div>
</div> </div>
{/* <hr className="new" /> */} {/* <hr className="new" /> */}
</div> </div>
<div className="package-detail"> <div className="package-detail">
<div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}> <div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}>
<div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 600 }}>{props.readwrite}</p></div> <div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 600 }}>{props.readwrite}</p></div>
<div className="column is-5" style={{ padding: 0 }}><p style={{ textAlign: 'left', paddingLeft: '10px' }}><FormattedMessage id="Price.Readwrite.End" /></p></div> <div className="column is-5" style={{ padding: 0 , position:'relative'}}><p style={{ textAlign: 'left', paddingLeft: '10px' ,fontSize:'12px',bottom:0,position:'absolute'}}><FormattedMessage id="Price.Readwrite.End" /></p></div>
</div> </div>
{/* <hr className="new" /> */} {/* <hr className="new" /> */}
</div> </div>
<div className="package-detail tb-background"> <div className="package-detail tb-background">
<div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}> <div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}>
<div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 600 }}>{props.datapoint}</p></div> <div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 600 }}>{props.datapoint}</p></div>
<div className="column is-5" style={{ padding: 0 }}><p style={{ textAlign: 'left', paddingLeft: '10px' }}><FormattedMessage id="Price.Datapoint.End" /></p></div> <div className="column is-5" style={{ padding: 0 , position:'relative'}}><p style={{ textAlign: 'left', paddingLeft: '10px' ,fontSize:'12px',bottom:0,position:'absolute'}}><FormattedMessage id="Price.Datapoint.End" /></p></div>
</div> </div>
{/* <hr className="new" /> */} {/* <hr className="new" /> */}
</div> </div>
<div className="package-detail"> <div className="package-detail">
<div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}> <div className="columns is-mobile" style={{ marginBottom: 0, marginTop: 0 }}>
<div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 600 }}>{props.readwrite}</p></div> <div className="column is-7" style={{ padding: 0 }}><p style={{ textAlign: 'right', fontWeight: 600 }}>{props.readwrite}</p></div>
<div className="column is-5" style={{ padding: 0 }}><p style={{ textAlign: 'left', paddingLeft: '10px' }}><FormattedMessage id="Price.Readwrite.End" /></p></div> <div className="column is-5" style={{ padding: 0 , position:'relative'}}><p style={{ textAlign: 'left', paddingLeft: '10px' ,fontSize:'12px' ,bottom:0,position:'absolute'}}><FormattedMessage id="Price.Readwrite.End" /></p></div>
</div> </div>
{/* <hr className="new" /> */} {/* <hr className="new" /> */}
</div> </div>
......
src/components/Home/Services.js
...@@ -35,6 +35,7 @@ const service = [ ...@@ -35,6 +35,7 @@ const service = [
export default class Services extends React.Component { export default class Services extends React.Component {
render() { render() {
return ( return (
<div <div
className="section content-width" className="section content-width"
style={{ style={{
...@@ -43,7 +44,7 @@ export default class Services extends React.Component { ...@@ -43,7 +44,7 @@ export default class Services extends React.Component {
justifyContent: 'space-evenly', justifyContent: 'space-evenly',
paddingBottom: '60px', paddingBottom: '60px',
overflow: 'hidden', overflow: 'hidden',
backgroundColor:'#F3F9FD' backgroundColor: '#F3F9FD'
}}> }}>
<h1 className="title"> <h1 className="title">
<FormattedMessage id="Services.Title" /> <FormattedMessage id="Services.Title" />
......
src/components/Home/WhyUs.js
import React from 'react'; import React from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import WindowDimensions from '../../utils/WindowDimension'; import WindowDimensions from '../../utils/WindowDimension';
import borderbottomright from 'assets/border-bottom-right.png';
// import { hidden } from 'ansi-colors'; // import { hidden } from 'ansi-colors';
const Card = (props) => { const Card = (props) => {
...@@ -57,6 +58,9 @@ const WhyUs = ({ isMobileSized }) => { ...@@ -57,6 +58,9 @@ const WhyUs = ({ isMobileSized }) => {
<Card key={index} title={item.title} description={item.description}/> <Card key={index} title={item.title} description={item.description}/>
))} ))}
</div> </div>
<br></br>
<br></br>
<img alt="" className="img-bottom" src={borderbottomright} height="50px"/>
</div> </div>
); );
} }
......
src/scss/style.scss
...@@ -655,3 +655,8 @@ body.has-navbar-fixed-top { ...@@ -655,3 +655,8 @@ body.has-navbar-fixed-top {
// background-color: #fff; // background-color: #fff;
// } // }
// } // }
.img-bottom {
max-width: calc(100% + 30px);
width: calc(100% + 30px);
margin-bottom: -60px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment