|
|
@@ -37,13 +37,16 @@
|
|
|
<link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
- <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap" rel="stylesheet">
|
|
|
+ <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Quicksand:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
+ <link href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&display=swap" rel="stylesheet">
|
|
|
+ <link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
@@ -91,7 +94,6 @@
|
|
|
.bg-left{
|
|
|
background-color:#191e38;
|
|
|
border:none;
|
|
|
- padding:8rem;
|
|
|
}
|
|
|
.bg-left .head-line{
|
|
|
font-size: 39px !important;
|
|
|
@@ -128,42 +130,129 @@
|
|
|
display: grid !important;
|
|
|
}
|
|
|
.box-white{
|
|
|
- border: 1px solid #ffff;
|
|
|
color: white;
|
|
|
+ background-color: #4c4d682b !important;
|
|
|
}
|
|
|
.text-muted{
|
|
|
color: white !important;
|
|
|
}
|
|
|
.master-link.secondary {
|
|
|
- padding: 1em 0.75em;
|
|
|
- }
|
|
|
- .master-link.secondary:hover {
|
|
|
+ padding: 12px;
|
|
|
color: #fff;
|
|
|
background-color: rgba(235,232,227,.1);
|
|
|
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.1em), calc(100% - 1.1em) 100%, 0 100%);
|
|
|
}
|
|
|
+ .master-link.secondary:hover {
|
|
|
+ color: #191e38 !important;
|
|
|
+ background-color: #ffffff;
|
|
|
+ clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.1em), calc(100% - 1.1em) 100%, 0 100%);
|
|
|
+ }
|
|
|
+ .grid_wrap {
|
|
|
+ grid-column-gap: 1.5rem;
|
|
|
+ grid-row-gap: 1.5rem;
|
|
|
+ flex-direction: column;
|
|
|
+ margin-bottom: 1px;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .grid_customize {
|
|
|
+ grid-column-gap: 1.5rem;
|
|
|
+ grid-row-gap: 1.5rem;
|
|
|
+ grid-template-columns: .75fr .75fr;
|
|
|
+ }
|
|
|
+ .w-layout-grid {
|
|
|
+ grid-template-rows: auto auto;
|
|
|
+ grid-auto-columns: 1fr;
|
|
|
+ display: grid;
|
|
|
+ }
|
|
|
</style>
|
|
|
- <section class="cover-user" style="background-color:#191e38; padding: 6rem;">
|
|
|
- <div class="container-fluid px-0">
|
|
|
- <div class="row g-0 position-relative">
|
|
|
- <div class="col-lg-5 padding-less ms-5 ps-2">
|
|
|
- <div class="container mt-100 mt-60">
|
|
|
+ <body>
|
|
|
+
|
|
|
+ <div class="container-fluid" style="background-color:#191e38;">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-9">
|
|
|
+ <a class="logo" href="index.html">
|
|
|
+ <h3 class="m-4 p-3" style="font-family:Ubuntu !important; color: white;">Research Admission</h3>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-3" style="display: flex;">
|
|
|
+ <p class="mt-5"><a href="" class="master-link secondary"><strong style="font-weight: bolder !important;">Register Your Interest <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </a></p>
|
|
|
+ <p class="mt-5 ms-3"><a href="" class="master-link secondary"><strong style="font-weight: bolder !important;">Log In <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </a></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <section class="cover-user bg-left" style="background-color:#191e38;">
|
|
|
+ <div class="container px-0">
|
|
|
+ <div class="row g-0" style="justify-content: center;">
|
|
|
+ <div class="col-md-10 mt-3">
|
|
|
+ <div class="card-body" style="padding: 0px; text-align: center !important;">
|
|
|
+ <span style="line-height: 1.1; color: #ffbd59; font-size: 48px !important; font-weight: 500 !important; font-family: 'League Spartan', sans-serif !important;">Discover the hassle-free solution to manage proposals from your doctoral applicants</span>
|
|
|
+ <p class="mt-5" style="color:white; font-weight: bolder !important; font-size:14px;">Introducing our Doctoral Proposal management tool - a revolutionary solution designed to simplify the proposal submission and review process. As we understand, managing numerous proposals from doctoral applicants can be a daunting task, which is why we have created a hassle-free solution to streamline the process.</p>
|
|
|
+ <div style="justify-content: center;">
|
|
|
+ <p class="mt-5"><a href="" class="master-link secondary"><strong style="font-weight: bolder !important;">Register Your Interest <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </a></p>
|
|
|
+ </div>
|
|
|
+ <div class="mt-5" style="display: flex; justify-content: center;">
|
|
|
+ <i class="fa fa-gift mt-1" style="color: white; font-size: 11px;"></i><span class="ms-2" style="color: white; font-size: 13px;">Centralized Proposal Management</span>
|
|
|
+ <i class="fa fa-gear mt-1 ms-4" style="color: white; font-size: 11px;"></i><span class="ms-2" style="color: white; font-size: 13px;">Real-time Notifications</span>
|
|
|
+ <i class="fa fa-gear mt-1 ms-4" style="color: white; font-size: 11px;"></i><span class="ms-2" style="color: white; font-size: 13px;">Add your Feedback to Proposals</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row g-0 mt-5 pt-5" style="justify-content: center;">
|
|
|
+ <div class="col-md-8">
|
|
|
+ <div class="row justify-content-center">
|
|
|
+ <div class="col-12 text-center">
|
|
|
+ <div class="section-title mb-4 pb-2">
|
|
|
+ <h1 style="line-height: 1.1; color: #ffbd59; font-size: 48px !important; font-weight: 500 !important; font-family: 'League Spartan', sans-serif !important;">Eliminate the need </br>to keep track of emails</h1>
|
|
|
+ <p class="mt-4" style="color:white; font-weight: bolder !important;">We understand that you must receive countless emails from doctoral applicants</p>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ </div><!--end row-->
|
|
|
+
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="grid_wrap">
|
|
|
+ <div class="w-layout-grid grid_customize ">
|
|
|
+ <div class="flex-1 content p-3 shadow rounded position-relative">
|
|
|
+ <h6 class="text-muted mt-2" style="text-align: left; line-height: 1.1; color: #ffffff !important; font-size: 39px !important; font-weight: 500 !important; font-family: 'Quicksand', sans-serif !important;">3 Ways you can receive proposals from doctoral candidates</h6>
|
|
|
+ </div>
|
|
|
+ <div class="flex-1 content p-3 shadow rounded box-white position-relative">
|
|
|
+ <h6 style="color: #ffbd59; font-weight: bolder !important;">OPTION 1 </h6>
|
|
|
+ <p class="text-muted mt-2">"Provide your ARN (Application Reference Number) to the student and ask them to submit their proposal through Research Admission Platform using your reference when they apply."</p>
|
|
|
+ </div>
|
|
|
+ <div class="flex-1 content p-3 shadow rounded box-white position-relative">
|
|
|
+ <h6 style="color: #ffbd59; font-weight: bolder !important;">OPTION 2 </h6>
|
|
|
+ <p class="text-muted mt-2">"Log in to your account, open Invite and add the student's name and email address, send them an invitation. This will automatically tag their application under your account when they apply.*"</p>
|
|
|
+ </div>
|
|
|
+ <div class="flex-1 content p-3 shadow rounded box-white position-relative">
|
|
|
+ <h6 style="color: #ffbd59; font-weight: bolder !important;">OPTION 3 </h6>
|
|
|
+ <p class="text-muted mt-2">"Share the Q Apply link with the student and instruct them to fill out the form with their name and email. An invitation email will be sent to them, and then they can proceed with option 2.*"</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="col-md-8 padding-less ms-5 ps-2 mt-5 mb-5">
|
|
|
+ <div class="container mt-5">
|
|
|
<div class="row justify-content-center">
|
|
|
<div class="col-12 text-center">
|
|
|
<div class="section-title mb-4 pb-2">
|
|
|
<h1 style="color: #ebe8e3; font-size: 40px !important; font-weight: 500 !important;">Our Valuable Clients</h1>
|
|
|
+ <p class="mt-4" style="color:white; font-weight: bolder !important;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, vero.</p>
|
|
|
</div>
|
|
|
</div><!--end col-->
|
|
|
</div><!--end row-->
|
|
|
|
|
|
<div class="row justify-content-center">
|
|
|
- <div class="col-lg-12 mt-4 cover-user-img" style="padding: 0px;">
|
|
|
+ <div class="col-lg-12 mt-4" style="padding: 0px;">
|
|
|
<div class="tiny-single-item">
|
|
|
<div class="tiny-slide">
|
|
|
<div class="d-flex m-2">
|
|
|
-
|
|
|
<div class="flex-1 content p-3 shadow rounded box-white position-relative">
|
|
|
- <img src="web/images/01.jpg" class="avatar avatar-small client-image rounded shadow" alt="">
|
|
|
+ <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="border-radius: 35px !important;">
|
|
|
<p class="text-muted mt-2">" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. "</p>
|
|
|
<h6 style="color: #e0cfb5;">- Thomas Israel <small class="text-muted">C.E.O</small></h6>
|
|
|
</div>
|
|
|
@@ -173,7 +262,7 @@
|
|
|
<div class="tiny-slide">
|
|
|
<div class="d-flex m-2">
|
|
|
<div class="flex-1 content p-3 shadow rounded box-white position-relative">
|
|
|
- <img src="web/images/01.jpg" class="avatar avatar-small client-image rounded shadow" alt="">
|
|
|
+ <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="border-radius: 35px !important;">
|
|
|
<p class="text-muted mt-2">" One disadvantage of Lorum Ipsum is that in Latin certain letters appear more frequently than others. "</p>
|
|
|
<h6 style="color: #e0cfb5;">- Barbara McIntosh <small class="text-muted">M.D</small></h6>
|
|
|
</div>
|
|
|
@@ -183,7 +272,7 @@
|
|
|
<div class="tiny-slide">
|
|
|
<div class="d-flex m-2">
|
|
|
<div class="flex-1 content p-3 shadow rounded box-white position-relative">
|
|
|
- <img src="web/images/01.jpg" class="avatar avatar-small client-image rounded shadow" alt="">
|
|
|
+ <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="border-radius: 35px !important;">
|
|
|
<p class="text-muted mt-2">" The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. "</p>
|
|
|
<h6 style="color: #e0cfb5;">- Carl Oliver <small class="text-muted">P.A</small></h6>
|
|
|
</div>
|
|
|
@@ -193,7 +282,7 @@
|
|
|
<div class="tiny-slide">
|
|
|
<div class="d-flex m-2">
|
|
|
<div class="flex-1 content p-3 shadow rounded box-white position-relative">
|
|
|
- <img src="web/images/01.jpg" class="avatar avatar-small client-image rounded shadow" alt="">
|
|
|
+ <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="border-radius: 35px !important;">
|
|
|
<p class="text-muted mt-2">" According to most sources, Lorum Ipsum can be traced back to a text composed by Cicero. "</p>
|
|
|
<h6 style="color: #e0cfb5;">- Christa Smith <small class="text-muted">Manager</small></h6>
|
|
|
</div>
|
|
|
@@ -203,27 +292,52 @@
|
|
|
</div><!--end col-->
|
|
|
</div><!--end row-->
|
|
|
</div><!--end container-->
|
|
|
- </div>
|
|
|
- <div class="col-lg-5 cover-my-30 ms-5 ps-5">
|
|
|
+ </div>
|
|
|
+ <div class="col-md-8 padding-less ms-5 ps-2 mt-5 mb-5">
|
|
|
+ <div class="container mt-5">
|
|
|
+ <div class="row justify-content-center">
|
|
|
+ <div class="col-12 text-center">
|
|
|
+ <div class="section-title mb-4 pb-2">
|
|
|
+ <h1 style="color: #ebe8e3; font-size: 40px !important; font-weight: 500 !important;">Lorem ipsum dolor sit amet.</h1>
|
|
|
+ <p class="mt-4" style="color:white; font-weight: bolder !important;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, vero.</p>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ </div><!--end row-->
|
|
|
+
|
|
|
+ <div class="row justify-content-center">
|
|
|
+ <div class="col-lg-12 mt-4" style="padding: 0px;">
|
|
|
+ <div class="d-flex m-2">
|
|
|
+ <div class="flex-1 content p-3 shadow rounded box-white position-relative">
|
|
|
+ <p class="text-muted mt-2">"It seems that only fragments of the original text remain in the Lorem Ipsum texts used today."</p>
|
|
|
+ <div style="display: flex; justify-content: center;">
|
|
|
+ <p class="mt-4"><a href="" class="master-link secondary"><strong style="font-weight: bolder !important;">Register Your Interest <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </a></p>
|
|
|
+ <p class="mt-4 ms-3"><a href="" class="master-link secondary"><strong style="font-weight: bolder !important;">Log In <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </a></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ </div><!--end row-->
|
|
|
+ </div><!--end container-->
|
|
|
+ </div>
|
|
|
+ <!-- <div class="col-lg-7 cover-my-30 ms-5 ps-5">
|
|
|
<div class="row">
|
|
|
<div class="col-12">
|
|
|
<div class="border-0" style="z-index: 1;">
|
|
|
- <div class="card-body" style="padding: 0px;">
|
|
|
- <h1 style="line-height: 1.1 !important; color: #ebe8e3; font-size: 65px !important; font-weight: 500 !important;">Save Time</h1>
|
|
|
- <span style="line-height: 1.1 !important; color: #e0cfb5; font-size: 65px !important; font-weight: 500 !important;">Stay Organized</span>
|
|
|
- <p class="mt-5" style="color:#ebe8e3; font-weight: 100 !important;">
|
|
|
- <!-- <strong style="font-weight: 600 !important;">‘Recruiting Our Way’</strong> -->
|
|
|
- If you are feeling overwhelmed by the abundance of proposals from doctoral applicants flooding your inbox.</p>
|
|
|
- <p style="color:#ebe8e3; font-weight: 100 !important;"> With our effortless proposal management solution, students can submit their proposals with ease, and you'll receive email notifications for each new submission. Say goodbye to the chaos and hello to a stress-free solution that saves you time and keeps you organized.</p>
|
|
|
+ <div class="card-body mt-5" style="padding: 0px;">
|
|
|
+ <p style="color:white; font-weight: 100 !important;"> Our free tool enables students to submit their proposals effortlessly while providing you with email notifications for each new submission. The days of searching through cluttered inboxes and struggling to keep track of proposals under review are over. With our user-friendly interface, you can efficiently manage and organize all your doctoral program proposals in one centralized location.</p>
|
|
|
|
|
|
- <p class="mt-5" style="color: white;">Try it today and see the difference </p>
|
|
|
- <p class="mt-5" style="color: white;"><a href="" class="master-link secondary"><strong style="font-weight: bolder !important; color: white;">Register Your Interest <i class="fa fa-arrow-right fea icon-sm"></i> </strong> </a></p>
|
|
|
-
|
|
|
+ <p class="mt-4" style="color: white;">Our tool ensures that you never miss a proposal submission or waste time manually entering data. With all the necessary information at your fingertips, you can review proposals quickly and notify the decision to the applicants instantly.</p>
|
|
|
+ <p class="mt-4" style="color: white;">Our tool is entirely free, which means you can start using it immediately without incurring additional costs. By using our proposal management tool, you can save valuable time and feel more organized.</p>
|
|
|
+ <p class="mt-4" style="color: white;"><Strong style="font-weight: bolder !important; color: white;"> Do not let the chaos of proposal management overwhelm you any longer. </strong> Sign up for our free tool today and experience the stress-free solution you have been searching for.</p>
|
|
|
+ <div class="div">
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div><!--end col-->
|
|
|
- </div><!--end row-->
|
|
|
- </div> <!-- end col -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
</div><!--end row-->
|
|
|
</div><!--end container fluid-->
|
|
|
</section><!--end section-->
|
