|
|
@@ -174,19 +174,24 @@
|
|
|
display: grid;
|
|
|
}
|
|
|
.method {
|
|
|
- background-color: #463993;
|
|
|
- width: 33%;
|
|
|
+ background-color: #2c2d4d;
|
|
|
+ width: 41%;
|
|
|
font-size: 18px !important;
|
|
|
color: #fff;
|
|
|
- padding-left: 13px;
|
|
|
+ padding: 4px;
|
|
|
border-radius: 5px;
|
|
|
font-weight: 700;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
.method-box{
|
|
|
width: 47.8%;
|
|
|
background-color: #eee;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
+ .avatar.avatar-small {
|
|
|
+ height: 95px !important;
|
|
|
+ width: 95px !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
<body>
|
|
|
|
|
|
@@ -260,41 +265,55 @@
|
|
|
<div class="col-lg-12 mt-4 mb-4" style="padding: 0px;">
|
|
|
<div class="row">
|
|
|
<div class="col-lg-3 col-md-6 col-12 mt-4 pt-2">
|
|
|
- <div class="card" style="border-radius: 24px; width: 276px; height: 300px;">
|
|
|
+ <div class="card" style="border-radius: 24px; width: 275px; height: 305px;">
|
|
|
<div class="card-body">
|
|
|
<div class="mt-2">
|
|
|
- <h6 class="method">Step 1</h6>
|
|
|
- <h5 class="card-title text-center">Add link in e-mail signature</h5>
|
|
|
+ <h6 class="method" style="margin-left: 4rem;">Step 1</h6>
|
|
|
+ <h5 class="card-title text-center mt-4" style="font-weight: bolder;">Add link in e-mail signature</h5>
|
|
|
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, accusamus?</p>
|
|
|
+ <div style="margin-left: 13.88rem; margin-top: -8rem;">
|
|
|
+ <i class="uil uil-angle-right-b" style="color: white; background-color: #ffad00; padding: 10px 10px; font-size: 25px; border-radius: 26px;"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
</div><!--end col-->
|
|
|
-
|
|
|
<div class="col-lg-3 col-md-6 col-12 mt-4 pt-2">
|
|
|
- <div class="card" style="border-radius: 24px; width: 276px; height: 300px;">
|
|
|
+ <div class="card" style="border-radius: 24px; width: 275px; height: 305px;">
|
|
|
<div class="card-body">
|
|
|
<div class="mt-2">
|
|
|
- <h5 class="card-title text-center">Invite applicant to submit</h5>
|
|
|
+ <h6 class="method" style="margin-left: 4rem;">Step 2</h6>
|
|
|
+ <h5 class="card-title text-center mt-4" style="font-weight: bolder;">Invite applicant to submit</h5>
|
|
|
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, accusamus?</p>
|
|
|
+ <div style="margin-left: 13.88rem; margin-top: -8rem;">
|
|
|
+ <i class="uil uil-angle-right-b" style="color: white; background-color: #ffad00; padding: 10px 10px; font-size: 25px; border-radius: 26px;"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!--end col-->
|
|
|
-
|
|
|
<div class="col-lg-3 col-md-6 col-12 mt-4 pt-2">
|
|
|
- <div class="card" style="border-radius: 24px; width: 276px; height: 300px;">
|
|
|
+ <div class="card" style="border-radius: 24px; width: 275px; height: 305px;">
|
|
|
<div class="card-body">
|
|
|
<div class="mt-2">
|
|
|
- <h5 class="card-title text-center">Begin Accepting Proposals</h5>
|
|
|
+ <h6 class="method" style="margin-left: 4rem;">Step 3</h6>
|
|
|
+ <h5 class="card-title text-center mt-4" style="font-weight: bolder;">Begin Accepting Proposals</h5>
|
|
|
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, accusamus?</p>
|
|
|
+ <div style="margin-left: 13.88rem; margin-top: -8rem;">
|
|
|
+ <i class="uil uil-angle-right-b" style="color: white; background-color: #ffad00; padding: 10px 10px; font-size: 25px; border-radius: 26px;"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div><!--end col-->
|
|
|
-
|
|
|
+ </div><!--end col-->
|
|
|
<div class="col-lg-3 col-md-6 col-12 mt-4 pt-2">
|
|
|
- <div class="card" style="border-radius: 24px; width: 276px; height: 300px;">
|
|
|
+ <div class="card" style="border-radius: 24px; width: 275px; height: 305px;">
|
|
|
<div class="card-body">
|
|
|
<div class="mt-2">
|
|
|
- <h5 class="card-title text-center">Review & Make decision</h5>
|
|
|
+ <h6 class="method" style="margin-left: 4rem;">Step 4</h6>
|
|
|
+ <h5 class="card-title text-center mt-4" style="font-weight: bolder;">Review & Make decision</h5>
|
|
|
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, accusamus?</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -317,52 +336,49 @@
|
|
|
<div style="border-bottom: 2px solid #ffad00; width: 12%; margin-left: 30rem;"></div>
|
|
|
</div><!--end col-->
|
|
|
</div><!--end row-->
|
|
|
- <div class="col-md-12 mb-5 pb-2">
|
|
|
- <div class="row justify-content-center">
|
|
|
- <div class="col-lg-12 mt-5" style="padding: 0px;">
|
|
|
- <div class="tiny-two-item">
|
|
|
- <div class="tiny-slide">
|
|
|
- <div class="d-flex m-2">
|
|
|
- <div class="flex-1 content p-3 shadow rounded box-white position-relative" style="border: 1px solid #eee !important;">
|
|
|
- <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="border-radius: 35px !important;">
|
|
|
- <p class="text-muted1 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-muted1">C.E.O</small></h6>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="tiny-slide">
|
|
|
- <div class="d-flex m-2">
|
|
|
- <div class="flex-1 content p-3 shadow rounded box-white position-relative" style="border: 1px solid #eee !important;">
|
|
|
- <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="border-radius: 35px !important;">
|
|
|
- <p class="text-muted1 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-muted1">M.D</small></h6>
|
|
|
- </div>
|
|
|
+ <div class="col-md-12 mb-5 pb-2 mt-5 pt-3" style="font-family: Nunito, sans-serif !important;">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
|
|
|
+ <div class="card" style="border-radius: 24px; width: 322px; height: 305px;">
|
|
|
+ <div class="card-body" style="background: #191e38; color: white; border-radius: 20px;">
|
|
|
+ <div class="mt-2 text-center">
|
|
|
+ <img src="web/images/01.jpg" class="text-center avatar avatar-small client-image shadow" alt="" style="margin-top: -8rem; border-radius: 46px !important;">
|
|
|
+ <h5 class="card-title text-center" style="font-weight: bolder;">MARK SHIM</h5>
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
+ <div style="border-bottom: 2px solid #ffad00; width: 57%; margin-left: 3.5rem;"></div>
|
|
|
+ <p class="mt-3">"Lorem, ipsum dolor sit amet consectetur adipisicing elit. In aut sapiente deleniti! Natus, id et."</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="tiny-slide">
|
|
|
- <div class="d-flex m-2">
|
|
|
- <div class="flex-1 content p-3 shadow rounded box-white position-relative" style="border: 1px solid #eee !important;">
|
|
|
- <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="border-radius: 35px !important;">
|
|
|
- <p class="text-muted1 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-muted1">P.A</small></h6>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div><!--end col-->
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
|
|
|
+ <div class="card" style="border-radius: 24px; width: 322px; height: 305px;">
|
|
|
+ <div class="card-body" style="background: #191e38; color: white; border-radius: 20px;">
|
|
|
+ <div class="mt-2 text-center">
|
|
|
+ <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="margin-top: -8rem; border-radius: 46px !important;">
|
|
|
+ <h5 class="card-title text-center" style="font-weight: bolder;">MARK SHIM</h5>
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
+ <div style="border-bottom: 2px solid #ffad00; width: 57%; margin-left: 3.5rem;"></div>
|
|
|
+ <p class="mt-3">"Lorem, ipsum dolor sit amet consectetur adipisicing elit. In aut sapiente deleniti! Natus, id et."</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="tiny-slide">
|
|
|
- <div class="d-flex m-2">
|
|
|
- <div class="flex-1 content p-3 shadow rounded box-white position-relative" style="border: 1px solid #eee !important;">
|
|
|
- <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="border-radius: 35px !important;">
|
|
|
- <p class="text-muted1 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-muted1">Manager</small></h6>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
|
|
|
+ <div class="card" style="border-radius: 24px; width: 322px; height: 305px;">
|
|
|
+ <div class="card-body" style="background: #191e38; color: white; border-radius: 20px;">
|
|
|
+ <div class="mt-2 text-center">
|
|
|
+ <img src="web/images/01.jpg" class="avatar avatar-small client-image shadow" alt="" style="margin-top: -8rem; border-radius: 46px !important;">
|
|
|
+ <h5 class="card-title text-center" style="font-weight: bolder;">MARK SHIM</h5>
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
+ <div style="border-bottom: 2px solid #ffad00; width: 57%; margin-left: 3.5rem;"></div>
|
|
|
+ <p class="mt-3">"Lorem, ipsum dolor sit amet consectetur adipisicing elit. In aut sapiente deleniti! Natus, id et."</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div><!--end col-->
|
|
|
- </div><!--end row-->
|
|
|
+ </div><!--end col-->
|
|
|
+ </div><!--end row-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -378,29 +394,57 @@
|
|
|
<div style="border-bottom: 2px solid #ffad00; width: 12%; margin-left: 30rem;"></div>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2 mb-5" style="border-right: 2px solid #ffffff;">
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2" style="border-right: 2px solid #ffffff;">
|
|
|
<div class="card-body">
|
|
|
<div class="mt-2">
|
|
|
- <h1 style="color: #ffad00; font-size: 28px !important; text-align: left; font-family: 'League Spartan', sans-serif !important; line-height: 1.1;">Supervision <br>opportunities</h1>
|
|
|
- <h5 class="text-left mt-4" style="color: white;">Join our community and connect with driven candidates ready to excel</h5>
|
|
|
+ <h1 style="color: #ffad00; font-size: 28px !important; text-align: left; font-family: 'League Spartan', sans-serif !important; line-height: 1.1;">Supervision <br>Opportunities</h1>
|
|
|
+ <h5 class="text-left mt-4" style="color: white;">Be part of our community and engage with candidates actively searching for supervisors.</h5>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!--end col-->
|
|
|
|
|
|
- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2 mb-5" style="border-right: 2px solid #ffffff;">
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2" style="border-right: 2px solid #ffffff;">
|
|
|
<div class="card-body">
|
|
|
<div class="mt-2">
|
|
|
<h1 style="color: #ffad00; font-size: 28px !important; text-align: left; font-family: 'League Spartan', sans-serif !important; line-height: 1.1;">Collaborate with <br>Potential Co-author</h1>
|
|
|
- <h5 class="text-left mt-4" style="color: white;">Expand your academic network and collaborate with potential co-authors in your field effortlessly with just a few clicks</h5>
|
|
|
+ <h5 class="text-left mt-4" style="color: white;">Explore collaborative opportunities with potential co-authors in your field, making it simpler than ever with just a few clicks.</h5>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="mt-2">
|
|
|
+ <h1 style="color: #ffad00; font-size: 28px !important; text-align: left; font-family: 'League Spartan', sans-serif !important; line-height: 1.1;">More Visibility,<br>Be Found With Ease</h1>
|
|
|
+ <h5 class="text-left mt-4" style="color: white;">Showcase your Research Interests and Stand Out to Applicants</h5>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 pt-2 mb-5" style="border-top: 2px solid #ffffff; border-right: 2px solid #ffffff;">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="mt-2">
|
|
|
+ <h1 style="color: #ffad00; font-size: 28px !important; text-align: left; font-family: 'League Spartan', sans-serif !important; line-height: 1.1;">Full Control <br>No Junk Application</h1>
|
|
|
+ <h5 class="text-left mt-4" style="color: white;">Make it easy for applicants to know your supervision availibility through a simple button.</h5>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div><!--end col-->
|
|
|
+
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 pt-2 mb-5" style="border-top: 2px solid #ffffff; border-right: 2px solid #ffffff;">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="mt-2">
|
|
|
+ <h1 style="color: #ffad00; font-size: 28px !important; text-align: left; font-family: 'League Spartan', sans-serif !important; line-height: 1.1;">Centralized <br>Proposal Management</h1>
|
|
|
+ <h5 class="text-left mt-4" style="color: white;">A centralized platform, removing the hassle of tracking multiple emails and documents.</h5>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!--end col-->
|
|
|
|
|
|
- <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2 mb-5">
|
|
|
+ <div class="col-lg-4 col-md-6 col-12 pt-2 mb-5" style="border-top: 2px solid #ffffff;">
|
|
|
<div class="card-body">
|
|
|
<div class="mt-2">
|
|
|
- <h1 style="color: #ffad00; font-size: 28px !important; text-align: left; font-family: 'League Spartan', sans-serif !important; line-height: 1.1;">Full Control <br>More Visibility</h1>
|
|
|
- <h5 class="text-left mt-4" style="color: white;">Update your research interests and toggle your availability status with ease, all in one platform</h5>
|
|
|
+ <h1 style="color: #ffad00; font-size: 28px !important; text-align: left; font-family: 'League Spartan', sans-serif !important; line-height: 1.1;">Real-Time <br>Notifications</h1>
|
|
|
+ <h5 class="text-left mt-4" style="color: white;">Stay notified via email as soon as proposal is received, while ensuring timely updates to applicants abount your interest in their proposals in real-time</h5>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!--end col-->
|
