@extends('layouts.app')

@section('css')
@endsection

@section('content')
<div class="container">
  <div class="row">
    <div class="col-lg-5 col-md-5 ml-auto">
      <div class="info-area info-horizontal mt-5">
        <div class="icon icon-primary">
          <i class="nc-icon nc-tv-2"></i>
        </div>
        <div class="description">
          <h5 class="info-title">Marketing</h5>
          <p class="description">
            We've created the marketing campaign of the website. It was a very interesting collaboration.
          </p>
        </div>
      </div>
      <div class="info-area info-horizontal">
        <div class="icon icon-primary">
          <i class="nc-icon nc-html5"></i>
        </div>
        <div class="description">
          <h5 class="info-title">Fully Coded in HTML5</h5>
          <p class="description">
            We've developed the website with HTML5 and CSS3. The client has access to the code using GitHub.
          </p>
        </div>
      </div>
      <div class="info-area info-horizontal">
        <div class="icon icon-info">
          <i class="nc-icon nc-atom"></i>
        </div>
        <div class="description">
          <h5 class="info-title">Built Audience</h5>
          <p class="description">
            There is also a Fully Customizable CMS Admin Dashboard for this product.
          </p>
        </div>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mr-auto">
      <div class="card card-signup text-center">
        <div class="card-header ">
          <h4 class="card-title">Register</h4>
          <div class="social">
            <button class="btn btn-icon btn-round btn-twitter">
              <i class="fa fa-twitter"></i>
            </button>
            <button class="btn btn-icon btn-round btn-dribbble">
              <i class="fa fa-dribbble"></i>
            </button>
            <button class="btn btn-icon btn-round btn-facebook">
              <i class="fa fa-facebook-f"></i>
            </button>
            <p class="card-description"> or be classical </p>
          </div>
        </div>
        <div class="card-body ">
          <form class="form" method="" action="">
            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text">
                  <i class="nc-icon nc-single-02"></i>
                </span>
              </div>
              <input type="text" class="form-control" placeholder="First Name...">
            </div>
            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text">
                  <i class="nc-icon nc-circle-10"></i>
                </span>
              </div>
              <input type="text" placeholder="Last Name..." class="form-control">
            </div>
            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text">
                  <i class="nc-icon nc-email-85"></i>
                </span>
              </div>
              <input type="email" class="form-control" placeholder="Email...">
            </div>
            <div class="form-check text-left">
              <label class="form-check-label">
                <input class="form-check-input" type="checkbox" checked="">
                <span class="form-check-sign"></span>
                I agree to the <a href="#something">terms and conditions</a>.
              </label>
            </div>
          </form>
        </div>
        <div class="card-footer ">
          <a href="javascript:;" class="btn btn-info btn-round">Get Started</a>
        </div>
      </div>
    </div>
  </div>
</div>        
@endsection
@section('scripts')

@endsection