import React, {Component} from 'react';

class Home extends React.Component {
    render() {
        return(
            <div>
        


        <div id="loader-wrapper">
			<div id="loading">
				<span className="cssload-loader"><span className="cssload-loader-inner"></span></span>
			</div>
		</div>

		<div id="page" className="page">
			<section id="hero-1" className="purple_gradient bg_shape_01 hero-section division">
				<div className="container white-color">		
					<div className="row d-flex align-items-center">

						<div className="col-md-7 col-lg-6">
							<div className="hero-1-txt pl-25 wow fadeInRight" data-wow-delay="0.6s">

								<div className="hero-app-logo"><img className="img-fluid" src="assets/images/app-logo.png" alt="hero-app-logo"/></div>

								
								<h2 className="h2-title-xs">Spend Your Time with Loved Ones</h2>

							
								<p>An enim nullam tempor sapien and gravida donec ipsum undo pretium porta integer justo velna</p>
								
																		
								<div className="stores-badge">

									<a href="#" className="store">
										<img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
									</a>
													
							
									<a href="#" className="store">
										<img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
									</a> 
												
								
								
								
								</div>

							</div>
						</div>


						
						<div className="col-md-5 col-lg-6">	
							<div className="hero-1-img text-center wow fadeInLeft" data-wow-delay="0.6s">
								<img className="img-fluid" src="assets/images/hero-1-img.png" alt="hero-image"/>
							</div>
						</div>	


					</div> 								
				</div>	


				
				<div className="bg_fixed incline_overlay"></div>


			</section>




			<section id="features-4" className="pt-50 features-section division">
				<div className="container">


				
					<div className="row">	
						<div className="col-lg-10 offset-lg-1">
							<div className="section-title text-center mb-70">		

							
								<h2 className="h2-md">Quick, Easy and Secure</h2>	

							
								<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>


			
			 		<div className="fbox-4-wrapper">
			 			<div className="row">


		 				
		 					<div id="fb-4-1" className="col-md-6">
		 						<div className="fbox-4 bg_whitesmoke mb-30 wow fadeInUp" data-wow-delay="0.4s">
		 							<div className="row d-flex align-items-center m-row">

										
										<div className="col-lg-8 m-bottom">
											<div className="fbox-4-txt">
											
											
												<h5 className="h5-sm">Quick Access</h5>

											
												<p className="p-md">Porta semper lacus cursus risus and feugiat primis undo sodales 
													a sapien magna at vitae congue tempus
												</p>

											</div>
										</div>

									
										<div className="col-lg-4 m-top">
											<div className="fbox-4-ico ico-100 text-center">
												<span className="flaticon-call"></span>
											</div>
										</div>

									</div>
		 						</div> 
		 					</div>

		 				
		 					<div id="fb-4-2" className="col-md-6">
		 						<div className="fbox-4 bg_whitesmoke mb-30 wow fadeInUp" data-wow-delay="0.6s">
		 							<div className="row d-flex align-items-center m-row">

										
										<div className="col-lg-8 m-bottom">
											<div className="fbox-4-txt">
											
												
												<h5 className="h5-sm">Group Messaging</h5>

												
												<p className="p-md">Porta semper lacus cursus risus and feugiat primis undo sodales 
													a sapien magna at vitae congue tempus
												</p>

											</div>
										</div>

									
										<div className="col-lg-4 m-top">
											<div className="fbox-4-ico ico-100 text-center">
												<span className="flaticon-user-1"></span>
											</div>
										</div>

									</div>	
		 						</div>  
		 					</div>	


		 			
		 					<div id="fb-4-3" className="col-md-6">
		 						<div className="fbox-4 bg_whitesmoke wow fadeInUp" data-wow-delay="0.8s">
		 							<div className="row d-flex align-items-center m-row">

										
										<div className="col-lg-8 m-bottom">
											<div className="fbox-4-txt">
											
												
												<h5 className="h5-sm">Alerts & Notifications</h5>

												
												<p className="p-md">Porta semper lacus cursus risus and feugiat primis undo sodales 
													a sapien magna at vitae congue tempus
												</p>

											</div>
										</div>

										
										<div className="col-lg-4 m-top">
											<div className="fbox-4-ico ico-100 text-center">
												<span className="flaticon-message"></span>
											</div>
										</div>

									</div>
		 						</div>  
		 					</div>


		 					
		 					<div id="fb-4-4" className="col-md-6">
		 						<div className="fbox-4 bg_whitesmoke wow fadeInUp" data-wow-delay="1s">
		 							<div className="row d-flex align-items-center m-row">

										
										<div className="col-lg-8 m-bottom">
											<div className="fbox-4-txt">
											
												
												<h5 className="h5-sm">Strong Encryption</h5>

												
												<p className="p-md">Porta semper lacus cursus risus and feugiat primis undo sodales 
													a sapien magna at vitae congue tempus
												</p>

											</div>
										</div>

										
										<div className="col-lg-4 m-top">
											<div className="fbox-4-ico ico-100 text-center">
												<span className="flaticon-chat-bubble"></span>
											</div>
										</div>

									</div>	
		 						</div>  
		 					</div>	


				 		</div>  
				 	</div>	


				</div>	   
			</section>




			
			<section id="content-3" className="wide-60 content-section division">
				<div className="container">


					
					<div id="cb-1-1" className="cbox-1 pb-25">
						<div className="row d-flex align-items-center">


							
							<div className="col-md-5 col-lg-6">
								<div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
									<img className="img-fluid" src="assets/images/img-11.png" alt="content-image"/>
								</div>
							</div>


								
							<div className="col-md-7 col-lg-6">
								<div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">

								
						 			<span className="section-id grey-color">Unlimited Access</span>

									
									<h2 className="h2-md">Stay connected with friends easily</h2>

								
									<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia
									   laoreet augue luctus magna dolor luctus at egestas sapien vitae. Nemo egestas volute and turpis dolores aliquam quaerat sodales a sapien
									</p>

							
									<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia
									   laoreet augue luctus magna dolor luctus and egestas sapien egestas vitae nemo volute
									</p>

								</div>
							</div>


						</div>	
					</div>	


					
					<div id="cb-1-2" className="cbox-1 rel">
			 			<div className="row d-flex align-items-center m-row">


							
							<div className="col-md-7 col-lg-6 m-bottom">
								<div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s">


									
									<div className="cbox mb-30">
										
										
										<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-video-player"></span></div> 

									
										<div className="cbox-txt">
											<h5 className="h5-sm">Text, Voice & Video Calls</h5>
											<p className="p-lg">Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis
											   potenti at suscipit quaerat ultrice tellus viverra
											</p>
										</div>
																																							
									</div>	


									<div className="cbox mb-30">

									
										<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-smiley"></span></div> 

									
										<div className="cbox-txt">
											<h5 className="h5-sm">Stickers, Emojis, Themes</h5>
											<p className="p-lg">Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis
												potenti at suscipit quaerat ultrice tellus viverra
											</p>
										</div>
																														
									</div>	


								
									<div className="cbox">
										
									
										<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-image"></span></div> 

								
										<div className="cbox-txt">
											<h5 className="h5-sm">Share Files & Media</h5>
											<p className="p-lg">Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis
												potenti at suscipit quaerat ultrice tellus viverra
											</p>
										</div>
																																							
									</div>


								</div>
							</div>	


						
							<div className="col-md-5 col-lg-6 m-top">
								<div className="img-block right-column pc-15 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
									<img className="img-fluid" src="assets/images/img-05.png" alt="content-image"/>
								</div>
							</div>


						</div> 	


					
						<div className="tra-bkg-wrapper">
							<div className="bg_el_01 wow fadeInRight" data-wow-delay="1s"></div>
							<div className="bg_el_05 wow fadeInRight" data-wow-delay="1s"></div>
						</div>


			 		</div>

				</div>    
			</section>	




		
			<section id="content-5" className="pb-80 content-section">
				<div className="bg-inner bg_purple_img pt-100 division">
					<div className="container white-color">
						<div className="row d-flex align-items-center">


							
							<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>

								
							
							<div className="col-md-7 col-lg-6">
								<div className="txt-block left-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">

										
					 				<span className="section-id">Fastest Messaging</span>

						 			
									<h2 className="h2-md">Unlimited calling, texting and picture messaging</h2>

									
									<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>	


						</div>	  
					</div>	   
				</div>			
			</section>	




			
			<section id="content-1" className="wide-60 mt-inverse-40 content-section division">
				<div className="container">
					<div className="row d-flex align-items-center m-row">


							
						<div className="col-md-7 col-lg-6 m-bottom">
							<div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s">

									
					 			<span className="section-id grey-color">Perfect Integration</span>

									
								<h2 className="h2-md">Work smarter with powerful features</h2>

									
								<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>

							</div>
						</div>


						
						<div className="col-md-5 col-lg-6 m-top">
							<div className="img-block right-column pc-20 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
								<img className="img-fluid" src="assets/images/img-02.png" alt="content-image"/>
							</div>
						</div>


					</div>	  
				</div>	   
			</section>	




			
			<section id="features-5" className="pb-50 features-section division">
				<div className="container">


				
					<div className="row">	
						<div className="col-lg-10 offset-lg-1">
							<div className="section-title text-center mb-70">		

									
								<h2 className="h2-md">Get Ready to Be Surprised</h2>	

								
								<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>


			 		
			 		<div className="fbox-5-wrapper pc-30">
			 			<div className="row">


		 					
		 					<div id="fb-5-1" className="col-md-6">
		 						<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.4s">

		 							
									<div className="fbox-ico ico-70 stateblue-color"><span className="flaticon-ads"></span></div>

									
									<div className="fbox-txt">
		
										
										<h5 className="h5-sm">Friendly Interface</h5>
											
										
										<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 id="fb-5-2" className="col-md-6">
		 						<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.4s">

		 							
									<div className="fbox-ico ico-70 stateblue-color"><span className="flaticon-switch"></span></div>

									
									<div className="fbox-txt">
		
										
										<h5 className="h5-sm">Powerful Options</h5>
											
										
										<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 id="fb-5-3" className="col-md-6">
		 						<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.6s">

		 							
									<div className="fbox-ico ico-70 stateblue-color"><span className="flaticon-pantone"></span></div>

									
									<div className="fbox-txt">
		
										
										<h5 className="h5-sm">Customization</h5>
											
										
										<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 id="fb-5-4" className="col-md-6">
		 						<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.6s">

		 							
									<div className="fbox-ico ico-70 stateblue-color"><span className="flaticon-user-1"></span></div>

									
									<div className="fbox-txt">
		
										
										<h5 className="h5-sm">Multiple Accounts</h5>
											
										
										<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 id="fb-5-5" className="col-md-6">
		 						<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.8s">

		 							
									<div className="fbox-ico ico-70 stateblue-color"><span className="flaticon-browser"></span></div>

									
									<div className="fbox-txt">
		
										
										<h5 className="h5-sm">Online Verification</h5>
											
										
										<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 id="fb-5-6" className="col-md-6">
		 						<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.8s">

		 							
									<div className="fbox-ico ico-70 stateblue-color"><span className="flaticon-spam"></span></div>

									
									<div className="fbox-txt">
		
										
										<h5 className="h5-sm">Spam Protection</h5>
											
										
										<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>  	
				 	</div>


			 	</div>	   		
			</section>	




			
			<section id="reviews-4" className="bg_aliceblue wide-60 reviews-section division">
				<div className="container">


						
					<div className="row">	
						<div className="col-lg-10 offset-lg-1">
							<div className="section-title text-center mb-60">		

									
								<h2 className="h2-md">Why Customers Love Us</h2>	

									
								<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>


					
					<div className="reviews-4-wrapper">
						<div className="row">


							
							<div className="col-lg-6">
								<div className="reviews-4-column">


									
									<div className="review-4 wow fadeInUp" data-wow-delay="0.4s">

										
										<div className="review-4-txt">
											<p>Etiam sapien sem at sagittis congue an augue massa varius an egestas suscipit magna 
												a tempus aliquet blandit <span className="txt-highlight">tempor sapien gravida donec</span> ipsum porta	 			   
											</p>
										</div>	

										
										<div className="review-4-data">

											
											<div className="app-rating ico-20 yellow-color">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
											</div>

											
											<h5 className="h5-sm">John Sweet</h5>
											<p>Mac Store Review, USA</p>	

										</div>

									</div>	


									
									<div className="review-4 wow fadeInUp" data-wow-delay="1s">

										
										<div className="review-4-txt">
											<p>An augue cubilia laoreet undo magna a suscipit egestas magna ipsum at ligula vitae
											   <span className="txt-highlight">purus ipsum primis</span> cubilia
											</p>
										</div>

										
										<div className="review-4-data">

											
											<div className="app-rating ico-20 yellow-color">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star-half-empty"></span>
											</div>

										
											<h5 className="h5-sm">Mark Hodges</h5>
											<p>Marketing Manager, Company</p>	

										</div>
										
									</div>	


								</div>
							</div>


				
							<div className="col-lg-6">
								<div className="reviews-4-column">


									
									<div className="review-4 mt-25 wow fadeInUp" data-wow-delay="0.8s">

										
										<div className="review-4-txt">
											<p>Mauris donec ociis magnis undo sapien etiam sapien congue augue pretium and ligula
											   augue lectus aenean  ociis magna donec and magnis sapien sagittis ipsum <span className="txt-highlight">sapien congue tempor gravida </span> a donec ipsum porta justo integer a velna mollis laoreet vitae mauris undo tortor tempor sapien gravida donec ipsum porta
											</p>
										</div>	

										
										<div className="review-4-data">

											
											<div className="app-rating ico-20 yellow-color">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
											</div>

											
											<h5 className="h5-sm">Dominic Johnson</h5>
											<p>Chief Strategist, Company</p>	
											
										</div>

									</div>	


								</div>
							</div>


						</div>  
					</div>	


							
			 		<div className="row">
			 			<div className="col-md-12">
			 				<div className="reviews-download-btn wow fadeInUp" data-wow-delay="1s">

				 											
								<div className="stores-badge mb-5">

									<a href="#" className="store">
										<img className="appstore-original" src="assets/images/appstore.png" alt="appstore-badge" />
									</a>
													
									<a href="#" className="store">
										<img className="googleplay-original" src="assets/images/googleplay.png" alt="googleplay-badge" />
									</a> 
								
																					
																		
								 
							
								</div>

								
								<span className="os-version">Available for iOS 8 and Android Devices From 5.5</span>

							</div>
						</div>
					</div>	


				</div>     
			</section>	




		
			<section id="content-11" className="wide-100 content-section division">
				<div className="container">


						
					<div className="row">	
						<div className="col-lg-10 offset-lg-1">
							<div className="section-title text-center mb-60">		

									
								<h2 className="h2-md">Chat with Your Friends Easily</h2>	

									
								<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>


			 	
			 		<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>

		
			 		<div className="row">
			 			<div className="col-md-12">
			 				<div className="content-11-btn ico-20 ico-right mt-60 wow fadeInUp" data-wow-delay="0.6s">

			 			
								<a href="https://www.youtube.com/watch?v=7e90gBu4pas" className="video-popup2 btn btn-md btn-rose tra-rose-hover">
								   See Float in Action <span className="flaticon-play-button"></span>
								</a> 

							
								<span className="os-version">Available on Android, iOS and macOS</span>

							</div>
						</div>
					</div>


				</div>	   
			</section>




			
			<section id="content-2" className="pb-50 content-section division">
				<div className="container">
					<div className="row d-flex align-items-center">


						
						<div className="col-md-5 col-lg-6">
							<div className="img-block left-column pc-20 mb-40 wow fadeInRight" data-wow-delay="0.6s">
								<img className="img-fluid" src="assets/images/img-01.png" alt="content-image"/>
							</div>
						</div>


							
						<div className="col-md-7 col-lg-6">
							<div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">

									
					 			<span className="section-id grey-color">Register in 30 Seconds</span>

									
								<h2 className="h2-md">Lightning fast and super powerful</h2>

									
								<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia 
								   laoreet augue luctus magna dolor luctus at egestas sapien vitae nemo egestas volute and 
								   turpis dolores aliquam quaerat sodales a sapien
								</p>

							</div>
						</div>	


					</div>	   
				</div>	   
			</section>	




			
			<section id="download-6" className="bg_selfy wide-100 download-section division">
				<div className="container white-color">
					<div className="row">	


						
						<div className="col-lg-6">	
							<div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">

									
					 			<span className="section-id">Voice & Video Calls</span>

							
								<h2 className="h2-md">Keep Your Favorite People Close to You</h2>	
								
									
								<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>

																			
								<div className="stores-badge">

									
									<a href={process.env.REACT_APP_APPLE_LINK} className="store">
										<img className="appstore" src="assets/images/appstore-white.png" alt="appstore-badge" />
									</a>
													
									
									<a href={process.env.REACT_APP_APPLE_LINK} className="store">
										<img className="googleplay" src="assets/images/googleplay-white.png" alt="googleplay-badge" />
									</a> 
												
								
																					
								
							
							
								</div>	

							</div>
						</div>	


					</div>    
				</div>	   	
			</section>	




			
			<section id="content-14" className="whitesmoke_shape content-section division">
				<div className="container">


						
					<div className="row">	
						<div className="col-lg-10 offset-lg-1">
							<div className="section-title text-center mb-40">		

									
								<h2 className="h2-md">Accessible for All Platforms</h2>	

									
								<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>


					
					<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/browser-edit.png" alt="content-image"/>
							</div>
						</div>	
					</div>	


				</div>     
			</section>	




			
			<section id="faqs-1" className="faqs-section division">				
				<div className="container">
					<div className="row">


						
						<div className="col-lg-4">
							<div className="faqs-1-title pc-10">

									
					 			<span className="section-id grey-color">FAQs</span>

								
								<h2 className="h2-md mb-20">Common Questions</h2>

									
								<p className="p-lg">Aliquam augue suscipit luctus neque purus ipsum neque dolor primis undo tempus,
									blandit and cursus varius
								</p>

							</div>
						</div>


						
						<div className="col-lg-8">
				 			<div id="accordion" role="tablist" className="pc-20">


			 					
			 					<div className="card grey-color">

			 						
								    <div className="card-header" role="tab" id="headingOne">
								      	<h5 className="h5-sm">
								       		<a data-toggle="collapse" href="#collapseOne" role="button" aria-expanded="true" aria-controls="collapseOne">
								         		Can I see Float in action before purchasing it?
								        	</a>
								    	 </h5>
								    </div>

								    
								    <div id="collapseOne" className="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
								     	<div className="card-body">

								     	   		
									       	<p className="p-lg">Maecenas gravida porttitor quis vehicula magna luctus tempor. Quisque 
									       	   vel laoreet turpis. Viverra urna augue, a augue dictum tempor. Sed pulvinar nibh consectetur varius viverra. Laoreet augue ac massa lorem nulla
											</p>	

								     	</div>
								   	</div>


								</div>	


								
								<div className="card grey-color">

									
								    <div className="card-header" role="tab" id="headingTwo">
								      	<h5 className="h5-sm">
								       	    <a className="collapsed" data-toggle="collapse" href="#collapseTwo" role="button" aria-expanded="false" aria-controls="collapseTwo">
								          		I’ve got iPhone 5. Is Float compatible with it?
								        	</a>
								     	 </h5>
								    </div>

								    
								    <div id="collapseTwo" className="collapse" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion">
								      	<div className="card-body">

												
								      		<p className="p-lg">Sagittis congue augue egestas volutpat egestas magna suscipit egestas
								      			magna ipsum vitae purus an efficitur ipsum primis in cubilia laoreet augue egestas luctus donec curabitur dapibus libero tempor
											</p>
								        
								     	 </div>
								    </div>

								</div>	


								
								<div className="card grey-color">

								 	
								    <div className="card-header" role="tab" id="headingThree">
								      	<h5 className="h5-sm">
								        	<a className="collapsed" data-toggle="collapse" href="#collapseThree" role="button" aria-expanded="false" aria-controls="collapseThree">
								         		What are the requirements for using Float?
								        	</a>
								     	 </h5>
								    </div>

								   	
								    <div id="collapseThree" className="collapse" role="tabpanel" aria-labelledby="headingThree" data-parent="#accordion">
								      	<div className="card-body">

								      			
								      		<p className="p-lg">Sagittis congue augue egestas volutpat egestas magna suscipit egestas 
								      			and magna ipsum vitae purus and efficitur ipsum primis in cubilia laoreet
											</p>
								        
								      			
											<p className="p-lg">Sapien egestas, congue gestas posuere cubilia congue ipsum mauris lectus
											   laoreet gestas neque vitae auctor eros dolor luctus placerat a magna cursus congue magna nihil mpedit ligula sem congue tempor gravida
											</p>

								      	</div>
								    </div>

								</div>	  


								
								<div className="card grey-color">

								 	
								    <div className="card-header" role="tab" id="headingFour">
								    	<h5 className="h5-sm">
								        	<a className="collapsed" data-toggle="collapse" href="#collapseFour" role="button" aria-expanded="false" aria-controls="collapseFour">   		
                                        		How does Float handle my privacy?
								        	</a>
								     	 </h5>
								    </div>

								    
								    <div id="collapseFour" className="collapse" role="tabpanel" aria-labelledby="headingFour" data-parent="#accordion">
								      	<div className="card-body">
								        	
								        	
								      		<p className="p-lg">An augue cubilia laoreet and magna suscipit egestas magna ipsum purus
								      		   ipsum primis and augue ultrice ligula egestas suscipit lectus gestas integer congue 
								      		   a lectus porta tristique phasellus neque blandit and tristique
											</p> 

								      	</div>
								    </div>

								</div>	  


								
								<div className="card last-card grey-color">

								 	
								    <div className="card-header" role="tab" id="headingFive">
								    	<h5 className="h5-sm">
								        	<a className="collapsed" data-toggle="collapse" href="#collapseFive" role="button" aria-expanded="false" aria-controls="collapseFive">   		
                                        		How can I cancel my account?
								        	</a>
								     	 </h5>
								    </div>

								    
								    <div id="collapseFive" className="collapse" role="tabpanel" aria-labelledby="headingFive" data-parent="#accordion">
								      	<div className="card-body">

								      		
											<p className="p-lg">Curabitur ac dapibus libero. Quisque eu congue tristique neque. Phasellus
											   blandit tristique justo undo aliquam. Aliquam vitae molestie nunc. Quisque sapien justo, aliquet non molestie sed purus, venenatis sem tempor
											</p> 

								      	</div>
								    </div>

								</div>	  

																			
							</div>	


									
							<div className="more-questions pc-20 mt-35">
								<h5 className="h5-sm"><span className="flaticon-check"></span> 
									Have more questions? <a href="contacts.html" className="violet-color">Ask your question here</a>
								</h5>
							</div>


						</div>  

					</div>	
				</div>	   	
			</section>	




			
			<section id="more-apps-1" className="bg_aliceblue wide-70 moreapps-section division">
				<div className="container">


						
					<div className="row">	
						<div className="col-lg-10 offset-lg-1">
							<div className="section-title text-center mb-70">		

									
								<h2 className="h2-md">More Apps by DSAThemes</h2>	

									
								<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>


						
					<div className="abox-1-wrapper">
						<div className="row">


							
							<div className="col-md-6 wow fadeInUp" data-wow-delay="0.4s">
								<a href="#">
									<div className="row abox-1 d-flex align-items-center">

												
										<div className="app-version"><span>2.0.1</span></div>
									
										
										<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>

											
										<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>

											
											<div className="app-rating ico-20">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star-half-empty mr-5"></span>	
												4.3
											</div>

										</div>
									
									</div>
								</a>
							</div>	


							
							<div className="col-md-6 wow fadeInUp" data-wow-delay="0.6s">
								<a href="#">
									<div className="row abox-1 d-flex align-items-center">

												
										<div className="app-version"><span>1.3.9</span></div>
									
										
										<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>

											
										<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>

											
											<div className="app-rating ico-20">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star mr-5"></span>	
												5.0
											</div>

										</div>
									
									</div>
								</a>
							</div>	


							
							<div className="col-md-6 wow fadeInUp" data-wow-delay="0.8s">
								<a href="#">
									<div className="row abox-1 d-flex align-items-center">

												
										<div className="app-version"><span>4.1.6</span></div>
									
										
										<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>

											
										<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>

											
											<div className="app-rating ico-20">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star-half-empty mr-5"></span>	
												4.65
											</div>

										</div>
									
									</div>
								</a>
							</div>	


							
							<div className="col-md-6 wow fadeInUp" data-wow-delay="1s">
								<a href="#">
									<div className="row abox-1 d-flex align-items-center">

												
										<div className="app-version"><span>14.1.0</span></div>
									
									
										<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>

											
										<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>

											
											<div className="app-rating ico-20">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star-half-empty mr-5"></span>	
												4.21
											</div>

										</div>
									
									</div>
								</a>
							</div>	


							
							<div className="col-md-6 wow fadeInUp" data-wow-delay="1.2s">
								<a href="#">
									<div className="row abox-1 d-flex align-items-center">

												
										<div className="app-version"><span>2.2.1</span></div>
									
										
										<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>

											
										<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>

											
											<div className="app-rating ico-20">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star-half-empty mr-5"></span>	
												4.45
											</div>

										</div>
									
									</div>
								</a>
							</div>	


						
							<div className="col-md-6 wow fadeInUp" data-wow-delay="1.4s">
								<a href="#">
									<div className="row abox-1 d-flex align-items-center">

												
										<div className="app-version"><span>2.3.5</span></div>
									
										
										<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>

											
										<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>

											
											<div className="app-rating ico-20">
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star"></span>
												<span className="flaticon-star mr-5"></span>
												4.0
											</div>

										</div>
									
									</div>
								</a>
							</div>

						
						</div>    
					</div>	


				</div>	   
			</section>	




			
			<section id="blog-1" className="wide-60 blog-section division">				
				<div className="container">


						
					<div className="row">	
						<div className="col-lg-10 offset-lg-1">
							<div className="section-title text-center mb-70">		

									
								<h2 className="h2-md">Our Tips and Latest News</h2>	

									
								<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>


			 
				 	<div className="row">


				 	
				 		<div id="b-post-1" className="col-md-6 col-lg-4">
				 			<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">	
			 			
					 			
					 			<div className="blog-post-img">
									<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
								</div>

								
								<div className="blog-post-txt">

									
									<p className="p-md post-tag">Float News</p>	

									
									<h5 className="h5-sm">
										<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
									</h5>

									
									<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna
										dolor vitae auctor congue 
									</p>

									
									<div className="post-meta">
										<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar"/></div>
										<p>12 min read</p>
									</div>	

								</div>

							</div>
				 		</div>	


						
				 		<div id="b-post-2" className="col-md-6 col-lg-4">
				 			<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">	
			 			
					 			
					 			<div className="blog-post-img">
									<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
								</div>

								
								<div className="blog-post-txt">

									
									<p className="p-md post-tag">Inspiration</p>	

									
									<h5 className="h5-sm">
										<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and 
										   dolor libero risus
										</a>
									</h5>

									
									<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna
										dolor vitae auctor congue 
									</p>

									
									<div className="post-meta">
										<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar"/></div>
										<p>8 min read</p>
									</div>	

								</div>	

							</div>
				 		</div>	


				 		
				 		<div id="b-post-3" className="col-md-6 col-lg-4">
				 			<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">	
			 			
					 			
					 			<div className="blog-post-img">
									<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
								</div>

								
								<div className="blog-post-txt">

									
									<p className="p-md post-tag">Tutorials</p>	

									
									<h5 className="h5-sm">
										<a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
									</h5>

									
									<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna
										dolor vitae auctor congue 
									</p>

									
									<div className="post-meta">
										<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar"/></div>
										<p>22 min read</p>
									</div>	

								</div>	

							</div>
				 		</div>	

					</div>	

				</div>	   		
			</section>	


			<section id="newsletter-1" className="pb-20 newsletter-section division">
				<div className="container">
					<div className="newsletter-wrapper bg_white">
						<div className="row d-flex align-items-center">


								
							<div className="col-lg-6">
								<div className="newsletter-txt">	

										
						 			<span className="section-id">Subscribe to Our Newsletter</span>

						 				
									<h4 className="h4-xl">Stay up to date with our news, ideas and updates</h4>	

								</div>								
							</div>


							
							<div className="col-lg-6">
								<form className="newsletter-form">
											
									<div className="input-group">
										<input type="email" className="form-control" placeholder="Your email address" required id="s-email"/>								
										<span className="input-group-btn">
											<button type="submit" className="btn btn-md btn-rose tra-rose-hover">Subscribe Now</button>
										</span>										
									</div>

										
									<label className="form-notification"></label>
												
								</form>							
							</div>	 


						</div>	  
					</div>    
				</div>	   	
			</section>		

		</div>	



            </div>

        )
    }
}
export default Home 