register.blade.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Research Admission</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
  8. <meta name="keywords" content="" />
  9. <!-- facebook tags -->
  10. <meta property="og:url" content="http://www.facebook.com/researchadmission"/>
  11. <meta property="og:type" content="website"/>
  12. <meta property="og:title" content="Research Admission"/>
  13. <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
  14. <!-- Linkedin tags -->
  15. <meta property="og:url" content="https://www.linkedin.com/company/researchadmission"/>
  16. <meta property="og:type" content="website"/>
  17. <meta property="og:title" content="Research Admission"/>
  18. <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
  19. <!-- favicon -->
  20. <link rel="shortcut icon" href="{{asset('web/images/logo.png') }}">
  21. <!-- Bootstrap -->
  22. <link href="{{ asset('web/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
  23. <!-- tobii css -->
  24. <link href="{{asset('web/css/tobii.min.css')}}" rel="stylesheet" type="text/css" />
  25. <!-- Icons -->
  26. <link href="{{asset('web/css/materialdesignicons.min.css')}}" rel="stylesheet" type="text/css" />
  27. <link rel="stylesheet" type="text/css" href="{{ asset('web/stylesheets/font-awesome.min.css') }}" />
  28. <link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
  29. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
  30. <!-- Slider -->
  31. <link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
  32. <!-- Main Css -->
  33. <link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
  34. <link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
  35. <link rel="preconnect" href="https://fonts.googleapis.com">
  36. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  37. <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
  38. <link rel="preconnect" href="https://fonts.googleapis.com">
  39. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  40. <link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
  41. <link rel="preconnect" href="https://fonts.googleapis.com">
  42. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  43. <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">
  44. <link rel="preconnect" href="https://fonts.googleapis.com">
  45. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  46. <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
  47. <link href="{{ asset('css/flatpickr/dist/flatpickr.min.css') }}" rel="stylesheet" type="text/css">
  48. </head>
  49. <style>
  50. body {
  51. font-family: 'Oswald', sans-serif;
  52. font-family: 'Quicksand', sans-serif;
  53. }
  54. h1, h2, h3, h4, h6 {
  55. font-family:Ubuntu !important;
  56. }
  57. h5{
  58. font-family: 'Montserrat Alternates', sans-serif !important;
  59. }
  60. .bg-half-170 {
  61. padding:0px;
  62. }
  63. .form-control:focus {
  64. box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
  65. }
  66. .btn1{
  67. background-color: #141639c4 !important;
  68. color:white !important;
  69. border-radius: 20px;
  70. box-shadow:none !important;
  71. }
  72. .btn1:hover{
  73. background: #fff !important;
  74. color: #141639c4 !important;
  75. border-radius: 20px;
  76. border: 1px solid #141639c4;
  77. }
  78. .tns-nav button {
  79. background: #141639c4 !important;
  80. }
  81. .tns-nav button.tns-nav-active{
  82. background-color: #ffff !important;
  83. }
  84. .bg-left{
  85. background-color:#141639c4;
  86. border:none;
  87. padding:8.37rem;
  88. }
  89. .head-line{
  90. font-size: 39px !important;
  91. font-weight: bold;
  92. line-height: 1.2;
  93. color:#ffff;
  94. }
  95. .sub-line1{
  96. font-size: 18px !important;
  97. font-weight: 400;
  98. color:#ffff !important;
  99. font-family: poppins !important;
  100. }
  101. .sub-line2{
  102. font-size: 17px !important;
  103. font-weight: bold;
  104. font-family: poppins !important;
  105. color:#ffff !important;
  106. }
  107. .bg-white{
  108. background-color: #72809f33 !important;
  109. height: 160px;
  110. border: 1px solid #ffff;
  111. }
  112. .box-head{
  113. font-size:15px !important;
  114. color:#ffff;
  115. }
  116. .box-sub{
  117. font-size:14px;
  118. color:#ffff;
  119. }
  120. .d-flex{
  121. display: grid !important;
  122. }
  123. </style>
  124. <body>
  125. @php
  126. $countries=DB::table('countries')->get();
  127. @endphp
  128. <section class="cover-user">
  129. <div class="container-fluid px-0">
  130. <div class="row g-0 position-relative">
  131. <div class="col-lg-8 padding-less bg-left">
  132. <div>
  133. <h3 class="ps-4 mt-5 pt-4 head-line">Accelerate your research journey with ease</h3>
  134. <h2 class="ps-4 sub-line1">Connect with supervisor through our streamlined platform featuring real-time updates, a wide network, and effortless user experience.</h2>
  135. <p class="ps-4 mt-5 sub-line1" style="color:white; font-family: poppins !important;">With just a few clicks, you can submit your proposal to multiple supervisors, saving you hours of searching and contacting potential supervisors individually. Our wide network of potential supervisors means you have access to a large pool of experts in your field, increasing your chances of finding the right supervisor for your project.</p>
  136. </div>
  137. </div>
  138. <div class="col-lg-4 cover-my-30 ">
  139. <div class="cover-user-img d-flex align-items-center p-5">
  140. <div class="row">
  141. <div class="col-12">
  142. <div class="card login-page border-0" style="z-index: 1">
  143. <div class="card border-0">
  144. <div class="card-body" style="padding: 0px;">
  145. <div>
  146. @if(Session::has('success'))
  147. <div class="alert alert-success">
  148. {{Session::get('success')}}
  149. </div>
  150. @endif
  151. </div>
  152. <h1 class="mb-4 pb-1 mt-2" style="color: #141639c4; font-size:48px !important;">Register, To Start</h1>
  153. <form method="POST" action="{{ route('student-register') }}">
  154. @csrf
  155. <input type="hidden" value="1" name="user_type">
  156. <div class="row mb-4">
  157. <div class="col-md-6">
  158. <input type="text" class="form-control @error('givenname') is-invalid @enderror" name="givenname" value="{{ old('givenname') }}" required autofocus placeholder="Given Name">
  159. @error('name')
  160. <span class="invalid-feedback" role="alert">
  161. <strong>{{ $message }}</strong>
  162. </span>
  163. @enderror
  164. </div>
  165. <div class="col-md-6">
  166. <input type="text" class="form-control @error('familyname') is-invalid @enderror" name="familyname" value="{{ old('familyname') }}" required placeholder="Family Name">
  167. @error('familyname')
  168. <span class="invalid-feedback" role="alert">
  169. <strong>{{ $message }}</strong>
  170. </span>
  171. @enderror
  172. </div>
  173. </div>
  174. <div class="row mb-4">
  175. <div class="col-md-12">
  176. <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required placeholder="Email">
  177. @error('email')
  178. <span class="invalid-feedback" role="alert">
  179. <strong>{{ $message }}</strong>
  180. </span>
  181. @enderror
  182. </div>
  183. </div>
  184. <div class="row mb-4">
  185. <div class="col-md-12">
  186. <select class="form-control" name="nationality">
  187. <option>Nationality</option>
  188. @foreach($countries as $item)
  189. <option value="{{$item->id}}">{{$item->name}}</option>
  190. @endforeach
  191. </select>
  192. </div>
  193. </div>
  194. <div class="row mb-3">
  195. <div class="col-md-12 back">
  196. <div>
  197. <input name="dob" type="text" class="form-control start" id="dob" placeholder="Select your Date of Birth" autocomplete="off">
  198. </div>
  199. </div>
  200. </div>
  201. <div class="mb-3">
  202. <label class="form-label">Select Your Gender</label>
  203. <div class="form-check-inline ps-3">
  204. <label class="form-check-label" for="radio1">
  205. <input type="radio" class="form-check-input" name="optradio" value="male"> Male
  206. </label>
  207. </div>
  208. <div class="form-check-inline">
  209. <label class="form-check-label" for="radio2">
  210. <input type="radio" class="form-check-input" name="optradio" value="female"> Female
  211. </label>
  212. </div>
  213. </div>
  214. <div class="row mb-4">
  215. <div class="col-md-12">
  216. <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password" placeholder="Set a password">
  217. @error('password')
  218. <span class="invalid-feedback" role="alert">
  219. <strong>{{ $message }}</strong>
  220. </span>
  221. @enderror
  222. </div>
  223. </div>
  224. <div class="row mb-4">
  225. <div class="col-md-12">
  226. <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password" placeholder="Confirm password">
  227. </div>
  228. </div>
  229. <div class="row mb-0">
  230. <div class="col-md-12">
  231. <button type="submit" class="btn btn1 pull-right">
  232. {{ __('Submit') }}
  233. </button>
  234. </div>
  235. </div>
  236. <p class="text-center mt-2 pb-4"><span> Already registered ?</span><a href="{{ url('login') }}" class="ps-2"><span>Login Here</span></a></p>
  237. </form>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </section>
  249. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  250. <!-- tobii js -->
  251. <script src="{{asset('web/js/tobii.min.js')}}"></script>
  252. <!-- SLIDER -->
  253. <script src="{{asset('web/js/tiny-slider.js')}}"></script>
  254. <!-- Icons -->
  255. <script src="{{asset('web/js/feather.min.js')}}"></script>
  256. <!-- Main Js -->
  257. <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
  258. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
  259. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  260. <script src="{{asset('web/js/app.js')}}"></script>
  261. <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
  262. <script src="{{asset('web/js/plugins.init.js')}}"></script>
  263. <script src="{{asset('web/js/app.js')}}"></script>
  264. <script src="{{ asset('css/flatpickr/dist/flatpickr.min.js') }}"></script>
  265. <script>
  266. $(function(){
  267. $("#dob").flatpickr({
  268. dateFormat: "d M Y",
  269. });
  270. });
  271. </script>
  272. </body>
  273. </html>