myfit starter commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,237 @@
|
||||
import React , { useState , useEffect} from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import Bredcrumb from '../../Bredcrumb/Main'
|
||||
import BGImg from "../../../assets/images/bread_crumb_bg.png"
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png"
|
||||
import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png"
|
||||
|
||||
const Main = ({brdcum}) => {
|
||||
|
||||
const[activeFaq, setActiveFaq] = useState({a : true})
|
||||
return (
|
||||
<>
|
||||
{brdcum.b1 &&
|
||||
<Bredcrumb
|
||||
no={1}
|
||||
title="Have questions? look here"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq"
|
||||
bgimg={BGImg}/>}
|
||||
|
||||
{brdcum.b2 &&
|
||||
<Bredcrumb
|
||||
no={2}
|
||||
title="Have questions? look here"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq"
|
||||
bgimg={BGImg1}/>}
|
||||
|
||||
{brdcum.b5 &&
|
||||
<Bredcrumb
|
||||
no={5}
|
||||
title="Have questions? look here"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq"
|
||||
bgimg={BGImg}/>}
|
||||
|
||||
{brdcum.b3 &&
|
||||
<Bredcrumb
|
||||
no={3}
|
||||
title="Have questions? look here"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq" />}
|
||||
|
||||
{brdcum.b4 &&
|
||||
<Bredcrumb
|
||||
no={4}
|
||||
title="Have questions? look here"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Faq"
|
||||
bgimg={BGImg2}/>}
|
||||
|
||||
|
||||
<section className="row_am faq_section">
|
||||
<div className="container">
|
||||
<div className="faq_panel">
|
||||
<div className="accordion" id="accordionExample">
|
||||
<div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingOne">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link ${activeFaq.a && "active"}`} onClick= {() => setActiveFaq(activeFaq.a ? {a : false} : {a : true})} data-toggle="collapse" data-target="#collapseOne">
|
||||
{activeFaq.a ? <i className="icon_faq icofont-minus"></i> : <i className="icon_faq icofont-plus"></i>}How can i pay ?</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseOne" className="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
|
||||
<div className="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingTwo">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.b && "active"}`} onClick= {() => setActiveFaq(activeFaq.b ? {b : false} : {b : true})} data-toggle="collapse"
|
||||
data-target="#collapseTwo">{activeFaq.b ? <i className="icon_faq icofont-minus"></i> : <i className="icon_faq icofont-plus"></i>} How to setup account ?</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseTwo" className="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
|
||||
<div className="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingThree">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.c && "active"}`} onClick= {() => setActiveFaq(activeFaq.c ? {c : false} : {c : true})} data-toggle="collapse"
|
||||
data-target="#collapseThree">{activeFaq.c ? <i className="icon_faq icofont-minus"></i> : <i className="icon_faq icofont-plus"></i>}What is process to get refund
|
||||
?</button>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="collapseThree" className="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
|
||||
<div className="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingFour">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.d && "active"}`} onClick= {() => setActiveFaq(activeFaq.d ? {d : false} : {d : true})} data-toggle="collapse"
|
||||
data-target="#collapseFour">{activeFaq.d ? <i className="icon_faq icofont-minus"></i> : <i className="icon_faq icofont-plus"></i>}What is process to get refund ?
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="collapseFour" className="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
|
||||
<div className="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingFive">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.e && "active"}`} onClick= {() => setActiveFaq(activeFaq.e ? {e : false} : {e : true})} data-toggle="collapse"
|
||||
data-target="#collapseFive">{activeFaq.e ? <i className="icon_faq icofont-minus"></i> : <i className="icon_faq icofont-plus"></i>}Can i get code bug support for customization ?
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="collapseFive" className="collapse" aria-labelledby="headingFive" data-parent="#accordionExample">
|
||||
<div className="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingSix">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.f && "active"}`} onClick= {() => setActiveFaq(activeFaq.f ? {f : false} : {f : true})} data-toggle="collapse"
|
||||
data-target="#collapseSix">{activeFaq.f ? <i className="icon_faq icofont-minus"></i> : <i className="icon_faq icofont-plus"></i>}Lorem Ipsum is simply dummy text of the printing and typesetting ?
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="collapseSix" className="collapse" aria-labelledby="headingSix" data-parent="#accordionExample">
|
||||
<div className="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="card" data-aos="fade-up" >
|
||||
<div className="card-header" id="headingSeven">
|
||||
<h2 className="mb-0">
|
||||
<button type="button" className={`btn btn-link collapsed ${activeFaq.g && "active"}`} onClick= {() => setActiveFaq(activeFaq.g ? {g : false} : {g : true})} data-toggle="collapse"
|
||||
data-target="#collapseSeven">{activeFaq.g ? <i className="icon_faq icofont-minus"></i> : <i className="icon_faq icofont-plus"></i>}Lorem Ipsum is simply dummy text of the printing and typesetting ?
|
||||
</button>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div id="collapseSeven" className="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample">
|
||||
<div className="card-body">
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem Ipsum has. been the
|
||||
industrys standard dummy text ever since the when an unknown printer took a galley of type and
|
||||
scrambled it to make a type specimen book. It has survived not only five cen turies but also the
|
||||
leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="row_am free_app_section review_freeapp" id="getstarted">
|
||||
<div className="container">
|
||||
<div className="free_app_inner aos-init" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="100">
|
||||
<div className="anim_line dark_bg">
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<div className="free_text">
|
||||
<div className="section_title">
|
||||
<h2>Let’s download free from apple and play store</h2>
|
||||
<p>Instant free download from apple and play store orem Ipsum is simply dummy text of the printing.
|
||||
and typese tting indus orem Ipsum has beenthe standard</p>
|
||||
</div>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<Link to="#">
|
||||
<img src="assets/images/appstore_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<img src="assets/images/googleplay_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="free_img">
|
||||
<img src="assets/images/download-screen01.png" alt="image" />
|
||||
<img className="mobile_mockup" src="assets/images/download-screen02.png" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Main
|
||||
@@ -0,0 +1,360 @@
|
||||
import React,{useEffect} from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import Bredcrumb from '../../Bredcrumb/Main'
|
||||
import BGImg from "../../../assets/images/bread_crumb_bg.png"
|
||||
import BGImg1 from "../../../assets/images/bread_crumb_bg_one.png"
|
||||
import BGImg2 from "../../../assets/images/bread_crumb_bg_two.png"
|
||||
|
||||
const Main = ({brdcum}) => {
|
||||
|
||||
return (
|
||||
<>
|
||||
{brdcum.b1 &&
|
||||
<Bredcrumb
|
||||
no={1}
|
||||
title="Reviews"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Reviews"
|
||||
bgimg={BGImg}/>}
|
||||
|
||||
{brdcum.b2 &&
|
||||
<Bredcrumb
|
||||
no={2}
|
||||
title="Reviews"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Reviews"
|
||||
bgimg={BGImg1}/>}
|
||||
|
||||
{brdcum.b5 &&
|
||||
<Bredcrumb
|
||||
no={5}
|
||||
title="Reviews"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Reviews"
|
||||
bgimg={BGImg}/>}
|
||||
|
||||
{brdcum.b3 &&
|
||||
<Bredcrumb
|
||||
no={3}
|
||||
title="Reviews"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Reviews"
|
||||
bgimg={BGImg2}/>}
|
||||
|
||||
{brdcum.b4 &&
|
||||
<Bredcrumb
|
||||
no={4}
|
||||
title="Reviews"
|
||||
paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting"
|
||||
tag="Reviews"
|
||||
bgimg={BGImg2}/>}
|
||||
|
||||
<section className="row_am review_list_section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>App working smoothly fast</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_01.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Shayna John</h3>
|
||||
<span>Careative inc</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>UI and UX is excellence !</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_02.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Jolly Shie</h3>
|
||||
<span>CEO - abc agency</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Service support on time.</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_03.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Steve Joe</h3>
|
||||
<span>Vybo Creative</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Easy documentation.</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_04.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Shayna John</h3>
|
||||
<span>Careative inc</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>UI and UX is excellence !</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_05.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Jolly Shie</h3>
|
||||
<span>CEO - abc agency</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Service support on time.</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_06.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Steve Joe</h3>
|
||||
<span>Vybo Creative</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>App working smoothly fast</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_07.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Shayna John</h3>
|
||||
<span>Careative inc</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>UI and UX is excellence !</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_08.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Jolly Shie</h3>
|
||||
<span>CEO - abc agency</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="review_box">
|
||||
<div className="rating">
|
||||
<ul>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
<li><span><i className="icofont-star"></i></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Service support on time.</h3>
|
||||
<p>
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting ndus
|
||||
try lorem Ipsum hasbeen the trysan
|
||||
dard dummy text here.
|
||||
</p>
|
||||
<div className="reviewer">
|
||||
<div className="avtar">
|
||||
<img src="assets/images/review_09.png" alt="image"/>
|
||||
</div>
|
||||
<div className="text">
|
||||
<h3>Steve Joe</h3>
|
||||
<span>Vybo Creative</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="row_am free_app_section review_freeapp" id="getstarted">
|
||||
<div className="container">
|
||||
<div className="free_app_inner aos-init" data-aos="fade-in" data-aos-duration="1500" data-aos-delay="100">
|
||||
<div className="anim_line dark_bg">
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
<span><img src="assets/images/anim_line.png" alt="anim_line" /></span>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<div className="free_text">
|
||||
<div className="section_title">
|
||||
<h2>Let’s download free from apple and play store</h2>
|
||||
<p>Instant free download from apple and play store orem Ipsum is simply dummy text of the printing.
|
||||
and typese tting indus orem Ipsum has beenthe standard</p>
|
||||
</div>
|
||||
<ul className="app_btn">
|
||||
<li>
|
||||
<Link to="#">
|
||||
<img src="assets/images/appstore_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link to="#">
|
||||
<img src="assets/images/googleplay_blue.png" alt="image" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="free_img">
|
||||
<img src="assets/images/download-screen01.png" alt="image" />
|
||||
<img className="mobile_mockup" src="assets/images/download-screen02.png" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Main
|
||||
@@ -0,0 +1,48 @@
|
||||
import React from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
|
||||
const Main = () => {
|
||||
return (
|
||||
<div className="page_wrapper">
|
||||
<div className="full_bg">
|
||||
<div className="container">
|
||||
<section className="signup_section">
|
||||
<div className="top_part">
|
||||
<Link to="/" className="back_btn"><i className="icofont-arrow-left"></i> Back</Link>
|
||||
<Link to="/" className="navbar-brand">
|
||||
<img src="assets/images/footer_logo.png" alt="image"/>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signup_form">
|
||||
<div className="section_title">
|
||||
<h2> Welcom to <span>Apper</span> </h2>
|
||||
<p>Fill all fields so we can get some info about you. <br/> We'll never send you spam</p>
|
||||
</div>
|
||||
<form action="">
|
||||
<div className="form-group">
|
||||
<input type="email" className="form-control" placeholder="Email"/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<input type="password" className="form-control" placeholder="Password"/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<button className="btn puprple_btn" type="submit">SIGN IN</button>
|
||||
</div>
|
||||
</form>
|
||||
<p className="or_block">
|
||||
<span>OR</span>
|
||||
</p>
|
||||
<div className="or_option">
|
||||
<p>Sign In with your work email</p>
|
||||
<Link to="#" className="btn google_btn"><img src="assets/images/google.png" alt="image"/> <span>Sign Up with Google</span> </Link>
|
||||
<p>Don't have an account? <Link to="/sign-up">Sign Up here</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Main
|
||||
@@ -0,0 +1,53 @@
|
||||
import React from 'react'
|
||||
import { Link } from 'react-router-dom'
|
||||
|
||||
const Main = () => {
|
||||
return (
|
||||
<>
|
||||
<div className="page_wrapper">
|
||||
<div className="full_bg">
|
||||
<div className="container">
|
||||
<section className="signup_section">
|
||||
<div className="top_part">
|
||||
<Link to="/" className="back_btn"><i className="icofont-arrow-left"></i> Back</Link>
|
||||
<Link to="/"className="navbar-brand">
|
||||
<img src="assets/images/footer_logo.png" alt="image"/>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="signup_form">
|
||||
<div className="section_title">
|
||||
<h2> <span>Create</span> an account</h2>
|
||||
<p>Fill all fields so we can get some info about you. <br/> We'll never send you spam</p>
|
||||
</div>
|
||||
<form action="">
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="Name"/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<input type="email" className="form-control" placeholder="Email"/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<input type="password" className="form-control" placeholder="Password"/>
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<button className="btn puprple_btn" type="submit">SIGN UP</button>
|
||||
</div>
|
||||
</form>
|
||||
<p className="or_block">
|
||||
<span>OR</span>
|
||||
</p>
|
||||
<div className="or_option">
|
||||
<p>Sign up with your work email</p>
|
||||
<Link to="#" className="btn google_btn"><img src="assets/images/google.png" alt="image"/> <span>Sign Up with Google</span> </Link>
|
||||
<p>Already have an account? <Link to="/sign-in">Sign In here</Link></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Main
|
||||
Reference in New Issue
Block a user