@extends('layouts.master')

@section('content')
<link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:300i,400,400i,600,700,700i" rel="stylesheet">
<style> 
.content-header{margin:0px auto;width:21cm;font-family: 'Montserrat', sans-serif !important;}
.app a{color:#000;text-decoration:none;font-family: 'Montserrat', sans-serif !important;}
.page-description.fontP{font-size:17px;font-family: 'Montserrat', sans-serif !important;} 
.mr-top{margin-top:70px;} 

</style>
<!-- Default box -->
    <section class="content-header">
		<h1 style="font-family: 'Montserrat', sans-serif !important;">
			Choose Language
			
		</h1>
		<ol class="breadcrumb">
			<li><a href="/"><i class="fa fa-dashboard"></i> Home</a></li>
			<li class="active">Dashboard</li>
			<li class="active">Select-langage</li>  
		</ol>
	  
		<div class="mr-top text-center">
			
			<h1 style="font-family: 'Montserrat', sans-serif !important;">Voice Controlled Notes App</h1>
			<p class="page-description fontP">Please select speech recognition language.</p>
			


			<div class="app"> 
				<a href="/hindi-recognition" style="font-family: 'Montserrat', sans-serif !important;"><button class="cbtn">Hindi</button></a>
				<a href="/english-recognition" style="font-family: 'Montserrat', sans-serif !important;"><button class="cbtn">English</button></a>
				
			</div>
		</div>  
    </section>
	

     
@endsection