Clean up
This commit is contained in:
DESKTOP-GBA0BK8\Admin
+3
-821
@@ -16,52 +16,6 @@ class GetStarted extends React.Component {
|
||||
============================================= */}
|
||||
<div id="page" className="page">
|
||||
|
||||
|
||||
{/* HERO-3
|
||||
============================================= */}
|
||||
<section id="hero-3" className="bg_scroll hero-section division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* HERO TEXT */}
|
||||
<div className="col-md-7 col-lg-6">
|
||||
<div className="hero-3-txt pc-10 mb-40 wow fadeInRight" data-wow-delay="0.4s">
|
||||
{/* Small Tittle */}
|
||||
<h5 className="h5-xs grey-color">Start. Connect. Enjoy</h5>
|
||||
{/* Title */}
|
||||
<h2 className="h2-xl">A Mobile Hub For All Your Contacts</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl grey-color">Feugiat primis ligula risus auctor egestas augue viverra mauri at tortor iaculis
|
||||
magna feugiat mauris ipsum and viverra tortor and placerat gravida purus pretium
|
||||
</p>
|
||||
{/* HERO REQUEST FORM */}
|
||||
<form name="requestform" className="request-form">
|
||||
{/* Form Inputs */}
|
||||
<div className="input-group">
|
||||
<input type="email" name="email" className="form-control email" placeholder="Your email address" required />
|
||||
<span className="input-group-btn form-btn">
|
||||
<button type="submit" className="btn btn-md btn-skyblue black-hover submit">Get Started</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Form Message */}
|
||||
<div className="request-form-msg"><span className="loading" /></div>
|
||||
</form>
|
||||
{/* OS Prerequisite */}
|
||||
<span className="os-version grey-color">Try Float free for 14 days. Cancel anytime.</span>
|
||||
</div>
|
||||
</div> {/* END HERO TEXT */}
|
||||
{/* HERO IMAGE */}
|
||||
<div className="col-md-5 col-lg-6">
|
||||
<div className="hero-3-img text-center mb-40 wow fadeInLeft" data-wow-delay="0.6s">
|
||||
<img className="img-fluid" src="assets/images/hero-3-img.png" alt="hero-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
{/* SECTION OVERLAY */}
|
||||
<div className="bg_fixed wave_overlay" />
|
||||
</section> {/* END HERO-3 */}
|
||||
{/* FEATURES-3
|
||||
============================================= */}
|
||||
<section id="features-3" className="pt-100 features-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
@@ -224,596 +178,8 @@ class GetStarted extends React.Component {
|
||||
</div> {/* END CONTENT BOX-2 */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-3 */}
|
||||
{/* FEATURES-5
|
||||
============================================= */}
|
||||
<section id="features-5" className="pb-60 features-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Get Ready to Be Surprised</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURES-5 WRAPPER */}
|
||||
<div className="fbox-5-wrapper pc-30">
|
||||
<div className="row">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div id="fb-5-1" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-roundabout" /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Sync Across Accounts</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
|
||||
at impedit felis undo auctor augue mauris
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div id="fb-5-2" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-files" /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Business Cards Scanner</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
|
||||
at impedit felis undo auctor augue mauris
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div id="fb-5-3" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-notifications" /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Birthday Reminders</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
|
||||
at impedit felis undo auctor augue mauris
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #4 */}
|
||||
<div id="fb-5-4" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-delete" /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Merge Duplicate Contacts</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
|
||||
at impedit felis undo auctor augue mauris
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #5 */}
|
||||
<div id="fb-5-5" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-cloud-computing" /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Contacts Storage & Backup</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
|
||||
at impedit felis undo auctor augue mauris
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #6 */}
|
||||
<div id="fb-5-6" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-user" /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Call Blocking & Identification</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
|
||||
at impedit felis undo auctor augue mauris
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-5 HOLDER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-5 */}
|
||||
{/* CONTENT-5
|
||||
============================================= */}
|
||||
<section id="content-5" className="pb-80 content-section">
|
||||
<div className="bg-inner bg_aliceblue pt-100 division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-5 col-lg-6">
|
||||
<div className="content-5-img right-column pc-20 text-center wow fadeInRight" data-wow-delay="0.6s">
|
||||
<img className="img-fluid" src="assets/images/img-04.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-7 col-lg-6">
|
||||
<div className="txt-block left-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Fastest Messaging</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Send text, voice, picture messages more faster</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Aliqum mullam blandit and tempor sapien donec ipsum gravida porta. Velna vitae auctor
|
||||
congue magna impedit ligula risus. Mauris donec ligula and magnis undo sapien sagittis sapien pretium
|
||||
enim gravida purus ligula
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT TXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End Inner Background */}
|
||||
</section> {/* END CONTENT-5 */}
|
||||
{/* CONTENT-13
|
||||
============================================= */}
|
||||
<section id="content-13" className="wide-60 content-section division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 col-xl-6">
|
||||
<div className="txt-block left-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Totally Optimized</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Intuitive features, powerful results</h2>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium
|
||||
ligula rutrum tempor sapien
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Quaerat sodales sapien euismod purus blandit</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo
|
||||
pretium a purus mauris
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Button */}
|
||||
<div className="ico-20 ico-right">
|
||||
<a href="https://www.youtube.com/watch?v=7e90gBu4pas" className="video-popup2 btn btn-tra-grey skyblue-hover">
|
||||
See Float in Action <span className="flaticon-play-button" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 col-xl-6">
|
||||
<div className="content-13-img wow fadeInRight" data-wow-delay="0.6s">
|
||||
<img className="img-fluid" src="assets/images/tablet.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-13 */}
|
||||
{/* PROCESS-2
|
||||
============================================= */}
|
||||
<section id="process-2" className="pb-100 process-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 col-xl-8 offset-lg-1 offset-xl-2">
|
||||
<div className="section-title text-center mb-60">
|
||||
<h3 className="h3-sm">Customize and make your contact manager as unique as you are</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<ul className="process-skyblue processbar pc-35">
|
||||
{/* PROCESS BOX #1 */}
|
||||
<li id="step-2-1" className="col-md-4">
|
||||
<div className="pbox-2 pc-20 text-center">
|
||||
<h5 className="h5-sm">Create an Account</h5>
|
||||
<p className="p-lg">Nemo ipsam egestas volute dolores quaerat sodales</p>
|
||||
</div>
|
||||
</li>
|
||||
{/* PROCESS BOX #2 */}
|
||||
<li id="step-2-2" className="col-md-4">
|
||||
<div className="pbox-2 pc-20 text-center">
|
||||
<h5 className="h5-sm">Customize Profile</h5>
|
||||
<p className="p-lg">Nemo ipsam egestas volute dolores quaerat sodales</p>
|
||||
</div>
|
||||
</li>
|
||||
{/* PROCESS BOX #3 */}
|
||||
<li id="step-2-3" className="col-md-4">
|
||||
<div className="pbox-2 pc-20 text-center">
|
||||
<h5 className="h5-sm">Get Access</h5>
|
||||
<p className="p-lg">Nemo ipsam egestas volute dolores quaerat sodales</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END PROCESS-2 */}
|
||||
{/* DOWNLOAD-6
|
||||
============================================= */}
|
||||
<section id="download-6" className="bg_selfy wide-100 download-section division">
|
||||
<div className="container white-color">
|
||||
<div className="row">
|
||||
{/* DOWNLOAD TXT */}
|
||||
<div className="col-lg-6">
|
||||
<div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Voice & Video Calls</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Keep Your Favorite People Close to You</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit
|
||||
posuere orci auctor purus euismod an aliquam quaerat purus
|
||||
</p>
|
||||
{/* STORE BADGES */}
|
||||
<div className="stores-badge">
|
||||
{/* AppStore */}
|
||||
<a href="#" className="store">
|
||||
<img className="appstore" src="assets/images/appstore-white.png" alt="appstore-badge" />
|
||||
</a>
|
||||
{/* Google Play */}
|
||||
<a href="#" className="store">
|
||||
<img className="googleplay" src="assets/images/googleplay-white.png" alt="googleplay-badge" />
|
||||
</a>
|
||||
{/* Aamazon Market
|
||||
<a href="#" class="store">
|
||||
<img class="amazon" src="assets/images/amazon.png" alt="amazon-badge" />
|
||||
</a> */}
|
||||
{/* Mac AppStore
|
||||
<a href="#" class="store">
|
||||
<img class="mac-appstore" src="assets/images/macstore.png" alt="macstore-badge" />
|
||||
</a> */}
|
||||
{/* Microsoft Store
|
||||
<a href="#" class="store">
|
||||
<img class="microsoft" src="assets/images/microsoft.png" alt="microsoft-badge" />
|
||||
</a> */}
|
||||
</div> {/* END STORE BADGES */}
|
||||
</div>
|
||||
</div> {/* END DOWNLOAD TXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END DOWNLOAD-6 */}
|
||||
{/* CONTENT-14
|
||||
============================================= */}
|
||||
<section id="content-14" className="whitesmoke_shape content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-40">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Chat with Your Friends Easily</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s">
|
||||
<img className="img-fluid" src="assets/images/socials.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-14 */}
|
||||
{/* BRANDS-2
|
||||
============================================= */}
|
||||
<section id="brands-2" className="wide-70 brands-section division">
|
||||
<div className="container">
|
||||
{/* BRANDS TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-8 offset-lg-2">
|
||||
<div className="brands-title text-center">
|
||||
<h4 className="h4-sm">You might know us from:</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS-2 WRAPPER */}
|
||||
<div className="brands-2-wrapper">
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-1.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-2.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-3.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-4.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-5.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-6.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-7.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-8.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-9.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-10.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BRANDS-2 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BRANDS-2 */}
|
||||
{/* TESTIMONIALS-1
|
||||
============================================= */}
|
||||
<section id="reviews-1" className="rel bg_aliceblue wide-100 reviews-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Why Customers Love Us</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TESTIMONIALS CONTENT */}
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="owl-carousel owl-theme reviews-1-wrapper">
|
||||
{/* TESTIMONIAL #1 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Great Flexibility!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Etiam sapien sem at sagittis congue an augue massa varius egestas undo
|
||||
suscipit magna tempus undo aliquet
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Scott Boxer</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #1 */}
|
||||
{/* TESTIMONIAL #2 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Simple and Useful!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">At sagittis congue augue undo egestas magna ipsum vitae purus and ipsum
|
||||
primis suscipit
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Wendy T.</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #2 */}
|
||||
{/* TESTIMONIAL #3 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">I love this App!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Mauris donec ociis magnis and sapien etiam sapien congue undo augue pretium
|
||||
and ligula augue a lectus aenean magna
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- pebz13</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #3 */}
|
||||
{/* TESTIMONIAL #4 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-1" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Best App for iOS!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">An augue in cubilia laoreet magna and suscipit egestas magna ipsum purus ipsum
|
||||
and suscipit
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Scott Boxer</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #4 */}
|
||||
{/* TESTIMONIAL #5 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Awesome Design!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Mauris donec magnis sapien undo etiam sapien and congue augue egestas ultrice
|
||||
a vitae purus velna integer tempor
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- John Sweet</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #5 */}
|
||||
{/* TESTIMONIAL #6 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Simply Amazing App!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">An augue cubilia laoreet undo magna a suscipit undo egestas magna ipsum ligula
|
||||
vitae purus ipsum primis cubilia blandit
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Leslie D.</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #6 */}
|
||||
{/* TESTIMONIAL #7 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Powerful Features!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Augue egestas volutpat and egestas augue in cubilia laoreet magna undo
|
||||
suscipit luctus
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Marisol19</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #7 */}
|
||||
{/* TESTIMONIAL #8 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Super Support!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Aliquam augue suscipit luctus neque purus ipsum neque dolor primis libero tempus
|
||||
at blandit posuere varius magna
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- AJ</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #8 */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIALS CONTENT */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TESTIMONIALS-1 */}
|
||||
{/* CONTENT-1
|
||||
============================================= */}
|
||||
|
||||
|
||||
<section id="content-1" className="wide-60 content-section division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center m-row">
|
||||
@@ -971,191 +337,7 @@ class GetStarted extends React.Component {
|
||||
</section> {/* END FAQs-2 */}
|
||||
{/* MORE APPS-1
|
||||
============================================= */}
|
||||
<section id="more-apps-1" className="bg_whitesmoke wide-70 moreapps-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">More Apps by DSAThemes</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* MORE APPS-1 WRAPPER */}
|
||||
<div className="abox-1-wrapper">
|
||||
<div className="row">
|
||||
{/* APP #1 LINK */}
|
||||
<div className="col-md-6 wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href="#">
|
||||
<div className="row abox-1 d-flex align-items-center">
|
||||
{/* App Version */}
|
||||
<div className="app-version"><span>2.0.1</span></div>
|
||||
{/* Logo */}
|
||||
<div className="col-sm-3 col-md-4 col-lg-3 abox-1-logo">
|
||||
<img className="img-fluid" src="assets/images/app-logo-1.png" alt="app-logo" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="col-sm-9 col-md-8 col-lg-9 abox-1-txt">
|
||||
<h5 className="h5-xs">FastChat 2</h5>
|
||||
<p>Aliquam an augue luctus undo purus</p>
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty mr-5" />
|
||||
4.3
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div> {/* END APP #1 LINK */}
|
||||
{/* APP #2 LINK */}
|
||||
<div className="col-md-6 wow fadeInUp" data-wow-delay="0.6s">
|
||||
<a href="#">
|
||||
<div className="row abox-1 d-flex align-items-center">
|
||||
{/* App Version */}
|
||||
<div className="app-version"><span>1.3.9</span></div>
|
||||
{/* Logo */}
|
||||
<div className="col-sm-3 col-md-4 col-lg-3 abox-1-logo">
|
||||
<img className="img-fluid" src="assets/images/app-logo-2.png" alt="app-logo" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="col-sm-9 col-md-8 col-lg-9 abox-1-txt">
|
||||
<h5 className="h5-xs">MuMemos</h5>
|
||||
<p>Aliquam an augue luctus undo purus</p>
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star mr-5" />
|
||||
5.0
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div> {/* END APP #2 LINK */}
|
||||
{/* APP #3 LINK */}
|
||||
<div className="col-md-6 wow fadeInUp" data-wow-delay="0.8s">
|
||||
<a href="#">
|
||||
<div className="row abox-1 d-flex align-items-center">
|
||||
{/* App Version */}
|
||||
<div className="app-version"><span>4.1.6</span></div>
|
||||
{/* Logo */}
|
||||
<div className="col-sm-3 col-md-4 col-lg-3 abox-1-logo">
|
||||
<img className="img-fluid" src="assets/images/app-logo-4.png" alt="app-logo" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="col-sm-9 col-md-8 col-lg-9 abox-1-txt">
|
||||
<h5 className="h5-xs">Music Player</h5>
|
||||
<p>Aliquam an augue luctus undo purus</p>
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty mr-5" />
|
||||
4.65
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div> {/* END APP #3 LINK */}
|
||||
{/* APP #4 LINK */}
|
||||
<div className="col-md-6 wow fadeInUp" data-wow-delay="1s">
|
||||
<a href="#">
|
||||
<div className="row abox-1 d-flex align-items-center">
|
||||
{/* App Version */}
|
||||
<div className="app-version"><span>14.1.0</span></div>
|
||||
{/* Logo */}
|
||||
<div className="col-sm-3 col-md-4 col-lg-3 abox-1-logo">
|
||||
<img className="img-fluid" src="assets/images/app-logo-3.png" alt="app-logo" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="col-sm-9 col-md-8 col-lg-9 abox-1-txt">
|
||||
<h5 className="h5-xs">PowerSaver</h5>
|
||||
<p>Aliquam an augue luctus undo purus</p>
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty mr-5" />
|
||||
4.21
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div> {/* END APP #4 LINK */}
|
||||
{/* APP #5 LINK */}
|
||||
<div className="col-md-6 wow fadeInUp" data-wow-delay="1.2s">
|
||||
<a href="#">
|
||||
<div className="row abox-1 d-flex align-items-center">
|
||||
{/* App Version */}
|
||||
<div className="app-version"><span>2.2.1</span></div>
|
||||
{/* Logo */}
|
||||
<div className="col-sm-3 col-md-4 col-lg-3 abox-1-logo">
|
||||
<img className="img-fluid" src="assets/images/app-logo-5.png" alt="app-logo" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="col-sm-9 col-md-8 col-lg-9 abox-1-txt">
|
||||
<h5 className="h5-xs">StocksHub</h5>
|
||||
<p>Aliquam an augue luctus undo purus</p>
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty mr-5" />
|
||||
4.45
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div> {/* END APP #5 LINK */}
|
||||
{/* APP #6 LINK */}
|
||||
<div className="col-md-6 wow fadeInUp" data-wow-delay="1.4s">
|
||||
<a href="#">
|
||||
<div className="row abox-1 d-flex align-items-center">
|
||||
{/* App Version */}
|
||||
<div className="app-version"><span>2.3.5</span></div>
|
||||
{/* Logo */}
|
||||
<div className="col-sm-3 col-md-4 col-lg-3 abox-1-logo">
|
||||
<img className="img-fluid" src="assets/images/app-logo-6.png" alt="app-logo" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="col-sm-9 col-md-8 col-lg-9 abox-1-txt">
|
||||
<h5 className="h5-xs">Equalizer 2</h5>
|
||||
<p>Aliquam an augue luctus undo purus</p>
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star mr-5" />
|
||||
4.0
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div> {/* END APP #6 LINK */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END MORE APPS-1 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END MORE APPS-1 */}
|
||||
{/* BLOG-1
|
||||
============================================= */}
|
||||
|
||||
<section id="blog-1" className="wide-60 blog-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
|
||||
Reference in New Issue
Block a user