app.blade.php 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="csrf-token" content="{{ csrf_token() }}">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8. <title>Snyder Hemband</title>
  9. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  10. <link rel="stylesheet" href="{{asset('vendor/fontawesome/css/all.min.css')}}">
  11. <link rel="stylesheet" href="{{asset('/css/style.css')}}" />
  12. <script src="{{ asset('/vendor/js/jquery-3.5.1.min.js') }}"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
  14. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
  15. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
  16. </head>
  17. <body>
  18. <div class="top-blue">
  19. <div class="container">
  20. <div class="text-end align-items-center d-flex justify-content-end">
  21. <a class="ms-sm-3" href="#">For Phycisians</a>
  22. <a class="ms-3" href="#">For Patients</a>
  23. <span class="ms-3">|</span>
  24. <a class="ms-3" href="#">Login</a>
  25. <a class="ms-3" href="#">Register</a>
  26. </div>
  27. </div>
  28. </div>
  29. <div class="container">
  30. <nav class="navbar navbar-expand-lg py-3">
  31. <div class="container-fluid p-0 d-flex position-relative">
  32. <a class="navbar-brand" href="{{route('index')}}">
  33. <img src="{{asset('/img/logo.svg')}}" alt="Logo">
  34. </a>
  35. <div>
  36. <div class="d-flex align-items-center">
  37. <a class="d-lg-none d-inline btn rounded-0 btn-pry px-3 py-2" href="{{ route('index') }}">Order Now</a>
  38. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navBar" aria-controls="navBar" aria-expanded="false" aria-label="Toggle navigation">
  39. <i class="fas fa-bars"></i>
  40. </button>
  41. </div>
  42. <div class="collapse navbar-collapse" id="navBar">
  43. <ul class="navbar-nav ms-auto align-items-lg-center">
  44. <li class="nav-item">
  45. <a class="nav-link" href="{{ route('snyderhemband') }}">Snyder Hemband</a>
  46. </li>
  47. <li class="nav-item dropdown">
  48. <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  49. Hemorrhoids
  50. </a>
  51. <ul class="dropdown-menu dropdown-menu-end p-0">
  52. <li>
  53. <a class="dropdown-item" href="{{route('aboutHem')}}">
  54. <h6 class="mb-1">About hemorrhoids</h6>
  55. <small>What are hemorrhoids? All you need to know</small>
  56. </a>
  57. </li>
  58. <li>
  59. <a class="dropdown-item" href="{{route('treatment')}}">
  60. <h6 class="mb-1">Treatment guide</h6>
  61. <small>Let’s learn a bit more about Snyder Hemband.</small>
  62. </a>
  63. </li>
  64. <li>
  65. <a class="dropdown-item" href="{{route('postCare')}}">
  66. <h6 class="mb-1">Post-treatment care</h6>
  67. <small>All questions answered.</small>
  68. </a>
  69. </li>
  70. </ul>
  71. </li>
  72. <li class="nav-item">
  73. <a class="nav-link" href="{{ route('compare') }}">Comparing treatment options</a>
  74. </li>
  75. <li class="nav-item">
  76. <a class="nav-link" href="{{ route('contact') }}">Contact us</a>
  77. </li>
  78. <li class="nav-item d-lg-block d-none">
  79. <a class="btn px-4 py-2 rounded-0 btn-pry" href="{{ route('index') }}">Order Now</a>
  80. </li>
  81. </ul>
  82. </div>
  83. </div>
  84. </div>
  85. </nav>
  86. </div>
  87. @yield('content')
  88. <footer>
  89. <div class="bg-light py-5">
  90. <div class="container">
  91. <div class="row align-items-center justify-content-center">
  92. <div class="col-xl-2 col-lg-3 col-4">
  93. <img src="{{asset('img/fda.svg')}}" class="w-100" alt="">
  94. </div>
  95. <div class="col-lg-4 col-6 border-lg-start ft-spacing">
  96. <h4>Useful links</h4>
  97. <p><a href="#"><u>Ligation wikipedia</u></a></p>
  98. <p><a href="#"><u>What are hemorrhoids</u></a></p>
  99. <p><a href="#"><u>What is Snyder Hemband</u></a></p>
  100. <p><a href="#"><u>How it works</u></a></p>
  101. <p><a href="#"><u>Treatment options comparision</u></a></p>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="bg-grey py-5">
  107. <div class="container">
  108. <div class="d-lg-flex align-items-center justify-content-between w-100">
  109. <h4 class="header m-0">Considering Snyder Hemband? <br class="d-md-none d-block"> Reach out!</h4>
  110. <a href="{{route('contact')}}" class="btn btn-pry px-5 mt-lg-0 mt-3">Contact us</a>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="bg-pry pt-5">
  115. <div class="container">
  116. <div class="row mb-4">
  117. <div class="col-lg-3 mb-4">
  118. <img src="{{asset('img/logo_white.svg')}}" width="220" alt="">
  119. </div>
  120. <div class="col-lg-3 col-md-4">
  121. <p class="mb-4"><a href="#" class="text-white">Snyder Hemband</a></p>
  122. <div class="dropdown">
  123. <a class="text-white mb-4 d-block dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  124. Get rid of Hemorrhoids
  125. </a>
  126. <ul class="dropdown-menu">
  127. <li><a class="dropdown-item" href="{{route('aboutHem')}}">About hemorrhoids</a></li>
  128. <li><a class="dropdown-item" href="{{route('treatment')}}">Treatment guide</a></li>
  129. <li><a class="dropdown-item" href="{{route('postCare')}}">Your treatment with Snyder Hemband</a></li>
  130. </ul>
  131. </div>
  132. <p class="mb-4"><a href="{{route('compare')}}" class="text-white">Comparing treatment options</a></p>
  133. </div>
  134. <div class="col-lg-3 col-md-3 offset-lg-0 offset-md-1">
  135. <p class="mb-4"><a href="#" class="text-white">For patients</a></p>
  136. <p class="mb-4"><a href="#" class="text-white">For physicians</a></p>
  137. <p class="mb-4"><a href="#" class="text-white">Login</a></p>
  138. <p class="mb-4"><a href="#" class="text-white">Register</a></p>
  139. </div>
  140. <div class="col-lg-3 col-md-4">
  141. <p class="mb-4"><a href="{{route('contact')}}" class="text-white">Contact form</a></p>
  142. <p class="mb-4"><a href="#" class="text-white">info@snyderhemband.org</a></p>
  143. <p class="mb-4"><a href="#" class="text-white">+XXX XXX XXX</a></p>
  144. </div>
  145. </div>
  146. <hr class="bg-white">
  147. <div class="d-flex flex-lg-row flex-column-reverse text-lg-start text-center align-items-center justify-content-between pb-2">
  148. <div class="text-white mt-lg-0 mt-2">
  149. <span class="opacity-75">&copy; 2022 SNYDER HEMBAND - All rights reserved.</span>
  150. </div>
  151. <div class="d-sm-flex">
  152. <a href="#"><img src="{{asset('img/fda_white.svg')}}" alt=""></a>
  153. <div class="mt-sm-0 mt-2">
  154. <a href="#" class="ms-sm-4 text-white opacity-75">Privacy Policy</a>
  155. <a href="#" class="ms-4 text-white opacity-75">Terms and conditions</a>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </footer>
  162. </body>
  163. </html>