|
@@ -51,32 +51,44 @@
|
|
|
<link href="{{ asset('css/flatpickr/dist/flatpickr.min.css') }}" rel="stylesheet" type="text/css">
|
|
|
</head>
|
|
|
<style>
|
|
|
-h1, h2, h3, h4, h6 {
|
|
|
- font-family:Ubuntu !important;
|
|
|
-}
|
|
|
-h5{
|
|
|
- font-family: 'Montserrat Alternates', sans-serif !important;
|
|
|
-}
|
|
|
-.form-control:focus {
|
|
|
- box-shadow: 0 0 0 0.25rem #8492a61f !important;
|
|
|
- border-color: #8492a61f !important;
|
|
|
-}
|
|
|
-.btn1{
|
|
|
- background-color: #141639c4 !important;
|
|
|
- color:#ffff !important;
|
|
|
- border-radius: 20px;
|
|
|
- box-shadow:none !important;
|
|
|
-}
|
|
|
-.btn1:hover{
|
|
|
- background: #ffff !important;
|
|
|
- color: #141639c4 !important;
|
|
|
- border-radius: 20px;
|
|
|
- border: 1px solid #141639c4;
|
|
|
-}
|
|
|
-.bg-left{
|
|
|
+ body {
|
|
|
+ font-family: 'Oswald', sans-serif;
|
|
|
+ font-family: 'Quicksand', sans-serif;
|
|
|
+ }
|
|
|
+ h1, h2, h3, h4, h6 {
|
|
|
+ font-family:Ubuntu !important;
|
|
|
+ }
|
|
|
+ h5{
|
|
|
+ font-family: 'Montserrat Alternates', sans-serif !important;
|
|
|
+ }
|
|
|
+ .bg-half-170 {
|
|
|
+ padding:0px;
|
|
|
+ }
|
|
|
+ .form-control:focus {
|
|
|
+ box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
|
|
|
+ }
|
|
|
+ .btn1{
|
|
|
+ background-color: #141639c4 !important;
|
|
|
+ color:white !important;
|
|
|
+ border-radius: 20px;
|
|
|
+ box-shadow:none !important;
|
|
|
+ }
|
|
|
+ .btn1:hover{
|
|
|
+ background: #fff !important;
|
|
|
+ color: #141639c4 !important;
|
|
|
+ border-radius: 20px;
|
|
|
+ border: 1px solid #141639c4;
|
|
|
+ }
|
|
|
+ .tns-nav button {
|
|
|
+ background: #141639c4 !important;
|
|
|
+ }
|
|
|
+ .tns-nav button.tns-nav-active{
|
|
|
+ background-color: #ffff !important;
|
|
|
+ }
|
|
|
+ .bg-left{
|
|
|
background-color:#141639c4;
|
|
|
border:none;
|
|
|
- padding:5.46rem;
|
|
|
+ padding:8.37rem;
|
|
|
}
|
|
|
.head-line{
|
|
|
font-size: 39px !important;
|
|
@@ -88,11 +100,11 @@ h5{
|
|
|
font-size: 18px !important;
|
|
|
font-weight: 400;
|
|
|
color:#ffff !important;
|
|
|
- font-family:Poppins !important;
|
|
|
}
|
|
|
.sub-line2{
|
|
|
font-size: 17px !important;
|
|
|
font-weight: bold;
|
|
|
+ font-family: poppins !important;
|
|
|
color:#ffff !important;
|
|
|
}
|
|
|
.bg-white{
|
|
@@ -108,138 +120,149 @@ h5{
|
|
|
font-size:14px;
|
|
|
color:#ffff;
|
|
|
}
|
|
|
+ .d-flex{
|
|
|
+ display: grid !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
<body>
|
|
|
@php
|
|
|
$countries=DB::table('countries')->get();
|
|
|
@endphp
|
|
|
-<section>
|
|
|
- <div class="container-fluid">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-8 bg-left" style="height: 100vh;">
|
|
|
- <div class="content">
|
|
|
- <h3 class="ps-4 mt-5 pt-4 head-line">Accelerate your research journey with ease</h3>
|
|
|
- <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>
|
|
|
- <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 user-friendly interface makes it easy for anyone to navigate and use, regardless of their technical skills. The platform provides real-time updates on the status of your application, so you don't have to constantly follow up with supervisors, giving you more time to focus on your research. </p>
|
|
|
- <h2 class="ps-4 mt-5 sub-line1" style="color:white; font-family: poppins !important;">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.</h2>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-md-4 mt-4 mt-sm-0 pt-sm-0">
|
|
|
- <div class="card border-0">
|
|
|
- <div class="card-body">
|
|
|
- <div>
|
|
|
- @if(Session::has('success'))
|
|
|
- <div class="alert alert-success">
|
|
|
- {{Session::get('success')}}
|
|
|
- </div>
|
|
|
- @endif
|
|
|
- </div>
|
|
|
- <h1 class="mb-4 pb-1 mt-2" style="color: #141639c4; font-size:48px !important;">Register, To Start</h1>
|
|
|
- <form method="POST" action="{{ route('student-register') }}">
|
|
|
- @csrf
|
|
|
- <input type="hidden" value="1" name="user_type">
|
|
|
- <div class="row mb-4">
|
|
|
- <div class="col-md-6">
|
|
|
- <input type="text" class="form-control @error('givenname') is-invalid @enderror" name="givenname" value="{{ old('givenname') }}" required autofocus placeholder="Given Name">
|
|
|
+ <section class="cover-user">
|
|
|
+ <div class="container-fluid px-0">
|
|
|
+ <div class="row g-0 position-relative">
|
|
|
+ <div class="col-lg-8 padding-less bg-left">
|
|
|
+ <div>
|
|
|
+ <h3 class="ps-4 mt-5 pt-4 head-line">Accelerate your research journey with ease</h3>
|
|
|
+ <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>
|
|
|
+ <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 user-friendly interface makes it easy for anyone to navigate and use, regardless of their technical skills. The platform provides real-time updates on the status of your application, so you don't have to constantly follow up with supervisors, giving you more time to focus on your research. </p>
|
|
|
+ <h2 class="ps-4 mt-5 sub-line1" style="color:white; font-family: poppins !important;">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.</h2>
|
|
|
|
|
|
- @error('name')
|
|
|
- <span class="invalid-feedback" role="alert">
|
|
|
- <strong>{{ $message }}</strong>
|
|
|
- </span>
|
|
|
- @enderror
|
|
|
- </div>
|
|
|
- <div class="col-md-6">
|
|
|
- <input type="text" class="form-control @error('familyname') is-invalid @enderror" name="familyname" value="{{ old('familyname') }}" required placeholder="Family Name">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-4 cover-my-30 ">
|
|
|
+ <div class="cover-user-img d-flex align-items-center p-5">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="card login-page border-0" style="z-index: 1">
|
|
|
+ <div class="card border-0">
|
|
|
+ <div class="card-body" style="padding: 0px;">
|
|
|
+ <div>
|
|
|
+ @if(Session::has('success'))
|
|
|
+ <div class="alert alert-success">
|
|
|
+ {{Session::get('success')}}
|
|
|
+ </div>
|
|
|
+ @endif
|
|
|
+ </div>
|
|
|
+ <h1 class="mb-4 pb-1 mt-2" style="color: #141639c4; font-size:48px !important;">Register, To Start</h1>
|
|
|
+ <form method="POST" action="{{ route('student-register') }}">
|
|
|
+ @csrf
|
|
|
+ <input type="hidden" value="1" name="user_type">
|
|
|
+ <div class="row mb-4">
|
|
|
+ <div class="col-md-6">
|
|
|
+ <input type="text" class="form-control @error('givenname') is-invalid @enderror" name="givenname" value="{{ old('givenname') }}" required autofocus placeholder="Given Name">
|
|
|
|
|
|
- @error('familyname')
|
|
|
- <span class="invalid-feedback" role="alert">
|
|
|
- <strong>{{ $message }}</strong>
|
|
|
- </span>
|
|
|
- @enderror
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ @error('name')
|
|
|
+ <span class="invalid-feedback" role="alert">
|
|
|
+ <strong>{{ $message }}</strong>
|
|
|
+ </span>
|
|
|
+ @enderror
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6">
|
|
|
+ <input type="text" class="form-control @error('familyname') is-invalid @enderror" name="familyname" value="{{ old('familyname') }}" required placeholder="Family Name">
|
|
|
|
|
|
- <div class="row mb-4">
|
|
|
- <div class="col-md-12">
|
|
|
- <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required placeholder="Email">
|
|
|
+ @error('familyname')
|
|
|
+ <span class="invalid-feedback" role="alert">
|
|
|
+ <strong>{{ $message }}</strong>
|
|
|
+ </span>
|
|
|
+ @enderror
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- @error('email')
|
|
|
- <span class="invalid-feedback" role="alert">
|
|
|
- <strong>{{ $message }}</strong>
|
|
|
- </span>
|
|
|
- @enderror
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="row mb-4">
|
|
|
- <div class="col-md-12">
|
|
|
- <select class="form-control" name="nationality">
|
|
|
- <option>Nationality</option>
|
|
|
- @foreach($countries as $item)
|
|
|
- <option value="{{$item->id}}">{{$item->name}}</option>
|
|
|
- @endforeach
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="row mb-4">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required placeholder="Email">
|
|
|
|
|
|
- <div class="row mb-3">
|
|
|
- <div class="col-md-12 back">
|
|
|
- <div>
|
|
|
- <!-- <label class="form-label">Date of Birth </label> -->
|
|
|
- <input name="dob" type="text" class="form-control start" id="dob" placeholder="Select your Date of Birth" autocomplete="off">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ @error('email')
|
|
|
+ <span class="invalid-feedback" role="alert">
|
|
|
+ <strong>{{ $message }}</strong>
|
|
|
+ </span>
|
|
|
+ @enderror
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row mb-4">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <select class="form-control" name="nationality">
|
|
|
+ <option>Nationality</option>
|
|
|
+ @foreach($countries as $item)
|
|
|
+ <option value="{{$item->id}}">{{$item->name}}</option>
|
|
|
+ @endforeach
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="mb-3">
|
|
|
- <label class="form-label">Select Your Gender</label>
|
|
|
- <div class="form-check-inline ps-3">
|
|
|
- <label class="form-check-label" for="radio1">
|
|
|
- <input type="radio" class="form-check-input" name="optradio" value="male"> Male
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div class="form-check-inline">
|
|
|
- <label class="form-check-label" for="radio2">
|
|
|
- <input type="radio" class="form-check-input" name="optradio" value="female"> Female
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
+ <div class="row mb-3">
|
|
|
+ <div class="col-md-12 back">
|
|
|
+ <div>
|
|
|
+ <input name="dob" type="text" class="form-control start" id="dob" placeholder="Select your Date of Birth" autocomplete="off">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="row mb-4">
|
|
|
- <div class="col-md-12">
|
|
|
- <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password" placeholder="Set a password">
|
|
|
+ <div class="mb-3">
|
|
|
+ <label class="form-label">Select Your Gender</label>
|
|
|
+ <div class="form-check-inline ps-3">
|
|
|
+ <label class="form-check-label" for="radio1">
|
|
|
+ <input type="radio" class="form-check-input" name="optradio" value="male"> Male
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="form-check-inline">
|
|
|
+ <label class="form-check-label" for="radio2">
|
|
|
+ <input type="radio" class="form-check-input" name="optradio" value="female"> Female
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
|
|
|
- @error('password')
|
|
|
- <span class="invalid-feedback" role="alert">
|
|
|
- <strong>{{ $message }}</strong>
|
|
|
- </span>
|
|
|
- @enderror
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="row mb-4">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password" placeholder="Set a password">
|
|
|
|
|
|
- <div class="row mb-4">
|
|
|
- <div class="col-md-12">
|
|
|
- <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password" placeholder="Confirm password">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ @error('password')
|
|
|
+ <span class="invalid-feedback" role="alert">
|
|
|
+ <strong>{{ $message }}</strong>
|
|
|
+ </span>
|
|
|
+ @enderror
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="row mb-0">
|
|
|
- <div class="col-md-12">
|
|
|
- <button type="submit" class="btn btn1 pull-right">
|
|
|
- {{ __('Submit') }}
|
|
|
- </button>
|
|
|
+ <div class="row mb-4">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password" placeholder="Confirm password">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row mb-0">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <button type="submit" class="btn btn1 pull-right">
|
|
|
+ {{ __('Submit') }}
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <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>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <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>
|
|
|
- </form>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</section>
|
|
|
+ </section>
|
|
|
<script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
|
|
|
<!-- tobii js -->
|
|
|
<script src="{{asset('web/js/tobii.min.js')}}"></script>
|