Skip to content

L
landingPage-Nexpie
Commit 5a02e150 by Chaiwith Santaweesuk
Options

update

parent bb215ea3
Showing with 66 additions and 26 deletions
.firebase/hosting.YnVpbGQ.cache 0 → 100644
asset-manifest.json,1565695593697,7325eaff1ecd7661f192650db0ea691f5e4704be945f758c8b0a112053dc49be
index.html,1565695593697,e3314e7cf9daa1b4729c1923cc57628e8513e6aedd71f8e06294c9c9ee0617cb
manifest.json,1565083503843,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
favicon.ico,1565083503842,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
precache-manifest.39f1ec858ae187d2503a3ee3587db165.js,1565695593697,79c5f740e50d54e8e5b02ad64971de79aae39b094a16f12dfa0b5c2d171bc9cf
service-worker.js,1565695593697,4bca5d2df5275c4a4267c1656362e7aef1ec91ba6ced233941b494bab82579f3
static/css/main.0d9f49bf.chunk.css,1565695593698,ef66b111b80cdb58e24272c846aca8208ee81c7e68f547b561d1f7c008fae094
static/js/main.8bc63245.chunk.js,1565695593700,a3cbfde8197ce0113c41fecd1fb9acee6051f28242c378a3df0c1c50f4c9084d
static/js/runtime~main.a8a9905a.js,1565695593714,e1af5f94fdd13901b2e433d0d7607e27c01458151c35b1fe4b7feda2a32b7aa9
static/js/runtime~main.a8a9905a.js.map,1565695593714,c337bf8b58896da637a6e50ab8cfc779eb1ec42c55f8ec429030a03454a549db
static/css/main.0d9f49bf.chunk.css.map,1565695593712,06a95f2acf98dd19f945abffa745cbf984cbac1493af0d433f6c3c285d3b6a57
static/js/main.8bc63245.chunk.js.map,1565695593714,5c7cbb49cd730d4a7874dc4be7f287e1ddefc1b846feb21afa713f72e87ac770
static/css/2.5aec162f.chunk.css,1565695593711,8383e9bf19b19ec879e362484ac8a165120490778495b9099842e50e7f906ec0
static/css/2.5aec162f.chunk.css.map,1565695593710,8da2f9401adb11c1e32c1f4a0b469c4b1965cda45cf9be25716462a90fe6bc8c
static/js/2.9838828f.chunk.js,1565695593717,efba1b01ed6f4bbfd4f81c6c684f451d4e6f9259320bf4cefb4b5e4e1364ad19
static/js/2.9838828f.chunk.js.map,1565695593716,e8e2ae222f85803cd7f0ea648e649acdb75fe8c3ba7668c012e40b981cd9ab4d
.firebaserc 0 → 100644
{
"projects": {
"default": "demox-92c6d"
}
}
firebase.json 0 → 100644
{
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
public/index.html
......@@ -3,10 +3,7 @@
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<link
href="https://fonts.googleapis.com/css?family=Kanit:300,400,500,700&display=swap&subset=thai"
rel="stylesheet"
/>
<link href="https://fonts.googleapis.com/css?family=Mitr&display=swap" rel="stylesheet">
<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css" />
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css" />
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
......
src/components/Header.js
......@@ -97,7 +97,7 @@ class HeaderComponent extends Component {
NavItems.push(
this.props.isTabletSized ? renderToggleLanguageButton() : renderToggleLanguage(),
<Navbar.Item key={`Button${7}`} href="#">
<Button style={{ paddingVertical: '0.1em' }} fullwidth color={'light'}>
<Button style={{ paddingVertical: '0.1em'}} fullwidth color={'light'}>
{ButtonNavs[7].name}
</Button>
</Navbar.Item>
......
src/components/Home/Banner.js
......@@ -6,7 +6,7 @@ export default class Banner extends React.Component {
<div className="section " style={{ background: 'linear-gradient(to right bottom, #194db7, #3fd4e6)' }}>
<div className="content-width">
<div className="banner-text-container">
<h1 className="banner-title">NEXPIE IOT Platform</h1>
<h1 className="banner-title">NEXPIE IoT Platform</h1>
<div className="banner-descrip-wrapper">
<h2>CONNECT</h2>
<h2>EVERYTHING !</h2>
......
src/components/Home/Services.js
......@@ -11,7 +11,7 @@ const Card = () => {
</div>
<div className="service-wrapper">
<h1 className="service-title">Connectivity</h1>
<p className="service-description">Connecting your device with NEXPIE IoT platform.</p>
<p className="service-description">Connecting your device with NEXPIE IoT Platform.</p>
</div>
</div>
);
......
src/components/Home/WhyUs.js
......@@ -10,7 +10,7 @@ const Card = () => {
</figure>
<h1 className="why-title">Connectivity</h1>
<p className="why-description" style={{ textAlign: 'center' }}>
Connecting your device with NEXPIE IoT platform.
Connecting your device with NEXPIE IoT Platform.
</p>
</div>
);
......
src/scss/_variables.scss
......@@ -4,3 +4,4 @@ $lightprimary: #0384ce;
$grey: #4a4a4a;
$lightgrey: #858585;
$white: #ffffff;
$size-text-header:20px;
src/scss/style.scss
@import '~react-bulma-components/src/index.sass';
@import '_variables.scss';
@import "~react-bulma-components/src/index.sass";
@import "_variables.scss";
// @import '../../node_modules/bulma/bulma.sass';
// @import '../../node_modules/bulma/sass/utilities/_all.sass';
// @import '../../node_modules/bulma/sass/base/_all.sass';
......@@ -7,8 +7,9 @@
// @import '../../node_modules/bulma/sass/elements/container.sass';
// @import '../../node_modules/bulma/sass/elements/title.sass';
// @import '../../node_modules/bulma/sass/form/_all.sass';
body {
font-family: 'Kanit', sans-serif;
font-family: "Mitr", sans-serif;
}
::-webkit-scrollbar {
......@@ -39,12 +40,12 @@ body {
padding: 0 15px;
}
.descriptionStyle {
font-size: 22px;
font-size: 18px;
color: $grey;
font-weight: 100;
font-weight: normal;
}
.title {
font-size: 35px;
font-size: $size-text-header;
color: $primary;
}
.banner-text-container {
......@@ -83,11 +84,11 @@ body {
justify-content: space-evenly;
align-items: center;
.why-title {
font-size: 24px;
font-size: 22px;
color: $grey;
}
.why-description {
font-size: 18px;
font-size: 16px;
color: $lightgrey;
}
}
......@@ -125,20 +126,19 @@ body {
}
.service-wrapper {
width: 100%;
max-height: 170px;
max-height: 200px;
color: $white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 30px 40px 40px 40px;
padding: 15px 20px 20px 20px;
.service-title {
font-size: 24px;
font-size: 22px;
font-weight: 500;
}
.service-description {
font-size: 18px;
font-size: 16px;
text-align: center;
font-weight: 100;
}
......@@ -148,8 +148,8 @@ body {
width: 85%;
height: 180px;
border-radius: 6px;
background-image: linear-gradient(276deg, #3473bf, #0891df);
position: absolute;
background-image: linear-gradient(276deg, #3473bf, #42b3e5);
}
.feature-container {
display: flex;
......@@ -196,7 +196,7 @@ body {
max-width: 400px;
height: 4; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 18px;
font-size: 16px;
line-height: 1.33;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
......@@ -237,7 +237,7 @@ body {
.text-wrapper {
color: #757575;
.plan-title {
font-size: 24px;
font-size: 22px;
font-weight: bold;
text-align: center;
}
......@@ -368,6 +368,11 @@ body {
.navbar-item {
padding: 0.5rem 0.15rem;
font-family: "Mitr", sans-serif !important;
}
span{
font-family: "Mitr", sans-serif !important;
}
.bullet-navs {
......
src/translations/en.json
......@@ -7,8 +7,8 @@
"BottomNav.Packages": "PACKAGES",
"GoToDashboard": "GO TO DASHBOARD",
"connect": "CONNECT",
"About.Title": "About Nexpie IOT Platform",
"About.Descrip1": "Connecting everything - everywhere with IoT platform to improve your business productive and efficiency for creates best opportunities to your organization in new Technology era unlike anything before.",
"About.Title": "About Nexpie IoT Platform",
"About.Descrip1": "Connecting everything - everywhere with IoT Platform to improve your business productive and efficiency for creates best opportunities to your organization in new Technology era unlike anything before.",
"About.Descrip2": "NEXPIE IoT Platform provides tools and software libraries that accelerates the IoT development process, so developers can spend more time innovating and less time worrying about administration of back-end servers and data storage.",
"Why.Title": "Why choose NEXPIE",
"Why.Descrip": "NEXPIE provide the Internet of Things (IoT) technology tools for helping your organization to achieve the most benefit in Commercial Marketing.",
......
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