@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')

<section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h5>Contact Us</h5>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="#">Contact Us</a></li>
          </ol>
        </div>
      </div>
    </div>
  </section>

  <section class="content">
    <div class="container-fluid">

        <div class="row">
                
            <div class="col-md-12">
                    
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Contact Us</h3>
                    </div>
                      
                    <form role="form">
                        <div class="card-body">
                            <div class="row form-group space-top">
                                <label class="col-2 required">First Name</label>
                                <input type="text" class="form-control col-4" placeholder="First Name" required>
                                <label class="col-2">Last Name</label>
                                <input type="text" class="form-control col-4" placeholder="Last Name">
                            </div>
                            <div class="row form-group">
                                <label class="col-2 required">Email Id</label>
                                <input type="email" class="form-control col-4" placeholder="Email Id" required>
                                <label class="col-2 required">Mobile No.</label>
                                <input type="number" class="form-control col-4" placeholder="Mobile No." required>
                            </div>
                            <div class=" row form-group">
                                <label class="col-2">Description</label>
                                <textarea class="form-control col-10" style="height: 100%;" rows="3" placeholder="Description ..."></textarea>
                            </div>
                        </div>

                        <div class="card-footer">
                          <button type="submit" class="btn btn-primary">Submit</button>
                          {{Form::reset('Reset', ['class'=>'btn btn-primary'])}}
                        </div>
                    </form>
                </div>
            </div>

        </div>

        <div class="row">
                
            <div class="col-md-12">
                    
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Support</h3>
                    </div>
                        
                    
                    <div class="card-body">
                        <div class="row text-center form-group space-top">
                            <div class="col-4">
                                <div style="font-size:1.3rem;">
                                    <b><i class="fa fa-map-marker"></i> Address</b>
                                </div>
                                <div>
                                    <a href="https://www.google.com/maps/place/Sky+Tech+Hub/@18.4795081,73.8888953,17z/data=!3m1!4b1!4m5!3m4!1s0x3bc2ea7db808e76f:0xcb80b1c2ac8f4651!8m2!3d18.479503!4d73.891084" target="_blank"> Siddhi Tower, Opp. Domino's Pizza, Near Jyoti Restaurant Above Rupee Bank, 2nd Floor NIBM Road, Kondhwa Khurd, Pune 411048.</a>
                                </div>
                            </div>
                            <div class="col-4">
                                <div style="font-size:1.3rem;">
                                    <b><i class="fa fa-phone"></i> Lets Talk</b>
                                </div>
                                <div>
                                   <a href="tel:02026832627"> 020 26832627 </a>   
                                </div>
                                <div>
                                    <a href="tel:+91 9623455544">+91 9623455544</a>
                                </div>
                            </div>
                            <div class="col-4">
                                <div style="font-size:1.3rem;">             
                                    <b><i class="fa fa-envelope"></i> General Support</b>
                                </div>
                                <div>
                                	<a href="mailto:info@skytechhub.in?subject= &amp;body=">info@skytechhub.in</a>
                                </div>
                                <div>
                                	<a href="mailto:contact@skytechhub.in?subject= &amp;body=">contact@skytechhub.in</a>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>
            </div>

        </div>

    </div>
  </section>

@endsection