@extends('layouts.default')
    @section('content')
    <main id="main">
    
    <div class="col-lg-12">
    
    </div>





    <!-- ======= Pricing Section ======= -->
    <section id="pricing" class="pricing section-bg">
      <div class="container-fluid">

        <div class="row">
          <div class="col-md-2"> </div>
          <div class="col-md-8"><div class="col-md-12">
            <div class="box innerconvert" data-aos="zoom-in">
                <h2>Speed Converter</h2>
              <div class="row">
                
                <div class="col-md-5">
                  <div class="form-group">
                       <select name="unit_from" id="from_speed_page" class="form-control">
                  <option value="">Select Speed</option>
                  <option disabled="disabled" class="title">Metric</option>
                  <option value="km/s">Kilometre per second</option>
                  <option value="m/s">Metre per second</option>
                  <option value="km/h">Kilometre per hour</option>
                  <option value="mm/s">Millimetre per second (mm/s)</option>
                  <option value="µm/s">Micrometre per second (µm/s)</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">British/American</option>
                  <option value="mile per second">Mile per second</option>
                  <option value="mph">Mile per hour (mph)</option>
                  <option value="foot per second">Foot per second</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">Nautical</option>
                  <option value="knot">Knot</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">Other</option>
                  <option value="speed of light">Speed of light</option>
                  <option value="speed of sound">Speed of sound</option>
                  <option value="speed of walk">A brisk walk</option>
                  <option value="speed of snail">Speed of a common snail</option>
                  </select>
                     
                      <span id="from_speed_page_err" class="frm-err"></span>    
                     
                 
                  </div>
                </div>
               
               <div class="col-md-2">
                  <div class="form-group">
                        <div class="form-group text-center">
                         <a href="javascript:void(0)" class="swap-speed-page"><img src="swap.jpg"class="swap_img_page"></a>
                     
                    </div>
                  </div>
                </div>
               
                <div class="col-md-5">
                  <div class="form-group">
                    <select name="unit_to" id="to_speed_page" class="form-control">
                     <option value="">Select Speed</option>
                  <option disabled="disabled" class="title">Metric</option>
                  <option value="km/s">Kilometre per second</option>
                  <option value="m/s">Metre per second</option>
                  <option value="km/h">Kilometre per hour</option>
                  <option value="mm/s">Millimetre per second (mm/s)</option>
                  <option value="µm/s">Micrometre per second (µm/s)</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">British/American</option>
                  <option value="mile per second">Mile per second</option>
                  <option value="mph">Mile per hour (mph)</option>
                  <option value="foot per second">Foot per second</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">Nautical</option>
                  <option value="knot">Knot</option>
                  <option disabled="disabled">&nbsp;</option>
                  <option disabled="disabled" class="title">Other</option>
                  <option value="speed of light">Speed of light</option>
                  <option value="speed of sound">Speed of sound</option>
                  <option value="speed of walk">A brisk walk</option>
                  <option value="speed of snail">Speed of a common snail</option>
                 
                    </select>
                     
                      <span id="to_speed_page_err" class="frm-err"></span>    
                     
                  </div>
                </div>
               
              </div>

                <div class="row">
                    <div class="col-md-5">
                   <div class="form-group">
                     <input type="number" id="speed_page_amount" name="speed_page_amount" aria-label="Amount"  class="form-control"/>
                       <span id="speed_page_amount_err" class="frm-err"></span>        
                  </div></div>
                    <div class="col-md-2"></div>
                    <div class="col-md-5">
                   <div class="form-group">
                     <input type="button" id="speed_page_btn" name="speed_page_btn" class="btn btn-info" value="CONVERT">
                            
                  </div></div>
                </div>
              <div class="row">
                    <div class="col-md-12" id="div_speed_page">
                           
                    </div>
                </div>
            
             </div>
             @include('includes/feeds');
          </div>
          <div class="col-md-2"> </div>

        </div>
      </div>
    </section><!-- End Pricing Section -->
    <div class="col-lg-12">
      
    </div>





  </main><!-- End #main -->
    @stop