@extends('welcome')

@section('content')

<section class="switchable bg--secondary space--md pdb-30 xspadding">
			<div class="about-info">
				<div class="container">
					<div class="row">
						<div class="col-md-12"> 
							<h2 class="title-head pdB-00">How It   <span>  Work 	</span></h2>
							<div class="seperator">
								<span><i class="fa fa-clipboard"></i></span>
							</div>		
						</div>  
					</div>
					
					<section class="aboutDiv">
						<div class="container">  
							<div class="row pdt50"> 
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step1.png') }}" alt="" />
									</div>
								</div>								
								<div class="col-md-6 col-xs-12">
									  <h3>Follow Step 1 </h3>  
									<p>
										Open Google Chrome browser > Type “BhashaLekhan.com” > Click Enter.

									</p>  
								</div>
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step1.png') }}" alt="" />
									</div>
								</div>								
							</div>

							<div class="row pdt50 xs-pd15">  
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step2.png') }}" alt="" />
									</div>
								</div>
								<div class="col-md-6 col-xs-12">
									  <h3>Follow Step 2 </h3>  
									<p>
										Click on 1st option “BhashaLekhan.com”.

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

							<div class="row pdt50 xs-pd15">  

								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step3.png') }}" alt="" />
									</div>
								</div>								
								<div class="col-md-6 col-xs-12">
									  <h3>Follow Step 3 </h3>  
									<p>
										 BhashaLekhan website opened. > Click on “Login”  
									</p>  
								</div>	

								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step3.png') }}" alt="" />
									</div>
								</div>								
							</div>	

							<div class="row pdt50 xs-pd15"> 
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step4.png') }}" alt="" />
									</div>
								</div>	  
								<div class="col-md-6 col-xs-12">
									  <h3>Follow Step 4 </h3>  
									<p>
										 Login Screen opened. > Click on “DownloadKey”.
									</p>  
								</div>	
							
							</div>		

							<div class="row pdt50 xs-pd15">  
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step5.png') }}" alt="" />
									</div>
								</div>	
							
								<div class="col-md-6 col-xs-12">
									  <h3>Follow Step 5 </h3>  
									<p>
										 Enter Email & Password provided to you.  > Click “Download”.
									</p>  
								</div>	
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step5.png') }}" alt="" />
									</div>
								</div>								
							
							</div>	
							<div class="row pdt50 xs-pd15">
   	
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step6.png') }}" alt="" />
									</div>
								</div>								
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 6 </h3>  
									<p>
										A file is Downloaded with the name of “BhL-Session-Manager-App“.
									</p>  
								</div>							
							</div>	

							<div class="row pdt50 xs-pd15"> 
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/note.png') }}" alt="" />
									</div>
								</div>	
							
							    <div class="col-md-6 col-xs-12">
									  <h3>Note <span class="noteIcon"><img src="{{ URL::asset('/images/img_not.png') }}" alt="" /></h3> </span> 
									<p>
										If file now shown like above image, Then go to Downloads folder in your system.

									</p>  
								</div>	
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/note.png') }}" alt="" />
									</div>
								</div>								
							</div>	

							<div class="row pdt50 xs-pd15">  	
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step7.png') }}" alt="" />
									</div>
								</div>								
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 7 </h3> </span> 
									<p>
										Double click on “BhL-Session-Manager-App“. A screen will comes where you have to put username provided to you. Then Click “OK”.

									</p>  
								</div>								
							</div>
							
							<div class="row pdt50 xs-pd15">  	
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/note1.png') }}" alt="" />
									</div>
								</div>							
							    <div class="col-md-6 col-xs-12">
									  <h3>Note 1 <span class="noteIcon"><img src="{{ URL::asset('/images/img_not.png') }}" alt="" /></h3> </span> 
									<p>
										 After double click on <b>“BhL-Session-Manager-App“.</b> If  below screen shows then click on Run Anway.
 
									</p>  
								</div>	
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/note1.png') }}" alt="" />
									</div>
								</div>								
							</div>		

							<div class="row pdt50 xs-pd15">  	
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step8.png') }}" alt="" />
									</div>
								</div>								
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 8 </h3> </span> 
									<p>
										 After clicking <b>“OK”</b> . This screen comes.


									</p>  
								</div>								
							</div>		
 
							<div class="row pdt50 xs-pd15"> 
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step9.png') }}" alt="" />
									</div>
								</div>							
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 9 </h3> </span> 
									<p>
										 Now come again to <b>“BhashaLekhan.com” </b>& Click Input Tool
									</p>  
								</div>
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step9.png') }}" alt="" />
									</div>
								</div>								
							</div>

							<div class="row pdt50 xs-pd15"> 
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step10.png') }}" alt="" />
									</div>
								</div>							
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 10 </h3> </span> 
									<p>
										 Chrome Web store will be opened. Click <b>“Add to Chrome”</b>

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

							<div class="row pdt50 xs-pd15">
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step11.png') }}" alt="" />
									</div>
								</div>							
							
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 11 </h3> </span> 
									<p> 
										  Click <b>“Add Extension”</b> 
									</p>  
								</div>
								
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step11.png') }}" alt="" />
									</div>
								</div>
								
							</div>
							
							<div class="row pdt50 xs-pd15"> 
								
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step12.png') }}" alt="" />
									</div>
								</div>
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 12 </h3> </span> 
									<p> 
										  Now click on Input tool icon shown in below image > Click on <b>“Extension option”</b>

									</p>  
								</div>								
								
							</div>	
							
							<div class="row pdt50 xs-pd15"> 
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step13.png') }}" alt="" />
									</div>
								</div>							
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 13 </h3> </span> 
									<p> 
										  Choose <b>Hindi – हिन्दी </b>from Add Input tool option & Close the window.
									</p>  
								</div>
								
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step13.png') }}" alt="" />
									</div>
								</div>
								
							</div>		
							
							<div class="row pdt50 xs-pd15"> 
								
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step9.png') }}" alt="" />
									</div>
								</div>
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 14 </h3> </span> 
									<p> 
										  Come to <b>BhashaLekhan.com</b> website and click on Login .and Enter your <b> Email ID & Password</b>And click <b>“Sign In” .</b>


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

							<div class="row pdt50 xs-pd15"> 
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step15.png') }}" alt="" />
									</div>
								</div>							
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 15 </h3> </span> 
									<p> 
										  Your are now landed on your DashBoard. Click on Voice Recording tab > Then Choose Language option.
									</p>  
								</div>
								
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step15.png') }}" alt="" />
									</div>
								</div>
								
							</div>	
							<div class="row pdt50 xs-pd15"> 
								
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step16.png') }}" alt="" />
									</div>
								</div>
							    <div class="col-md-6 col-xs-12 blockspan">
									  <h3 style="margin-top:0px;">Follow Step 16 </h3> </span> 
									<p> Choose Hindi or English as per your requirement.  Now you are landed on Add New note Section. Now you have following options :
									<span>
									    <b>Start Recognition:</b> TO start speaking 
									</span> 
									<span>
									     <b>Pause Recognition:</b> to pause speaking , to again start you  need to click on start again.
									</span>
									<span>
									     <b>Save note : </b> To save the data your have written in your text editor. 
									</span>
									Your have 2 options here edit and delete for your use.
									<span><b>Send Email:</b> Send your written data to your email by clicking this button. </span>
									<span><b>Note : </b>it will have your own user email id as default. If you want to add other mail id remove the existing mail id and enter new mail id in textbox.</span>

									<span><b>Save:</b> Save a file as a doc for print purpose.</span>
									<span><b>Clear: </b>To clear your data from text Editor.</span>

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


							<div class="row pdt50 xs-pd15"> 
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step17.png') }}" alt="" />
									</div>
								</div>							
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 17 </h3> </span> 
									<p> 
										   If you want to add some tough or out of hindi language words you need to use input tool . To enable hindi input . Click on Input tool icon > Click on <b>हिंदी </b>
									</p>  
								</div>
								
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step17.png') }}" alt="" />
									</div>
								</div>
								
							</div>	

							<div class="row pdt50 xs-pd15">  
								
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step18.png') }}" alt="" />
									</div>
								</div>
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 18 </h3> </span> 
									<p> now you enter your words in editor like below image.

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


							<div class="row pdt50 xs-pd15">  
								<div class="col-md-6 col-xs-12 ImageScreen desktop-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step19.png') }}" alt="" />
									</div>
								</div>							
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 19 </h3> </span> 
									<p> If you want to use templates . then select templates from Templates tab in left side of your dashboard.

									</p>  
								</div>									
								<div class="col-md-6 col-xs-12 ImageScreen xs-hidden">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step19.png') }}" alt="" />
									</div>
								</div>
							
								
							</div>	

							<div class="row pdt50 xs-pd15">  
										
								<div class="col-md-6 col-xs-12 ImageScreen">
									<div class="imhholder">   
										<img src="{{ URL::asset('/images/step20.png') }}" alt="" />
									</div>
								</div>
						
							    <div class="col-md-6 col-xs-12">
									  <h3>Follow Step 20 </h3> </span> 
									<p>  For any other queries or help please call us on +91-7061128990,
                                         <b> 9650281825, 9650199931 </b> or mail us at : <b>support@bhashalekhan.com </b>

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

@endsection