Israat Zarin 1 jaar geleden
bovenliggende
commit
38084ecfac
1 gewijzigde bestanden met toevoegingen van 101 en 81 verwijderingen
  1. 101 81
      resources/views/landing.blade.php

+ 101 - 81
resources/views/landing.blade.php

@@ -131,10 +131,13 @@
             }
             .box-white{
                 color: white;
-                background-color: #4c4d682b !important;
+                background-color: #191e38 !important;
             }
             .text-muted{
-                color: white !important;
+                color: #191e38 !important;
+            }
+            .text-muted1{
+                color: #ffffff !important;
             }
             .master-link.secondary {
                 padding: 12px;
@@ -166,27 +169,32 @@
             }
        </style>
        <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>    
+        
+       <header id="topnav" style="position: unset !important;">
+            <div class="container-fluid" style="background-color:#191e38;">
+                <div class="col-md-12">
+                    <div class="row"> 
+                        <div style="border-bottom: 1px solid #eee; display: flex; margin-top: -11px;">
+                            <div class="col-md-9 mb-3">
+                                <a class="logo" href="index.html">
+                                    <h3 class="ms-5" style="font-family:Ubuntu !important; color: white; margin-top: 2rem;">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>
             </div>
-        </div>
+        </header>
+
         <section class="cover-user bg-left" style="background-color:#191e38;">
-            <div class="container px-0">
+            <div class="container-fluid 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;">
+                    <div class="col-md-8 mt-5 pt-5 mb-5">
+                        <div class="card-body mt-4 mb-4" 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;">
@@ -200,34 +208,36 @@
                         </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 class="container-fluid mt-5" style="background-color: white;">
+                        <div class="row g-0 mt-5 mb-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: #191e38; 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: #191e38; font-weight: bolder !important;">We understand that you must receive countless emails from doctoral applicants</p> 
                                         </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><!--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 rounded position-relative">
+                                                <h6 class="text-muted mt-2" style="text-align: left; line-height: 1.1; color: #191e38 !important; font-size: 39px !important; font-weight: 700 !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 rounded box-white position-relative">
+                                                <h6 style="color: #ffbd59; font-weight: bolder !important;">OPTION 1 </h6>
+                                                <p class="text-muted1 mt-2">"Provide your <span style="color:  #ffbd59;">ARN (Application Reference Number)</span> 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 rounded box-white position-relative">
+                                                <h6 style="color: #ffbd59; font-weight: bolder !important;">OPTION 2 </h6>
+                                                <p class="text-muted1 mt-2">"Log in to your account, open Invite and add the student's name and email address, <span style="color:  #ffbd59;">send them an invitation.</span> This will automatically tag their application under your account when they apply.*"</p>
+                                            </div>
+                                            <div class="flex-1 content p-3 rounded box-white position-relative">
+                                                <h6 style="color: #ffbd59; font-weight: bolder !important;">OPTION 3 </h6>
+                                                <p class="text-muted1 mt-2">"Share the <span style="color:  #ffbd59;">Q Apply link</span> 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>
@@ -248,43 +258,43 @@
 
                             <div class="row justify-content-center">
                                 <div class="col-lg-12 mt-4" style="padding: 0px;">
-                                    <div class="tiny-single-item">
+                                    <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">
+                                                <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-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>
+                                                    <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">
+                                                <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-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>
+                                                    <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>
                                         </div>
 
                                         <div class="tiny-slide">
                                             <div class="d-flex m-2">
-                                                <div class="flex-1 content p-3 shadow rounded box-white position-relative">
+                                                <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-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>
+                                                    <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>
 
                                         <div class="tiny-slide">
                                             <div class="d-flex m-2">
-                                                <div class="flex-1 content p-3 shadow rounded box-white position-relative">
+                                                <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-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>
+                                                    <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>
@@ -292,33 +302,31 @@
                                 </div><!--end col-->
                             </div><!--end row-->
                         </div><!--end container-->
-                    </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>
+                    
+                    <div class="container-fluid mt-5" style="background-color: white;">
+                        <div class="row g-0 mt-5 mb-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-5 mt-5">
+                                            <h1 style="line-height: 1.1; color: #191e38; font-size: 48px !important; font-weight: 500 !important; font-family: 'League Spartan', sans-serif !important;">Lorem ipsum dolor sit amet</h1>
+                                            <p class="mt-4" style="color: #191e38; 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 class="card-body">
+                                    <div class="flex-1 content p-3 shadow rounded box-white position-relative">
+                                        <p class="text-muted1 mt-5 mb-2 text-center">"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 mb-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>
                                 </div>
-                            </div><!--end col-->
-                        </div><!--end row-->
-                    </div><!--end container-->
+                            </div>
+                        </div>
+                    </div>
                 </div>   
                     <!-- <div class="col-lg-7 cover-my-30 ms-5 ps-5">
                         <div class="row">
@@ -341,6 +349,18 @@
                 </div><!--end row-->
             </div><!--end container fluid-->
         </section><!--end section-->
+        <footer class="footer footer-bar" style="background-color: #191e38; display: block;">
+            <div class="container text-center">
+                <div class="row align-items-center">
+                    <div class="col-sm-12">
+                        <div class="text-sm-center">
+                        <p class="mb-0" style="color:white; margin-left: -2px; padding: 14px;">Copyright © <script>document.write(new Date().getFullYear())</script>
+                            Research Admission</p>
+                        </div>
+                    </div><!--end col-->
+                </div><!--end row-->
+            </div><!--end container-->
+        </footer>
         <!-- javascript -->
         <script src="{{asset('web/js/bootstrap.bundle.min.js')}}"></script>
         <!-- tobii js -->