Compare commits
81 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9ec18f41cd | |||
| 86d6c54d8a | |||
| 0fe9bce492 | |||
| 6d956309e9 | |||
| e356bf3ea1 | |||
| 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 |
@@ -5,7 +5,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api
|
||||
|
||||
REACT_APP_SITE_NAME='WrenchBoard'
|
||||
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_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'
|
||||
@@ -17,3 +17,6 @@ REACT_APP_SUPPORT_PHONE='404 855-7966'
|
||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||
REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
|
||||
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_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_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'
|
||||
@@ -16,4 +16,7 @@ REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
|
||||
REACT_APP_SUPPORT_PHONE='404 855-7966'
|
||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||
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_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_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'
|
||||
@@ -16,4 +16,7 @@ REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
|
||||
REACT_APP_SUPPORT_PHONE='404 855-7966'
|
||||
REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
|
||||
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.production.local
|
||||
|
||||
.idea
|
||||
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
|
||||
@@ -10,6 +10,7 @@
|
||||
"react": "^17.0.2",
|
||||
"react-countup": "^6.0.0",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-owl-carousel": "^2.3.3",
|
||||
"react-router-dom": "^5.3.0",
|
||||
"react-scripts": "5.0.0",
|
||||
"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>
|
||||
|
||||
<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>
|
||||
|
||||
<body>
|
||||
@@ -56,29 +66,29 @@
|
||||
<div id="root"></div>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
(function (i, s, o, g, r, a, m) {
|
||||
i["GoogleAnalyticsObject"] = r;
|
||||
(i[r] =
|
||||
i[r] ||
|
||||
function () {
|
||||
(i[r].q = i[r].q || []).push(arguments);
|
||||
}),
|
||||
(i[r].l = 1 * new Date());
|
||||
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m);
|
||||
})(
|
||||
window,
|
||||
document,
|
||||
"script",
|
||||
"https://www.google-analytics.com/analytics.js",
|
||||
"ga"
|
||||
);
|
||||
ga("create", "UA-54829827-4", "auto");
|
||||
ga("send", "pageview");
|
||||
</script>
|
||||
<!-- <script>-->
|
||||
<!-- (function (i, s, o, g, r, a, m) {-->
|
||||
<!-- i["GoogleAnalyticsObject"] = r;-->
|
||||
<!-- (i[r] =-->
|
||||
<!-- i[r] ||-->
|
||||
<!-- function () {-->
|
||||
<!-- (i[r].q = i[r].q || []).push(arguments);-->
|
||||
<!-- }),-->
|
||||
<!-- (i[r].l = 1 * new Date());-->
|
||||
<!-- (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);-->
|
||||
<!-- a.async = 1;-->
|
||||
<!-- a.src = g;-->
|
||||
<!-- m.parentNode.insertBefore(a, m);-->
|
||||
<!-- })(-->
|
||||
<!-- window,-->
|
||||
<!-- document,-->
|
||||
<!-- "script",-->
|
||||
<!-- "https://www.google-analytics.com/analytics.js",-->
|
||||
<!-- "ga"-->
|
||||
<!-- );-->
|
||||
<!-- ga("create", "UA-54829827-4", "auto");-->
|
||||
<!-- ga("send", "pageview");-->
|
||||
<!-- </script>-->
|
||||
|
||||
<script>
|
||||
var LHC_API = LHC_API || {};
|
||||
@@ -105,4 +115,8 @@
|
||||
s.parentNode.insertBefore(po, s);
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!-- plugins js -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -6,16 +6,6 @@
|
||||
"src": "favicon.ico",
|
||||
"sizes": "64x64 32x32 24x24 16x16",
|
||||
"type": "image/x-icon"
|
||||
},
|
||||
{
|
||||
"src": "logo192.png",
|
||||
"type": "image/png",
|
||||
"sizes": "192x192"
|
||||
},
|
||||
{
|
||||
"src": "logo512.png",
|
||||
"type": "image/png",
|
||||
"sizes": "512x512"
|
||||
}
|
||||
],
|
||||
"start_url": ".",
|
||||
|
||||
@@ -1,7 +1,19 @@
|
||||
import Routes from './Routes';
|
||||
import { Redirect, useLocation } from 'react-router-dom';
|
||||
|
||||
|
||||
function App() {
|
||||
return <Routes />;
|
||||
const {pathname} = useLocation()
|
||||
|
||||
return (
|
||||
<>
|
||||
{pathname.startsWith('/@') ?
|
||||
<Redirect to='/app' />
|
||||
:
|
||||
<Routes />
|
||||
}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
||||
@@ -25,6 +25,7 @@ import Privacy from './components/Service/Privacy';
|
||||
import Terms from './components/Service/Terms';
|
||||
import FAQ from './components/FAQ/Index';
|
||||
import Lnd from './components/lnd/Lnd';
|
||||
import AppDownload from './components/AppDownload/AppDownload';
|
||||
|
||||
function Routes() {
|
||||
const [loading, setLoading] = useState(true);
|
||||
@@ -44,28 +45,27 @@ function Routes() {
|
||||
</div>
|
||||
)}
|
||||
<div className={`appie-visible ${loading === false ? 'active' : ''}`}>
|
||||
<Router>
|
||||
<ScrollToTop>
|
||||
<Switch>
|
||||
<Route exact path="/" component={HomeOne} />
|
||||
<Route exact path="/eoffer" component={HomeOne} />
|
||||
{/*<Route exact path="/news" component={News} />*/}
|
||||
<Route exact path="/blog" component={Blog} />
|
||||
<Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
|
||||
<Route exact path="/use-cases" component={UseCases} />
|
||||
{/*<Route exact path="/news/single-news" component={SingleNews} />*/}
|
||||
<Route exact path="/service" component={Service} />
|
||||
<Route exact path="/terms" component={Terms} />
|
||||
<Route exact path="/privacy" component={Privacy} />
|
||||
<Route exact path="/about-us" component={AboutUs} />
|
||||
<Route exact path="/contact" component={Contact} />
|
||||
<Route exact path="/faq" component={FAQ} />
|
||||
<Route exact path="/error" component={Error} />
|
||||
<Route exact path="/lnd/*" component={Lnd} />
|
||||
<Route component={Error} />
|
||||
</Switch>
|
||||
</ScrollToTop>
|
||||
</Router>
|
||||
<ScrollToTop>
|
||||
<Switch>
|
||||
<Route exact path="/" component={HomeOne} />
|
||||
<Route exact path="/eoffer" component={HomeOne} />
|
||||
{/*<Route exact path="/news" component={News} />*/}
|
||||
<Route exact path="/blog" component={Blog} />
|
||||
<Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
|
||||
<Route exact path="/use-cases" component={UseCases} />
|
||||
{/*<Route exact path="/news/single-news" component={SingleNews} />*/}
|
||||
<Route exact path="/service" component={Service} />
|
||||
<Route exact path="/terms" component={Terms} />
|
||||
<Route exact path="/privacy" component={Privacy} />
|
||||
<Route exact path="/about-us" component={AboutUs} />
|
||||
<Route exact path="/contact" component={Contact} />
|
||||
<Route exact path="/faq" component={FAQ} />
|
||||
<Route exact path="/error" component={Error} />
|
||||
<Route exact path="/lnd/*" component={Lnd} />
|
||||
<Route exact path="/app" component={AppDownload} />
|
||||
<Route component={Error} />
|
||||
</Switch>
|
||||
</ScrollToTop>
|
||||
</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("aboutapp.css");
|
||||
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-weight: normal;
|
||||
@@ -3227,6 +3229,63 @@ p {
|
||||
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) {
|
||||
.traffic-btn {
|
||||
margin-top: 30px;
|
||||
@@ -4894,6 +4953,28 @@ p {
|
||||
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 {
|
||||
display: inline-block;
|
||||
height: 34px;
|
||||
@@ -8515,4 +8596,32 @@ LND PAGE STYLE STARTS HERE
|
||||
.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;
|
||||
}
|
||||
|
||||
.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) {
|
||||
.testimonial-about-slider-active .testimonial-box {
|
||||
box-shadow: none;
|
||||
@@ -121,3 +142,94 @@
|
||||
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: 422 KiB |
|
After Width: | Height: | Size: 600 KiB |
|
After Width: | Height: | Size: 664 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: 664 KiB |
|
After Width: | Height: | Size: 422 KiB |
|
After Width: | Height: | Size: 600 KiB |
|
After Width: | Height: | Size: 406 KiB |
|
After Width: | Height: | Size: 545 KiB |
|
After Width: | Height: | Size: 547 KiB |
|
After Width: | Height: | Size: 595 KiB |
|
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 |