@extends('web_ecom.master')
@section('content')
    <main class="main">
        <div class="container mt-4">
            <div class="row">
                <div class="col-md-8">
                    <h2 class="light-title">Escribenos <strong>ahora</strong></h2>
                    <form action="" method="POST">
                        <div class="form-group required-field">
                            <label for="contact-name">Nombres y apellidos</label>
                            <input type="text" class="form-control" id="contact-name" name="nombres" required
                                   placeholder="Nombres y apellidos completos" value="">
                        </div><!-- End .form-group -->

                        <div class="form-group required-field">
                            <label for="contact-email">Correo Electrónico</label>
                            <input type="email" class="form-control" id="contact-email" name="correo" required
                                   placeholder="Ingresa tu correo" value="">

                        </div><!-- End .form-group -->

                        <div class="form-group">
                            <label for="contact-phone">Telefono</label>
                            <input type="tel" class="form-control" id="contact-phone" name="telefono"
                                   placeholder="Ingresa tu telefono" value="">

                        </div><!-- End .form-group -->

                        <div class="form-group required-field">
                            <label for="contact-message">En que podemos ayuarte?</label>
                            <textarea cols="30" rows="1" id="contact-message" class="form-control" name="mensaje"
                                      required placeholder="Escribe tu consulta"></textarea>

                        </div><!-- End .form-group -->

                        <div class="form-footer">
                            <button type="submit" class="btn btn-primary" style="background: #232f3e">Enviar</button>
                        </div><!-- End .form-footer -->
                    </form>
                </div><!-- End .col-md-8 -->

                <div class="col-md-4">
                    <h2 class="light-title">Datos de <strong>Contacto</strong></h2>

                    <div class="contact-info">
                        <div>
                            <i class="icon-phone"></i>
                            <p><a href="tel:">0201 203 2032</a></p>
                            <p><a href="tel:">0201 203 2032</a></p>
                        </div>
                        <div>
                            <i class="icon-mobile"></i>
                            <p><a href="tel:">201-123-3922</a></p>
                            <p><a href="tel:">302-123-3928</a></p>
                        </div>
                        <div>
                            <i class="icon-mail-alt"></i>
                            <p><a href="mailto:#">porto@gmail.com</a></p>
                            <p><a href="mailto:#">porto@portotemplate.com</a></p>
                        </div>
                        <div>
                            <i class="icon-skype"></i>
                            <p>porto_skype</p>
                            <p>porto_template</p>
                        </div>
                    </div><!-- End .contact-info -->
                </div><!-- End .col-md-4 -->
            </div><!-- End .row -->
        </div>
    </main>

@endsection