devis.blade.php 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. @extends('frontend.layouts.navBar')
  2. @section('content')
  3. @include('backend.partials.import')
  4. .container {
  5. max-width: 1659px;
  6. }
  7. <style>
  8. .banner img {
  9. height: 389px;
  10. width: 100%;
  11. }
  12. .devis {
  13. position: absolute;
  14. top: 19%;
  15. left: 50%;
  16. transform: translate(-50%, -50%);
  17. color: #0071dc;
  18. font-size: 40px;
  19. font-weight: 600;
  20. }
  21. .container.devisForms{
  22. max-width: 1659px;
  23. margin-top: 96px;
  24. margin-bottom: 96px;
  25. }
  26. </style>
  27. <div class="page">
  28. <div class="banner">
  29. <img src="{{ asset('frontend/images/devis.jpg') }}" alt="">
  30. {{-- <div class="devis">Demande de Devis</div> --}}
  31. </div>
  32. <div class="container devisForms">
  33. <div class="row">
  34. <div class="col-lg-6 col-md-12 text-start">
  35. <h3>Formulaire de demande de devis</h3>
  36. Vous avez des questions a propos d'un produit ? ou plusieurs?
  37. Ce formulaire est à votre disposition, nous vous répondrons dans les meilleurs délais.
  38. </div>
  39. <div class="col-lg-5 col-md-12 text-start">
  40. <div class="card">
  41. <div class="card-body">
  42. <form method="post" action="{{route('devis.store')}}">
  43. @csrf
  44. <div class="form-group">
  45. <label> Nom </label>
  46. <input type="text" class="mt-2 form-control @error('email') is-invalid @enderror" placeholder=""
  47. name="nom">
  48. @error('email')
  49. <span class="invalid-feedback" role="alert">
  50. <strong>{{ $message }}</strong>
  51. </span>
  52. @enderror
  53. </div>
  54. <div class="form-group">
  55. <label> Téléphone </label>
  56. <input type="text" class="mt-2 form-control @error('email') is-invalid @enderror" placeholder=""
  57. name="telephone">
  58. @error('email')
  59. <span class="invalid-feedback" role="alert">
  60. <strong>{{ $message }}</strong>
  61. </span>
  62. @enderror
  63. </div>
  64. <div class="form-group">
  65. <label> Email </label>
  66. <input type="text" class="mt-2 form-control @error('email') is-invalid @enderror" placeholder=""
  67. name="email">
  68. @error('email')
  69. <span class="invalid-feedback" role="alert">
  70. <strong>{{ $message }}</strong>
  71. </span>
  72. @enderror
  73. </div>
  74. <div class="form-group">
  75. <label> Objet </label>
  76. <input type="text" class="mt-2 form-control @error('subject') is-invalid @enderror"
  77. placeholder="" name="objet">
  78. @error('subject')
  79. <span class="invalid-feedback" role="alert">
  80. <strong>{{ $message }}</strong>
  81. </span>
  82. @enderror
  83. </div>
  84. <div class="form-group">
  85. <label> Message </label>
  86. <textarea class="mt-2 form-control textarea @error('message') is-invalid @enderror" placeholder="Message"
  87. name="message"></textarea>
  88. @error('message')
  89. <span class="invalid-feedback" role="alert">
  90. <strong>{{ $message }}</strong>
  91. </span>
  92. @enderror
  93. </div>
  94. <div class="update ml-auto mr-auto d-flex justify-content-end">
  95. <button type="submit" class="btn btn-success btn-round">Envoyer</button>
  96. </div>
  97. </form>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. @endsection