Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 DESKTOP-QHP1O2H\MIKE
|
f598bcd708 | ||
|
DESKTOP-QHP1O2H\MIKE
|
ed08551714 | ||
 tokslaw
|
50605f6b6b | ||
|
tokslaw
|
3703ecdc40 | ||
|
victorAnumudu
|
2bcaa2d737 | ||
|
DESKTOP-QHP1O2H\MIKE
|
b56721a018 | ||
|
victorAnumudu
|
93837bfda5 |
@@ -1181,6 +1181,10 @@ header.fixed .navbar {
|
||||
.how_it_works .step_block ul li .step_img img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.how_it_works .step_block ul li .step_img img.create-account-logo {
|
||||
border-radius: 15px;
|
||||
box-shadow: 0px 0px 10px #c7c6c6;
|
||||
}
|
||||
|
||||
/* how it works heading h4 */
|
||||
.how_it_works .step_block ul li .step_text h4 {
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -8,8 +8,8 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
|
||||
const api = new SiteService();
|
||||
useEffect(() => {
|
||||
getBlogData();
|
||||
}, []);
|
||||
if(blogData.length===0){getBlogData()};
|
||||
}, [blogData]);
|
||||
|
||||
const getBlogData = async () => {
|
||||
try {
|
||||
@@ -69,14 +69,14 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
|
||||
<section className="row_am blog_list_main">
|
||||
{blogData.map((data,index) => {
|
||||
if (index == 0){
|
||||
if (index === 0){
|
||||
return (
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div
|
||||
className="col-lg-6"
|
||||
data-aos="fade-in"
|
||||
data-aos-duration="1500"
|
||||
// data-aos="fade-in"
|
||||
// data-aos-duration="1500"
|
||||
>
|
||||
<div className="blog_img">
|
||||
<img
|
||||
@@ -118,7 +118,7 @@ const Main = ({ brdcum, bgimg }) => {
|
||||
if (index > 0){
|
||||
return (
|
||||
<div key={data.id} className="col-md-4">
|
||||
<div className="story_box" data-aos="fade-up" data-aos-duration="1500">
|
||||
<div className="story_box">
|
||||
<div className="story_img">
|
||||
<img src={data.meta_value} alt="image" />
|
||||
<span>{new Date (data && data.post_date).toDateString()}</span>
|
||||
|
||||
@@ -101,42 +101,8 @@ const Main = ({brdcum}) => {
|
||||
<h3>{data && data.post_name}</h3>
|
||||
<div dangerouslySetInnerHTML={{__html: data && data.post_content}}></div>
|
||||
</div>
|
||||
{/* <div className="info">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.</p>
|
||||
<p>Printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unnown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys centuries, but also the leap into electronic.</p>
|
||||
<h3>Why we are best</h3>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic.</p>
|
||||
<ul>
|
||||
<li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Lorem Ipsum is simply dummy text of the printing and typesetting in </p></li>
|
||||
<li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Dustry lorem Ipsum has been the industrys standard dummy text ev er since the when</p></li>
|
||||
<li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Unknown printer took a galley of type and scrambled it to make.</p></li>
|
||||
<li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Type specimen book. It has survived not only five centuries, but also the leap into electronic.</p></li>
|
||||
<li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Lorem Ipsum is simply dummy text of the printing.</p></li>
|
||||
<li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Dustry lorem Ipsum has been the industrys standard dummy text ev er since.</p></li>
|
||||
<li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Unknown printer took a galley of type and scrambled it to make.</p></li>
|
||||
<li><p> <span className="icon"><i className="icofont-check-circled"></i></span> Type specimen book. It has survived not only.</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="two_img">
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<img src="assets/images/blog_sub_01.png" alt="image" />
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<img src="assets/images/blog_sub_02.png" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="info">
|
||||
<h3>Why we are best</h3>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesettingindustry lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived.</p>
|
||||
</div>
|
||||
<div className="quote_block">
|
||||
<span className="q_icon"><img src="assets/images/quote_icon.png" alt="image" /></span>
|
||||
<h2>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy.</h2>
|
||||
<p><span className="name">Mr. John Doe,</span> Apper Inc</p>
|
||||
</div> */}
|
||||
{/* <p>Lorem Ipsum is simply dummy text of the printing and typesetting in dustry lorem Ipsum has been the industrys standard dummy text ev er since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic industry.</p> */}
|
||||
|
||||
|
||||
<div className="blog_authore">
|
||||
<div className="authore_info">
|
||||
{/* <div className="avtar">
|
||||
|
||||
@@ -79,7 +79,9 @@ const Main = ({ footer }) => {
|
||||
<h3>Useful Links</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<Link to="/">Home</Link>
|
||||
{/* <Link to="/">Home</Link> */}
|
||||
<HashLink to="/#">Home</HashLink>
|
||||
|
||||
</li>
|
||||
<li>
|
||||
<Link to="/about">About us</Link>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import React , {useState} from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import img from '../../../assets/images/appdownload.png'
|
||||
import img1 from '../../../assets/images/create_account2.png'
|
||||
// import img1 from '../../../assets/images/create_account2.png'
|
||||
import img2 from '../../../assets/images/download_app1.png'
|
||||
import line from '../../../assets/images/anim_line.png'
|
||||
import banner from '../../../assets/images/banner-shape1.png'
|
||||
@@ -9,6 +9,7 @@ import banner1 from '../../../assets/images/banner-shape2.png'
|
||||
import banner2 from '../../../assets/images/banner-shape3.png'
|
||||
import video from '../../../assets/images/play_icon.png'
|
||||
import ytvideo from '../../../assets/images/yt_thumb.png'
|
||||
import createAccount from '../../../assets/images/create_account.png'
|
||||
|
||||
const Main = ({dark}) => {
|
||||
const [ytShow , setytShow] = useState (false)
|
||||
@@ -50,7 +51,7 @@ const Main = ({dark}) => {
|
||||
<h3>02</h3>
|
||||
</div>
|
||||
<div className="step_img" data-aos="fade-right" data-aos-duration="1500">
|
||||
<img src={img1} alt="image" />
|
||||
<img className="create-account-logo" src={createAccount} alt="create account logo"/>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
@@ -143,7 +143,8 @@ const Main = ({navbar}) => {
|
||||
<Link to="/contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link to="/" className="nav-link dark_btn">GET STARTED</Link>
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
{/* <Link to="/" className="nav-link dark_btn">GET STARTED</Link> */}
|
||||
</li>
|
||||
|
||||
</div >
|
||||
@@ -211,7 +212,8 @@ const Main = ({navbar}) => {
|
||||
<Link to="/contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link to="/contact" className="nav-link dark_btn">GET STARTED</Link>
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
{/* <Link to="/contact" className="nav-link dark_btn">GET STARTED</Link> */}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -275,7 +277,8 @@ const Main = ({navbar}) => {
|
||||
<Link to="/contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link to="/contact" className="nav-link dark_btn">GET STARTED</Link>
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
{/* <Link to="/contact" className="nav-link dark_btn">GET STARTED</Link> */}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -330,7 +333,8 @@ const Main = ({navbar}) => {
|
||||
<Link to="/contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link to="/contact" className="nav-link dark_btn">GET STARTED</Link>
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
{/* <Link to="/contact" className="nav-link dark_btn">GET STARTED</Link> */}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -393,7 +397,8 @@ const Main = ({navbar}) => {
|
||||
<Link smooth to="#contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link to="/contact" className="nav-link dark_btn">GET STARTED</Link>
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
{/* <Link to="/contact" className="nav-link dark_btn">GET STARTED</Link> */}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -449,7 +454,8 @@ const Main = ({navbar}) => {
|
||||
<Link to="/contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link to="/contact" className="nav-link dark_btn">GET STARTED</Link>
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
{/* <Link to="/contact" className="nav-link dark_btn">GET STARTED</Link> */}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -522,7 +528,8 @@ const Main = ({navbar}) => {
|
||||
<Link to="/contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link to="/contact" className="nav-link dark_btn">GET STARTED</Link>
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
{/* <Link to="/contact" className="nav-link dark_btn">GET STARTED</Link> */}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -578,7 +585,8 @@ const Main = ({navbar}) => {
|
||||
<Link to="/contact" className="nav-link" >Contact</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link to="/contact" className="nav-link dark_btn">GET STARTED</Link>
|
||||
<a href={process.env.REACT_APP_APPSITE} className="nav-link dark_btn">GET STARTED</a>
|
||||
{/* <Link to="/contact" className="nav-link dark_btn">GET STARTED</Link> */}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user