|
@@ -95,7 +95,7 @@
|
|
background: #141639c4 !important;
|
|
background: #141639c4 !important;
|
|
}
|
|
}
|
|
.tns-nav button.tns-nav-active{
|
|
.tns-nav button.tns-nav-active{
|
|
- background-color: #ffff !important;
|
|
|
|
|
|
+ background-color: #ffad00 !important;
|
|
}
|
|
}
|
|
.bg-left{
|
|
.bg-left{
|
|
background-color:#191e38;
|
|
background-color:#191e38;
|
|
@@ -189,8 +189,8 @@
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
}
|
|
.avatar.avatar-small {
|
|
.avatar.avatar-small {
|
|
- height: 95px !important;
|
|
|
|
- width: 95px !important;
|
|
|
|
|
|
+ height: 85px !important;
|
|
|
|
+ width: 85px !important;
|
|
}
|
|
}
|
|
.hero{
|
|
.hero{
|
|
line-height: 1.1;
|
|
line-height: 1.1;
|
|
@@ -299,12 +299,12 @@
|
|
|
|
|
|
<div class="anime mt-4">
|
|
<div class="anime mt-4">
|
|
<div class="wrapper">
|
|
<div class="wrapper">
|
|
- <div class="static-txt"></div>
|
|
|
|
|
|
+ <div class="static-txt">Introducing Research Admission Platform for</div>
|
|
<ul class="dynamic-txts">
|
|
<ul class="dynamic-txts">
|
|
- <li><span>Supervision Opportunities</span></li>
|
|
|
|
- <li><span>Collaborate with Potential Co-author</span></li>
|
|
|
|
- <li><span>More Visibility, Be Found With Ease</span></li>
|
|
|
|
- <li><span>Full Control, No Junk Application</span></li>
|
|
|
|
|
|
+ <li><span>Supervision</span></li>
|
|
|
|
+ <li><span>Collaborate</span></li>
|
|
|
|
+ <li><span>More Visibility</span></li>
|
|
|
|
+ <li><span>Full Control</span></li>
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -422,53 +422,142 @@
|
|
<div style="border-bottom: 2px solid #ffad00; width: 12%; margin-left: 30rem;"></div>
|
|
<div style="border-bottom: 2px solid #ffad00; width: 12%; margin-left: 30rem;"></div>
|
|
</div><!--end col-->
|
|
</div><!--end col-->
|
|
</div><!--end row-->
|
|
</div><!--end row-->
|
|
- <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 class="row justify-content-center">
|
|
|
|
+ <div class="col-lg-12">
|
|
|
|
+ <div class="tiny-three-item">
|
|
|
|
+ <div class="tiny-slide">
|
|
|
|
+ <div class="d-flex client-testi m-2">
|
|
|
|
+ <div class="flex-1 position-relative">
|
|
|
|
+ <div class="card-body p-3 mt-3 mb-3" style="background: #191e38; color: white; border: none; border-radius: 13px 13px 13px 0px !important;">
|
|
|
|
+ <div class="mt-2 text-center">
|
|
|
|
+ <p class="mt-3 text-left" style="font-family: Nunito, sans-serif;">" Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident accusamus omnis voluptatibus asperiores autem explicabo! Reiciendis in consequatur consequuntur doloribus provident, ducimus fugiat excepturi exercitationem praesentium voluptatem eaque quisquam eius! "</p>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="mt-2" style="display: flex;">
|
|
|
|
+ <img src="web/images/01.jpg" class="text-center avatar avatar-small client-image shadow" alt="" style="border-radius: 46px !important;">
|
|
|
|
+ <div class="div">
|
|
|
|
+ <h5 class="card-title text-right" style="margin-bottom: 0px; font-weight: bolder; font-size: 16px !important;">MARK SHIM</h5>
|
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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 class="tiny-slide">
|
|
|
|
+ <div class="d-flex client-testi m-2">
|
|
|
|
+ <div class="flex-1 position-relative">
|
|
|
|
+ <div class="card-body p-3 mt-3 mb-3" style="background: #191e38; color: white; border: none; border-radius: 13px 13px 13px 0px !important;">
|
|
|
|
+ <div class="mt-2 text-center">
|
|
|
|
+ <p class="mt-3">"Lorem, ipsum dolor sit amet consectetur adipisicing elit. In aut sapiente deleniti! Natus, id et."</p>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="mt-2" style="display: flex;">
|
|
|
|
+ <img src="web/images/01.jpg" class="text-center avatar avatar-small client-image shadow" alt="" style="border-radius: 46px !important;">
|
|
|
|
+ <div class="div">
|
|
|
|
+ <h5 class="card-title text-right" style="margin-bottom: 0px; font-weight: bolder;">MARK SHIM</h5>
|
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</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 class="tiny-slide">
|
|
|
|
+ <div class="d-flex client-testi m-2">
|
|
|
|
+ <div class="flex-1 position-relative">
|
|
|
|
+ <div class="card-body p-3 mt-3 mb-3" style="background: #191e38; color: white; border: none; border-radius: 13px 13px 13px 0px !important;">
|
|
|
|
+ <div class="mt-2 text-center">
|
|
|
|
+ <p class="mt-3">"Lorem, ipsum dolor sit amet consectetur adipisicing elit. In aut sapiente deleniti! Natus, id et."</p>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="mt-2" style="display: flex;">
|
|
|
|
+ <img src="web/images/01.jpg" class="text-center avatar avatar-small client-image shadow" alt="" style="border-radius: 46px !important;">
|
|
|
|
+ <div class="div">
|
|
|
|
+ <h5 class="card-title text-right" style="margin-bottom: 0px; font-weight: bolder;">MARK SHIM</h5>
|
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div><!--end col-->
|
|
|
|
- </div><!--end row-->
|
|
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="tiny-slide">
|
|
|
|
+ <div class="d-flex client-testi m-2">
|
|
|
|
+ <div class="flex-1 position-relative">
|
|
|
|
+ <div class="card-body p-3 mt-3 mb-3" style="background: #191e38; color: white; border: none; border-radius: 13px 13px 13px 0px !important;">
|
|
|
|
+ <div class="mt-2 text-center">
|
|
|
|
+ <p class="mt-3">"Lorem, ipsum dolor sit amet consectetur adipisicing elit. In aut sapiente deleniti! Natus, id et."</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mt-2" style="display: flex;">
|
|
|
|
+ <img src="web/images/01.jpg" class="text-center avatar avatar-small client-image shadow" alt="" style="border-radius: 46px !important;">
|
|
|
|
+ <div class="div">
|
|
|
|
+ <h5 class="card-title text-right" style="margin-bottom: 0px; font-weight: bolder;">MARK SHIM</h5>
|
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="tiny-slide">
|
|
|
|
+ <div class="d-flex client-testi m-2">
|
|
|
|
+ <div class="flex-1 position-relative">
|
|
|
|
+ <div class="card-body p-3 mt-3 mb-3" style="background: #191e38; color: white; border: none; border-radius: 13px 13px 13px 0px !important;">
|
|
|
|
+ <div class="mt-2 text-center">
|
|
|
|
+ <p class="mt-3">"Lorem, ipsum dolor sit amet consectetur adipisicing elit. In aut sapiente deleniti! Natus, id et."</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mt-2" style="display: flex;">
|
|
|
|
+ <img src="web/images/01.jpg" class="text-center avatar avatar-small client-image shadow" alt="" style="border-radius: 46px !important;">
|
|
|
|
+ <div class="div">
|
|
|
|
+ <h5 class="card-title text-right" style="margin-bottom: 0px; font-weight: bolder;">MARK SHIM</h5>
|
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="tiny-slide">
|
|
|
|
+ <div class="d-flex client-testi m-2">
|
|
|
|
+ <div class="flex-1 position-relative">
|
|
|
|
+ <div class="card-body p-3 mt-3 mb-3" style="background: #191e38; color: white; border: none; border-radius: 13px 13px 13px 0px !important;">
|
|
|
|
+ <div class="mt-2 text-center">
|
|
|
|
+ <p class="mt-3">"Lorem, ipsum dolor sit amet consectetur adipisicing elit. In aut sapiente deleniti! Natus, id et."</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mt-2" style="display: flex;">
|
|
|
|
+ <img src="web/images/01.jpg" class="text-center avatar avatar-small client-image shadow" alt="" style="border-radius: 46px !important;">
|
|
|
|
+ <div class="div">
|
|
|
|
+ <h5 class="card-title text-right" style="margin-bottom: 0px; font-weight: bolder;">MARK SHIM</h5>
|
|
|
|
+ <p style="margin-bottom: 10px !important;">Head of Marketing,<br> research.com</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <!-- <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> -->
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
|
|
|
|
<div class="container-fluid mt-5 pt-3" style="background-color: #191e38;">
|
|
<div class="container-fluid mt-5 pt-3" style="background-color: #191e38;">
|
|
<div class="row g-0 mt-5" style="justify-content: center;">
|
|
<div class="row g-0 mt-5" style="justify-content: center;">
|