Compare commits
81 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| de29ec70a5 | |||
| 024db8e2d5 | |||
| ec1cbd9364 | |||
| 13173ddb46 | |||
| 9780468013 | |||
| 5cd0f8106c | |||
| 7633ecfafa | |||
| 04fc8d530f | |||
| 7fd72924b4 | |||
| a37c0bd2ed | |||
| 800da885a5 | |||
| 4b75e02b99 | |||
| a9626fd8f2 | |||
| 88e2ccf237 | |||
| a86b00abe8 | |||
| e066cc62fc | |||
| 4d8cd1e7f4 | |||
| 29723863de | |||
| 935ff983fc | |||
| 57171133b1 | |||
| 12b2dde302 | |||
| 7f999dfc8a | |||
| 9f5ca78913 | |||
| 492008630f | |||
| ab566937b7 | |||
| 5e974e0637 | |||
| 31ee4e01ac | |||
| f79831f0da | |||
| eab01068d2 | |||
| d49a71b97a | |||
| c0b77f911f | |||
| 46341abf2a | |||
| 7f8fc1086f | |||
| a312984df8 | |||
| 490492bd0f | |||
| e78561c93f | |||
| e13d973b30 | |||
| bd3d945f55 | |||
| 62e7cda35d | |||
| e11c35e49b | |||
| 9e23fd83a8 | |||
| 537e639a65 | |||
| 02075a95c0 | |||
| 2873b22183 | |||
| 7b01bea019 | |||
| 6dd5dbc7b2 | |||
| f8acc0a29e | |||
| d175ef8922 | |||
| 751bcd6c5d | |||
| 8a4c7d92e8 | |||
| 0c4e464c5e | |||
| 3586b01756 | |||
| 715972dbde | |||
| 9cc252b2cd | |||
| a1b56a0b81 | |||
| 87ea20bde8 | |||
| 0ebbc26104 | |||
| e323168927 | |||
| 2224472046 | |||
| 87e7aa7270 | |||
| 53da8d6992 | |||
| 64f69eff72 | |||
| 63cb665140 | |||
| 11b4713db5 | |||
| f109e89f96 | |||
| c9ed414753 | |||
| 2a7643e8b2 | |||
| 1a5644f2df | |||
| 209c75ed2e | |||
| 9684e36427 | |||
| 96d8708b5a | |||
| 7946e0e09c | |||
| dc755e9db1 | |||
| cf0206da44 | |||
| 7a219cc888 | |||
| 5cdc08341f | |||
| 601c3b4da0 | |||
| 4f5c99bced | |||
| 77d97548e4 | |||
| 18f651f215 | |||
| 53e429468c |
@@ -5,7 +5,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api
|
|||||||
|
|
||||||
REACT_APP_SITE_NAME='WrenchBoard'
|
REACT_APP_SITE_NAME='WrenchBoard'
|
||||||
REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
|
REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
|
||||||
REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
|
REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login?cnt=us"
|
||||||
REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup?cnt=us"
|
REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup?cnt=us"
|
||||||
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
||||||
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
||||||
@@ -17,3 +17,6 @@ REACT_APP_SUPPORT_PHONE='404 855-7966'
|
|||||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||||
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
||||||
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
||||||
|
|
||||||
|
#AGENT LINK
|
||||||
|
REACT_APP_AGENT_LINK='https://dev-agents.wrenchboard.com'
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api
|
|||||||
|
|
||||||
REACT_APP_SITE_NAME='WrenchBoard'
|
REACT_APP_SITE_NAME='WrenchBoard'
|
||||||
REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
|
REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
|
||||||
REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
|
REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login?cnt=us"
|
||||||
REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup?cnt=us"
|
REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup?cnt=us"
|
||||||
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
||||||
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
||||||
@@ -17,3 +17,6 @@ REACT_APP_SUPPORT_PHONE='404 855-7966'
|
|||||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||||
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
||||||
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
||||||
|
|
||||||
|
#AGENT LINK
|
||||||
|
REACT_APP_AGENT_LINK='https://dev-agents.wrenchboard.com'
|
||||||
@@ -5,7 +5,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api
|
|||||||
|
|
||||||
REACT_APP_SITE_NAME='WrenchBoard'
|
REACT_APP_SITE_NAME='WrenchBoard'
|
||||||
REACT_APP_DASH_URL='https://users.wrenchboard.com'
|
REACT_APP_DASH_URL='https://users.wrenchboard.com'
|
||||||
REACT_APP_DASH_URL_LOGIN="https://users.wrenchboard.com/login"
|
REACT_APP_DASH_URL_LOGIN="https://users.wrenchboard.com/login?cnt=us"
|
||||||
REACT_APP_DASH_URL_SIGNUP="https://users.wrenchboard.com/signup?cnt=us"
|
REACT_APP_DASH_URL_SIGNUP="https://users.wrenchboard.com/signup?cnt=us"
|
||||||
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
|
||||||
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
|
||||||
@@ -17,3 +17,6 @@ REACT_APP_SUPPORT_PHONE='404 855-7966'
|
|||||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||||
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
||||||
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
|
||||||
|
|
||||||
|
#AGENT LINK
|
||||||
|
REACT_APP_AGENT_LINK='https://agents.wrenchboard.com'
|
||||||
@@ -18,6 +18,8 @@
|
|||||||
.env.test.local
|
.env.test.local
|
||||||
.env.production.local
|
.env.production.local
|
||||||
|
|
||||||
|
.idea
|
||||||
|
|
||||||
|
|
||||||
npm-debug.log*
|
npm-debug.log*
|
||||||
yarn-debug.log*
|
yarn-debug.log*
|
||||||
|
|||||||
@@ -10,6 +10,7 @@
|
|||||||
"react": "^17.0.2",
|
"react": "^17.0.2",
|
||||||
"react-countup": "^6.0.0",
|
"react-countup": "^6.0.0",
|
||||||
"react-dom": "^17.0.2",
|
"react-dom": "^17.0.2",
|
||||||
|
"react-owl-carousel": "^2.3.3",
|
||||||
"react-router-dom": "^5.3.0",
|
"react-router-dom": "^5.3.0",
|
||||||
"react-scripts": "5.0.0",
|
"react-scripts": "5.0.0",
|
||||||
"react-slick": "^0.28.1",
|
"react-slick": "^0.28.1",
|
||||||
|
|||||||
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 125 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 228 KiB |
|
After Width: | Height: | Size: 158 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 121 KiB |
@@ -49,6 +49,16 @@
|
|||||||
</noscript>
|
</noscript>
|
||||||
|
|
||||||
<title>WrenchBoard</title>
|
<title>WrenchBoard</title>
|
||||||
|
<!-- Google tag (gtag.js) -->
|
||||||
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WB8G0ZD483"></script>
|
||||||
|
<script>
|
||||||
|
window.dataLayer = window.dataLayer || [];
|
||||||
|
function gtag(){dataLayer.push(arguments);}
|
||||||
|
gtag('js', new Date());
|
||||||
|
|
||||||
|
gtag('config', 'G-WB8G0ZD483');
|
||||||
|
</script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -56,29 +66,29 @@
|
|||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<script>
|
<!-- <script>-->
|
||||||
(function (i, s, o, g, r, a, m) {
|
<!-- (function (i, s, o, g, r, a, m) {-->
|
||||||
i["GoogleAnalyticsObject"] = r;
|
<!-- i["GoogleAnalyticsObject"] = r;-->
|
||||||
(i[r] =
|
<!-- (i[r] =-->
|
||||||
i[r] ||
|
<!-- i[r] ||-->
|
||||||
function () {
|
<!-- function () {-->
|
||||||
(i[r].q = i[r].q || []).push(arguments);
|
<!-- (i[r].q = i[r].q || []).push(arguments);-->
|
||||||
}),
|
<!-- }),-->
|
||||||
(i[r].l = 1 * new Date());
|
<!-- (i[r].l = 1 * new Date());-->
|
||||||
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
|
<!-- (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);-->
|
||||||
a.async = 1;
|
<!-- a.async = 1;-->
|
||||||
a.src = g;
|
<!-- a.src = g;-->
|
||||||
m.parentNode.insertBefore(a, m);
|
<!-- m.parentNode.insertBefore(a, m);-->
|
||||||
})(
|
<!-- })(-->
|
||||||
window,
|
<!-- window,-->
|
||||||
document,
|
<!-- document,-->
|
||||||
"script",
|
<!-- "script",-->
|
||||||
"https://www.google-analytics.com/analytics.js",
|
<!-- "https://www.google-analytics.com/analytics.js",-->
|
||||||
"ga"
|
<!-- "ga"-->
|
||||||
);
|
<!-- );-->
|
||||||
ga("create", "UA-54829827-4", "auto");
|
<!-- ga("create", "UA-54829827-4", "auto");-->
|
||||||
ga("send", "pageview");
|
<!-- ga("send", "pageview");-->
|
||||||
</script>
|
<!-- </script>-->
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var LHC_API = LHC_API || {};
|
var LHC_API = LHC_API || {};
|
||||||
@@ -105,4 +115,8 @@
|
|||||||
s.parentNode.insertBefore(po, s);
|
s.parentNode.insertBefore(po, s);
|
||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- plugins js -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -6,16 +6,6 @@
|
|||||||
"src": "favicon.ico",
|
"src": "favicon.ico",
|
||||||
"sizes": "64x64 32x32 24x24 16x16",
|
"sizes": "64x64 32x32 24x24 16x16",
|
||||||
"type": "image/x-icon"
|
"type": "image/x-icon"
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "logo192.png",
|
|
||||||
"type": "image/png",
|
|
||||||
"sizes": "192x192"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "logo512.png",
|
|
||||||
"type": "image/png",
|
|
||||||
"sizes": "512x512"
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"start_url": ".",
|
"start_url": ".",
|
||||||
|
|||||||
@@ -1,7 +1,19 @@
|
|||||||
import Routes from './Routes';
|
import Routes from './Routes';
|
||||||
|
import { Redirect, useLocation } from 'react-router-dom';
|
||||||
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
return <Routes />;
|
const {pathname} = useLocation()
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{pathname.startsWith('/@') ?
|
||||||
|
<Redirect to='/app' />
|
||||||
|
:
|
||||||
|
<Routes />
|
||||||
|
}
|
||||||
|
</>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default App;
|
export default App;
|
||||||
|
|||||||
@@ -25,6 +25,7 @@ import Privacy from './components/Service/Privacy';
|
|||||||
import Terms from './components/Service/Terms';
|
import Terms from './components/Service/Terms';
|
||||||
import FAQ from './components/FAQ/Index';
|
import FAQ from './components/FAQ/Index';
|
||||||
import Lnd from './components/lnd/Lnd';
|
import Lnd from './components/lnd/Lnd';
|
||||||
|
import AppDownload from './components/AppDownload/AppDownload';
|
||||||
|
|
||||||
function Routes() {
|
function Routes() {
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
@@ -44,28 +45,27 @@ function Routes() {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className={`appie-visible ${loading === false ? 'active' : ''}`}>
|
<div className={`appie-visible ${loading === false ? 'active' : ''}`}>
|
||||||
<Router>
|
<ScrollToTop>
|
||||||
<ScrollToTop>
|
<Switch>
|
||||||
<Switch>
|
<Route exact path="/" component={HomeOne} />
|
||||||
<Route exact path="/" component={HomeOne} />
|
<Route exact path="/eoffer" component={HomeOne} />
|
||||||
<Route exact path="/eoffer" component={HomeOne} />
|
{/*<Route exact path="/news" component={News} />*/}
|
||||||
{/*<Route exact path="/news" component={News} />*/}
|
<Route exact path="/blog" component={Blog} />
|
||||||
<Route exact path="/blog" component={Blog} />
|
<Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
|
||||||
<Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
|
<Route exact path="/use-cases" component={UseCases} />
|
||||||
<Route exact path="/use-cases" component={UseCases} />
|
{/*<Route exact path="/news/single-news" component={SingleNews} />*/}
|
||||||
{/*<Route exact path="/news/single-news" component={SingleNews} />*/}
|
<Route exact path="/service" component={Service} />
|
||||||
<Route exact path="/service" component={Service} />
|
<Route exact path="/terms" component={Terms} />
|
||||||
<Route exact path="/terms" component={Terms} />
|
<Route exact path="/privacy" component={Privacy} />
|
||||||
<Route exact path="/privacy" component={Privacy} />
|
<Route exact path="/about-us" component={AboutUs} />
|
||||||
<Route exact path="/about-us" component={AboutUs} />
|
<Route exact path="/contact" component={Contact} />
|
||||||
<Route exact path="/contact" component={Contact} />
|
<Route exact path="/faq" component={FAQ} />
|
||||||
<Route exact path="/faq" component={FAQ} />
|
<Route exact path="/error" component={Error} />
|
||||||
<Route exact path="/error" component={Error} />
|
<Route exact path="/lnd/*" component={Lnd} />
|
||||||
<Route exact path="/lnd/*" component={Lnd} />
|
<Route exact path="/app" component={AppDownload} />
|
||||||
<Route component={Error} />
|
<Route component={Error} />
|
||||||
</Switch>
|
</Switch>
|
||||||
</ScrollToTop>
|
</ScrollToTop>
|
||||||
</Router>
|
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -0,0 +1,370 @@
|
|||||||
|
@media screen and (max-width:1200px) {
|
||||||
|
|
||||||
|
/* about app section */
|
||||||
|
.about_app_section .about_text .app_statstic li {
|
||||||
|
width: 210px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li p:first-child {
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width:992px) {
|
||||||
|
|
||||||
|
/* about app section */
|
||||||
|
.about_app_section .row {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img {
|
||||||
|
justify-content: flex-start;
|
||||||
|
margin-top: 75px;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
left: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img .screen_img {
|
||||||
|
margin-left: -170px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li {
|
||||||
|
width: 35%;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
left: 35%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:767px) {
|
||||||
|
|
||||||
|
/* about app section */
|
||||||
|
.about_app_section .about_text,
|
||||||
|
.about_app_section .about_text .section_title {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic {
|
||||||
|
margin-top: 0;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li {
|
||||||
|
width: 48%;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li p:first-child {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img {
|
||||||
|
margin: 0;
|
||||||
|
margin-top: 50px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
width: 350px;
|
||||||
|
height: 350px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_am.about_app_section._ {
|
||||||
|
background: #fbf4fe;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:479px) {
|
||||||
|
|
||||||
|
/* about app section */
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
left: 49%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about app section */
|
||||||
|
/* .about_app_section .row {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
} */
|
||||||
|
|
||||||
|
.about_app_section .about_img {
|
||||||
|
justify-content: flex-start;
|
||||||
|
margin-top: 75px;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
left: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img .screen_img {
|
||||||
|
margin-left: -170px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic {
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li {
|
||||||
|
width: 35%;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
left: 35%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about app section */
|
||||||
|
.about_app_section .about_text .app_statstic {
|
||||||
|
margin-top: 0;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li {
|
||||||
|
width: 48%;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li p:first-child {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img {
|
||||||
|
margin: 0;
|
||||||
|
margin-top: 50px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
width: 350px;
|
||||||
|
height: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 479px) {
|
||||||
|
|
||||||
|
/* about app section */
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
left: 49%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section_title h2 {
|
||||||
|
font-size: 44px;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
line-height: 54px;
|
||||||
|
text-shadow: 0 4px 10px #0000004d;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #32236F;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section_title h2 span {
|
||||||
|
color: #1a3544;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about us section wraper */
|
||||||
|
.about_app_section .about_img {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about us section images*/
|
||||||
|
.about_app_section .about_img img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 38%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 500px;
|
||||||
|
height: 500px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 100%;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img .screen_img {
|
||||||
|
margin-left: -135px;
|
||||||
|
margin-top: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .section_title {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .section_title h2 {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about us section statastics nomber */
|
||||||
|
.about_app_section .about_text .app_statstic {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li {
|
||||||
|
width: 248px;
|
||||||
|
background-color: #fff;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 15px 10px;
|
||||||
|
padding-left: 35px;
|
||||||
|
box-shadow: 0px 4px 10px #ede9fe;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li .icon {
|
||||||
|
margin-right: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
line-height: 1;
|
||||||
|
color: #32236F;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li p:first-child {
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img .screen_img img {
|
||||||
|
animation-delay: 3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_am {
|
||||||
|
padding: 50px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_am {
|
||||||
|
padding: 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.puprple_btn {
|
||||||
|
background-color: #1a3544;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 50px;
|
||||||
|
padding: 10px 40px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.puprple_btn::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 0%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 50px;
|
||||||
|
transition: .6s all;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.puprple_btn:hover::before {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.puprple_btn:hover {
|
||||||
|
color: #1a3544;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:767px) {
|
||||||
|
|
||||||
|
/* modern ui section */
|
||||||
|
.modern_ui_section .ui_images {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .section_title {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .design_block li {
|
||||||
|
padding-left: 0;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .design_block li::before {
|
||||||
|
position: relative;
|
||||||
|
left: auto;
|
||||||
|
top: auto;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .row {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .design_block {
|
||||||
|
margin-top: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* modern ui text */
|
||||||
|
.modern_ui_section .section_title {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .ui_text {
|
||||||
|
padding-right: 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* modern ui list */
|
||||||
|
.modern_ui_section .design_block li {
|
||||||
|
padding-left: 40px;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .design_block li::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 5px;
|
||||||
|
background-image: url(../../../src/assets/images/right_icon.png);
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .design_block li h4 {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
padding-bottom: 7px;
|
||||||
|
text-shadow: 3px 4px 10px #0000004d;
|
||||||
|
|
||||||
|
color: #32236F;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .design_block li p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
@@ -1,4 +1,6 @@
|
|||||||
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
|
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
|
||||||
|
@import url("aboutapp.css");
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@@ -3227,6 +3229,63 @@ p {
|
|||||||
background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);
|
background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.appie-modern-design .icon i {
|
||||||
|
height: 26px;
|
||||||
|
width: 26px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 26px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: purple;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .modern_ui_section{
|
||||||
|
margin-top: 100px;
|
||||||
|
} */
|
||||||
|
.modern_ui_section .section_sub_title{
|
||||||
|
font-size: 30px;
|
||||||
|
color: purple;
|
||||||
|
}
|
||||||
|
.modern_ui_section .ui_images{
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
padding: 30px 10px;
|
||||||
|
}
|
||||||
|
.modern_ui_section .right_img{
|
||||||
|
left: -60px;
|
||||||
|
top: -20px;
|
||||||
|
}
|
||||||
|
.modern_ui_section .left_img{
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modern_ui_section .left_img img{
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.modern_ui_section .right_img{
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
.modern_ui_section .right_img img {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.modern_ui_section .right_img .right_img_one{
|
||||||
|
width: 120px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.modern_ui_section .right_img .right_img_three{
|
||||||
|
left: -20px;
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 0px) and (max-width: 500px) {
|
||||||
|
.modern_ui_section .right_img{
|
||||||
|
left: -30px;
|
||||||
|
top: -20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||||
.traffic-btn {
|
.traffic-btn {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
@@ -4894,6 +4953,28 @@ p {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.service-item{
|
||||||
|
background: transparent;
|
||||||
|
border-radius: 6px;
|
||||||
|
padding: 30px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-item .icon {
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
border-radius: 20px;
|
||||||
|
height: 80px;
|
||||||
|
line-height: 70px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
position: relative;
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-item h4 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.tags a {
|
.tags a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 34px;
|
height: 34px;
|
||||||
@@ -8458,3 +8539,89 @@ blockquote cite {
|
|||||||
animation-duration: .5s;
|
animation-duration: .5s;
|
||||||
animation-fill-mode: forwards; */
|
animation-fill-mode: forwards; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
LND PAGE STYLE STARTS HERE
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* 1.0 BANNER SECTION */
|
||||||
|
.banner_section{
|
||||||
|
background: linear-gradient(to left top, #0e1133, #15233d);
|
||||||
|
}
|
||||||
|
.banner_shape1{
|
||||||
|
left: 0;
|
||||||
|
top: 50%;
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
.banner_shape2{
|
||||||
|
top: 40%;
|
||||||
|
left: 90%;
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
.banner_shape3{
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
transform: rotate(40deg);
|
||||||
|
}
|
||||||
|
.banner_text h1{
|
||||||
|
font-size: 50px;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
.banner_text p{
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.yt_video .play-button{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.yt_video .play_btn{
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background-color: rgba(255,255,255,0.1);
|
||||||
|
}
|
||||||
|
.yt_video .play_btn img{
|
||||||
|
background-color: rgba(255,255,255,0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.banner_text h1{
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.banner_images img{
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) and (max-width: 992px) {
|
||||||
|
.banner_text h1{
|
||||||
|
font-size: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* -----------Interface_Section-Css-Start----------------- */
|
||||||
|
|
||||||
|
/* interface wraper */
|
||||||
|
.interface_section .screen_slider {
|
||||||
|
margin-top: 35px;
|
||||||
|
/* min-height: 520px; */
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* interface images */
|
||||||
|
.interface_section .owl-item .screen_frame_img img {
|
||||||
|
transform: scale(.9);
|
||||||
|
border: 2px solid #000;
|
||||||
|
border-radius: 20px;
|
||||||
|
transition: 1s all;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 520px;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.interface_section .owl-item.center .screen_frame_img img {
|
||||||
|
transform: scale(1);
|
||||||
|
border: 3px solid #000;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
@@ -107,6 +107,27 @@
|
|||||||
margin-top: -20px;
|
margin-top: -20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.app-download.options{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-download.options .main-btn {
|
||||||
|
color: #0e1133;
|
||||||
|
background-color: #fff;
|
||||||
|
border: 3px solid #3EAFCC;
|
||||||
|
padding: 2px 112px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-download.appie-hero-content h5 {
|
||||||
|
color: #51B5D0;
|
||||||
|
/* border-color: #fff; */
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 300px) and (max-width: 1024px) {
|
@media only screen and (min-width: 300px) and (max-width: 1024px) {
|
||||||
.testimonial-about-slider-active .testimonial-box {
|
.testimonial-about-slider-active .testimonial-box {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
@@ -121,3 +142,94 @@
|
|||||||
left: 15px;
|
left: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* -----------------About-App-Section-Css-Start------------------ */
|
||||||
|
|
||||||
|
/* about us section wraper */
|
||||||
|
.about_app_section .about_img {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about us section images*/
|
||||||
|
.about_app_section .about_img img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 38%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 500px;
|
||||||
|
height: 500px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 100%;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img .screen_img {
|
||||||
|
margin-left: -135px;
|
||||||
|
margin-top: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .section_title {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .section_title h2 {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about us section statastics nomber */
|
||||||
|
.about_app_section .about_text .app_statstic {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li {
|
||||||
|
width: 248px;
|
||||||
|
background-color: #fff;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 15px 10px;
|
||||||
|
padding-left: 35px;
|
||||||
|
box-shadow: 0px 4px 10px #EDE9FE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li .icon {
|
||||||
|
margin-right: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
line-height: 1;
|
||||||
|
color: #32236F;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .app_statstic li p:first-child {
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_img .screen_img img {
|
||||||
|
animation-delay: 3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_app_section .about_text .list {
|
||||||
|
margin-top: 45px;
|
||||||
|
margin-bottom: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about_text{
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|||||||
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 124 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 163 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 113 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 123 KiB |
|
After Width: | Height: | Size: 611 B |
|
After Width: | Height: | Size: 443 KiB |
|
After Width: | Height: | Size: 399 KiB |
|
After Width: | Height: | Size: 396 KiB |
|
After Width: | Height: | Size: 524 KiB |
|
After Width: | Height: | Size: 478 KiB |
|
After Width: | Height: | Size: 188 KiB |
|
After Width: | Height: | Size: 181 KiB |
|
After Width: | Height: | Size: 162 KiB |
|
After Width: | Height: | Size: 582 KiB |
|
After Width: | Height: | Size: 626 KiB |
|
After Width: | Height: | Size: 2.6 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 765 KiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 690 KiB |
|
After Width: | Height: | Size: 485 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 242 KiB |
@@ -0,0 +1,11 @@
|
|||||||
|
import HomeOneHeader from '../HomeOne/HomeOneHeader';
|
||||||
|
import AppDownloadDetails from './AppDownloadDetails';
|
||||||
|
|
||||||
|
export default function AppDownload() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<HomeOneHeader showLogoOnly={true} />
|
||||||
|
<AppDownloadDetails />
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,78 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import heroThumbOne from '../../assets/images/app-thumb-1.png';
|
||||||
|
import heroThumbOne1 from '../../assets/images/app-thumb-2.png';
|
||||||
|
|
||||||
|
import heroThumbTwo from '../../assets/images/app-pic.png';
|
||||||
|
import CustomSlider from '../customSlider/CustomSlider';
|
||||||
|
|
||||||
|
const AppDownloadDetails = () => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<section className="appie-hero-area">
|
||||||
|
<div className="container">
|
||||||
|
<div className="row align-items-center">
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="app-download appie-hero-content appie-hero-content-6">
|
||||||
|
<h5 className='title'>Download from</h5>
|
||||||
|
<div className='flex app-download options'>
|
||||||
|
<ul>
|
||||||
|
<li className=''>
|
||||||
|
<a className="item-2" target='_blank' href={process.env.REACT_APP_APPLE_APP}>
|
||||||
|
<i className="fab fa-apple"></i>
|
||||||
|
<span>
|
||||||
|
Available on the <span>App Store</span>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li className=''>
|
||||||
|
<a className="item-2" target='_blank' href={process.env.REACT_APP_ANDROID_APP}>
|
||||||
|
<i className="fab fa-google-play"></i>
|
||||||
|
<span>
|
||||||
|
Available on the <span>Google Play</span>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h5>OR</h5>
|
||||||
|
<a target='_blank' href={process.env.REACT_APP_DASH_URL_SIGNUP} className='main-btn'>
|
||||||
|
Register Online
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 className="appie-title"> Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span> </h1>
|
||||||
|
<p>Your place to set family goals and reward achievements. Find tasks to earn from, or build a tasks portfolio and find others to perform tasks for you.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="col-lg-6">
|
||||||
|
<div className="appie-hero-thumb">
|
||||||
|
<div
|
||||||
|
className="thumb wow animated fadeInUp"
|
||||||
|
data-wow-duration="2000ms"
|
||||||
|
data-wow-delay="200ms"
|
||||||
|
>
|
||||||
|
{/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
|
||||||
|
<div style={{ width: '350px', margin: 'auto' }}>
|
||||||
|
<CustomSlider
|
||||||
|
images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
|
||||||
|
speed='5'
|
||||||
|
indicatorColor='#333'
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
className="thumb-2 wow animated fadeInRight"
|
||||||
|
data-wow-duration="2000ms"
|
||||||
|
data-wow-delay="600ms"
|
||||||
|
>
|
||||||
|
<img src={heroThumbTwo} alt="" width="100%" height="100%" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default AppDownloadDetails
|
||||||
@@ -19,12 +19,12 @@ function Blog({ blogItem, imgUrl, loader }) {
|
|||||||
|
|
||||||
const headerLoaderStyles = {
|
const headerLoaderStyles = {
|
||||||
"--text-container-width": "300px",
|
"--text-container-width": "300px",
|
||||||
"--text-container-height": "34px",
|
"--text-container-height": "18px",
|
||||||
};
|
};
|
||||||
|
|
||||||
const bodyTextLoaderStyles = {
|
const bodyTextLoaderStyles = {
|
||||||
"--text-container-width": "770px",
|
"--text-container-width": "770px",
|
||||||
"--text-container-height": "150px",
|
"--text-container-height": "15px",
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -0,0 +1,82 @@
|
|||||||
|
import React from 'react'
|
||||||
|
import OwlCarousel from 'react-owl-carousel'
|
||||||
|
import localImgLoad from '../../lib/localImgLoad'
|
||||||
|
|
||||||
|
import 'owl.carousel/dist/assets/owl.carousel.css'
|
||||||
|
import 'owl.carousel/dist/assets/owl.theme.default.css'
|
||||||
|
import LazyImage from '../../lib/LazyImage'
|
||||||
|
|
||||||
|
export default function FeaturedScreen() {
|
||||||
|
|
||||||
|
const screen_slider = {
|
||||||
|
loop:true,
|
||||||
|
margin:10,
|
||||||
|
nav:false,
|
||||||
|
autoplay: true,
|
||||||
|
smartSpeed: 1500,
|
||||||
|
center: true,
|
||||||
|
dots: true,
|
||||||
|
responsive:{
|
||||||
|
0:{
|
||||||
|
items:2
|
||||||
|
},
|
||||||
|
600:{
|
||||||
|
items:3
|
||||||
|
},
|
||||||
|
1000:{
|
||||||
|
items:5
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<section className="appie-service-area pt-50 pb-50 interface_section">
|
||||||
|
<div className="container-fluid">
|
||||||
|
<div className="appie-traffic-title section_title text-center" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
|
||||||
|
<h3 className='title'>App Screens <div className='section_sub_title'></div></h3>
|
||||||
|
<p>Simplicity of use is our goal always. Here are some of our featured screens.</p>
|
||||||
|
</div>
|
||||||
|
<div className="screen_slider" >
|
||||||
|
<OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
|
||||||
|
<div className="item">
|
||||||
|
<div className="screen_frame_img">
|
||||||
|
<img src={localImgLoad('images/slider/slider_1.png')} alt="image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="item">
|
||||||
|
<div className="screen_frame_img">
|
||||||
|
<img src={localImgLoad('images/slider/slider_2.png')} alt="image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="item">
|
||||||
|
<div className="screen_frame_img">
|
||||||
|
<img src={localImgLoad('images/slider/slider_3.png')} alt="image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="item">
|
||||||
|
<div className="screen_frame_img">
|
||||||
|
<img src={localImgLoad('images/slider/slider_4.png')} alt="image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="item">
|
||||||
|
<div className="screen_frame_img">
|
||||||
|
<img src={localImgLoad('images/slider/slider_5.png')} alt="image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="item">
|
||||||
|
<div className="screen_frame_img">
|
||||||
|
<img src={localImgLoad('images/slider/slider_6.png')} alt="image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="item">
|
||||||
|
<div className="screen_frame_img">
|
||||||
|
<img src={localImgLoad('images/slider/slider_7.png')} alt="image" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</OwlCarousel>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -20,7 +20,7 @@ function FooterHomeOne({ className }) {
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
{`It is simple. You can set goals, task, or anything that need to be done and reward accomplishment. WrenchBoard is the platform to connect opportunities. `}
|
{`It is simple. You can set goals, task, or anything that needs to be done and reward accomplishment. WrenchBoard is the platform to connect opportunities. `}
|
||||||
</p>
|
</p>
|
||||||
<a href="/service">
|
<a href="/service">
|
||||||
Read More <i className="fal fa-arrow-right" />
|
Read More <i className="fal fa-arrow-right" />
|
||||||
@@ -55,6 +55,9 @@ function FooterHomeOne({ className }) {
|
|||||||
<li>
|
<li>
|
||||||
<a href="/use-cases">Use Cases</a>
|
<a href="/use-cases">Use Cases</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
<a target='_blank' href={process.env.REACT_APP_AGENT_LINK}>Agent</a>
|
||||||
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<Link to="/blog">Blog</Link>
|
<Link to="/blog">Blog</Link>
|
||||||
</li>
|
</li>
|
||||||
@@ -95,12 +98,12 @@ function FooterHomeOne({ className }) {
|
|||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<i className="fal fa-phone" /> 404 855-7966
|
<i className="fal fa-phone" /> 404-855-7966
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<i className="fal fa-map-marker-alt" />Atlanta,GA 30339
|
<i className="fal fa-map-marker-alt" />Atlanta, GA 30339
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -8,23 +8,31 @@ import shapeThree from '../../assets/images/shape/shape-3.png';
|
|||||||
import shapeFour from '../../assets/images/shape/shape-4.png';
|
import shapeFour from '../../assets/images/shape/shape-4.png';
|
||||||
import getConfig from './../../Config/config'
|
import getConfig from './../../Config/config'
|
||||||
import CustomSlider from '../customSlider/CustomSlider';
|
import CustomSlider from '../customSlider/CustomSlider';
|
||||||
|
import SliderOne from '../../assets/images/home/app-slide-home-0.png'
|
||||||
|
import SliderTwo from '../../assets/images/home/app-slide-home-1.png'
|
||||||
|
import SliderThree from '../../assets/images/home/app-slide-home-2.png'
|
||||||
|
|
||||||
|
|
||||||
function HeroHomeOne() {
|
function HeroHomeOne() {
|
||||||
var site = getConfig()[0];
|
var site = getConfig()[0];
|
||||||
|
|
||||||
|
const sliders = [
|
||||||
|
SliderOne, SliderTwo, SliderThree
|
||||||
|
]
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<section className="appie-hero-area">
|
<section className="appie-hero-area">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row align-items-center">
|
<div className="row">
|
||||||
<div className="col-lg-6">
|
<div className="col-lg-6">
|
||||||
<div className="appie-hero-content appie-hero-content-6">
|
<div className="appie-hero-content appie-hero-content-6 d-flex flex-column h-100">
|
||||||
{/*<span>Welcome To WrenchBoard..</span>*/}
|
{/*<span>Welcome To WrenchBoard..</span>*/}
|
||||||
<h1 className="appie-title">
|
<h1 className="appie-title">
|
||||||
Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span>
|
Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span>
|
||||||
</h1>
|
</h1>
|
||||||
<p>Your place to set family goals and reward achievements. Find tasks to earn from, or build a tasks portfolio and find others to perform tasks for you.</p>
|
<p>Your place to set family goals and reward achievements. Find tasks to earn from, or build a tasks portfolio and find others to perform tasks for you.</p>
|
||||||
<ul>
|
<ul className='d-flex justify-content-center justify-content-lg-start'>
|
||||||
<li className=''>
|
<li className=''>
|
||||||
<a className="item-2" target='_blank' href={process.env.REACT_APP_APPLE_APP}>
|
<a className="item-2" target='_blank' href={process.env.REACT_APP_APPLE_APP}>
|
||||||
<i className="fab fa-apple"></i>
|
<i className="fab fa-apple"></i>
|
||||||
@@ -54,7 +62,8 @@ function HeroHomeOne() {
|
|||||||
{/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
|
{/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
|
||||||
<div style={{ width: '350px', margin: 'auto' }}>
|
<div style={{ width: '350px', margin: 'auto' }}>
|
||||||
<CustomSlider
|
<CustomSlider
|
||||||
images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
|
// images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
|
||||||
|
images={sliders}
|
||||||
speed='5'
|
speed='5'
|
||||||
indicatorColor='#333'
|
indicatorColor='#333'
|
||||||
/>
|
/>
|
||||||
@@ -65,7 +74,7 @@ function HeroHomeOne() {
|
|||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay="600ms"
|
data-wow-delay="600ms"
|
||||||
>
|
>
|
||||||
<img src={heroThumbTwo} alt="" />
|
<img src={heroThumbTwo} alt="" width="100%" height="100%" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import StickyMenu from '../../lib/StickyMenu';
|
|||||||
import Navigation from '../Navigation';
|
import Navigation from '../Navigation';
|
||||||
import getConfig from './../../Config/config'
|
import getConfig from './../../Config/config'
|
||||||
|
|
||||||
function HomeOneHeader({ action }) {
|
function HomeOneHeader({ action, showLogoOnly = false }) {
|
||||||
var site = getConfig()[0];
|
var site = getConfig()[0];
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
StickyMenu();
|
StickyMenu();
|
||||||
@@ -21,27 +21,30 @@ function HomeOneHeader({ action }) {
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
|
|
||||||
<div className="appie-header-main-menu">
|
{!showLogoOnly && <>
|
||||||
<Navigation />
|
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
|
||||||
</div>
|
<div className="appie-header-main-menu">
|
||||||
</div>
|
<Navigation />
|
||||||
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
|
||||||
<div className="appie-btn-box text-right">
|
|
||||||
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
|
||||||
<i className="fal fa-user" /> Login
|
|
||||||
</a>
|
|
||||||
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
|
||||||
Get Started
|
|
||||||
</a>
|
|
||||||
<div
|
|
||||||
onClick={(e) => action(e)}
|
|
||||||
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
|
|
||||||
>
|
|
||||||
<i className="fa fa-bars" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
||||||
|
<div className="appie-btn-box text-right">
|
||||||
|
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||||
|
<i className="fal fa-user" /> Login
|
||||||
|
</a>
|
||||||
|
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
||||||
|
Get Started
|
||||||
|
</a>
|
||||||
|
<div
|
||||||
|
onClick={(e) => action(e)}
|
||||||
|
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
|
||||||
|
>
|
||||||
|
<i className="fa fa-bars" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,13 +1,14 @@
|
|||||||
import React from "react";
|
import React from 'react';
|
||||||
import IconOne from "../../assets/images/icon/account_login.png";
|
import IconOne from '../../assets/images/icon/reward.png';
|
||||||
import IconTwo from "../../assets/images/icon/task.png";
|
import IconTwo from '../../assets/images/icon/assign-chores.png';
|
||||||
import IconThree from "../../assets/images/icon/target.png";
|
import IconThree from '../../assets/images/icon/financial-education.png';
|
||||||
import IconFour from "../../assets/images/icon/reward.png";
|
import IconFour from '../../assets/images/icon/family-connect.png';
|
||||||
|
import Main from '../lnd/LndParts/Design/Main';
|
||||||
|
|
||||||
function ServiceItem({ icon, title, description, index }) {
|
function ServiceItem({ icon, title, description, index }) {
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="appie-single-service text-center mt-30 wow animated fadeInUp"
|
className="service-item text-center mt-30 wow animated fadeInUp"
|
||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay={`${200 * (index + 1)}ms`}
|
data-wow-delay={`${200 * (index + 1)}ms`}
|
||||||
style={{ cursor: "default" }}
|
style={{ cursor: "default" }}
|
||||||
@@ -22,40 +23,19 @@ function ServiceItem({ icon, title, description, index }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function ServicesHomeOne({ className }) {
|
function ServicesHomeOne({ className }) {
|
||||||
const serviceTitle = "Set Goals and Rewards to Inspire";
|
|
||||||
const serviceItems = [
|
|
||||||
{
|
|
||||||
icon: IconOne,
|
|
||||||
title: "Free Account",
|
|
||||||
description: "Join WrenchBoard. Get your free account.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: IconTwo,
|
|
||||||
title: "Set Goals",
|
|
||||||
description: "Suggest or find what you want to get rewarded for.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: IconThree,
|
|
||||||
title: "Complete",
|
|
||||||
description: "Complete task, and notify assigner with ease.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: IconFour,
|
|
||||||
title: "Reward",
|
|
||||||
description: "Task completed. Find your reward.",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className={`appie-service-area pt-10 pb-50 ${className}`}
|
className={`appie-service-area pt-50 pb-50 ${className}`}
|
||||||
id="service"
|
id="service"
|
||||||
>
|
>
|
||||||
<div className="container">
|
{/* <div className="container">
|
||||||
<div className="row justify-content-center">
|
<div className="row justify-content-center">
|
||||||
<div className="col-lg-8">
|
<div className="col-lg-8">
|
||||||
<div className="appie-section-title text-center">
|
<div className="appie-section-title text-center">
|
||||||
<h3 className="appie-title">{serviceTitle}</h3>
|
<h3 className="appie-title">
|
||||||
|
Set Chores, Set Goals and <br /> Rewards Accomplishments
|
||||||
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -71,9 +51,35 @@ function ServicesHomeOne({ className }) {
|
|||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
|
|
||||||
|
<Main />
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default ServicesHomeOne;
|
export default ServicesHomeOne;
|
||||||
|
|
||||||
|
const serviceTitle = `Set Chores, Set Goals and Rewards Accomplishments`;
|
||||||
|
const serviceItems = [
|
||||||
|
{
|
||||||
|
icon: IconOne,
|
||||||
|
title: 'Reward Goals Met',
|
||||||
|
description: 'Set goals together and reward accomplishment',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: IconTwo,
|
||||||
|
title: 'Assign Regular Chores',
|
||||||
|
description: 'Organize essential regular chores to be done',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: IconThree,
|
||||||
|
title: 'Financial Education',
|
||||||
|
description: 'Get Kids start early on money management',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: IconFour,
|
||||||
|
title: 'Family Connect',
|
||||||
|
description: 'Connect family, share accomplishments with friends',
|
||||||
|
},
|
||||||
|
];
|
||||||