[CHG] Index Changed 'project_status_level_report'

project_status_level_report/static/description/index.html

@@ -21,25 +21,25 @@
 </div>
 <div>
 
+
+	
+	
+	
+	
+	<!--main-->
 	 <section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
       <div class="row py-4 px-3">
          <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
             <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab" style="border: none;background: unset;">
-		  
                <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link active show" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;text-align: center;
                   color: #fff;">Overview </a> </li>
                <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link " style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
                   color: #fff;" >Features </a> </li>
-		  
                <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
                   color: #fff;">Screenshots </a> </li>
-		  
                <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-video" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
                   color: #fff;">Video </a> </li>
-       
             </ul>
-		
-		
             <div class="tab-content" id="pills-tabContent"
                style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
                <div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
@@ -49,137 +49,108 @@
                   <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
                   <h3 class="oe_slogan" style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
                      Get more refined control of projects via analyzing them from different aspects. Project status report application helps the business to get a detailed visual of project status from various dimensions.Business organizations can make use of the application to plan,track and collaborate their task.
-
+                  </h3>
                </div>
-		  
                <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
                   pills-home-tab">
                   <!-- feature tab-->
                   <h2 style="font-weight: 600;text-align: center;width: 100%;">Project Status Report</h2>
                   <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
                   <ul>
-			  
                      <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
-			<img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Helps to analyse project from various aspects.</li>
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Helps to analyse project from various aspects.
-			  
+                     </li>
                      <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
-			<img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Complete project status report in XLS with budget analysis.</li>
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
-			  
+						 Complete project status report in XLS with budget analysis.
+                     </li>
                      <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
-			<img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Tasks, Gantt chart XLS Analysis.</li>
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
-			  
+						 Tasks, Gantt chart XLS Analysis.
+                     </li>
                      <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-			<img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project Breakdown Charter Analysis.  </li>
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+						Project Breakdown Charter Analysis. 
+                     </li>
                   </ul>
                </div>
-		  
-		  
                <!-- Screenshot tab-->
                <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" >
-			
                   <div class="tab-pane">
                      <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
                      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
                      <div>
                         <section class="oe_container">
-				  
                            <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
                               <div class="carousel-inner">
                                  <div class="carousel-item active" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
                                        <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Menu View </h3>
-			
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-1.png"> </div>
-          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-1.png"> </div>
                                     </div>
                                  </div>
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
                                        <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Wizard View  </h3>
-		  
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-2.png"> </div>
-          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-2.png"> </div>
                                     </div>
-        
                                  </div>
-		 
-		 
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
                                        <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project Graphical Overview </h3>
-		  
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-3.png"> </div>
-          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-3.png"> </div>
                                     </div>
-        
                                  </div>
-		 
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
                                        <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project Information</h3>
-		  
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-4.png"> </div>
-          <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-4.png"> </div>
                                     </div>
-        
                                  </div>
-
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-		  
                                        <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">The pie chart of overall task status.</h3>
-		   
                                        <div style="">
-			  
+                                          <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-5.png"> 
-			<img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-5.png"> </div>
+                                       </div>
                                     </div>
-        
                                  </div>
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-		  
                                        <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">End user can easily compare the actual and planned time of the project.</h3>
-		   
                                        <div style="">
-			  
+                                          <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-6.png"> 
-			<img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-6.png"> </div>
+                                       </div>
                                     </div>
-        
                                  </div>
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-		  
                                        <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0;font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Project task information and bar chart. End user can easily analyse the tasks.</h3>
-		   
                                        <div style="">
-			  
+                                          <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-satus-level-cybrosys-7.png"> 
-			<img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project-status-level-cybrosys-8.png"> </div>
                                        </div>
-        
                                     </div>
                                  </div>
-
-		 
                               </div>
-		<a class="carousel-control-prev" href="#demo" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> </div>
+                              <a class="carousel-control-prev" href="#demo" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> 
+                           </div>
                         </section>
                      </div>
                   </div>
                </div>
-	    
-			
                <div class="px-3 pt-1 tab-pane fade" id="pills-video" role="tabpanel" aria-labelledby="
                   pills-home-tab">
                   <!-- Video-->
                   <h2 style="font-weight: 600;text-align: center;width: 100%;">Video</h2>
                   <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
-         <center><p>Project Status Report</p>
+                  <center>
+                     <p>Project Status Report Demo</p>
                      <!--<a href="https://www.youtube.com/watch?v=57QWXrMYe84&feature=youtu.be" target="_blank"> <img src="addon-youtube.png" style="width:80%;"></a>-->
-			 
                      <div class="s_panel_video" data-video-id="PF3WHX84fig?rel=0" style="cursor:pointer;">
-                <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0" src="images/youtube-video.png" alt="Cybrosys Cover Video" style="max-width:100%;">
+                        <img class="img-fluid s_tooltip_tabs_tooltip_image s_figure_link pb0" src="images/pos_book_order_youtube.png" alt="Cybrosys Cover Video" style="max-width:100%;">
                      </div>
-			 
                   </center>
                </div>
-			
-			
                <!-- faq tab-->
                <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
                   <ul class="list-unstyled">
@@ -190,6 +161,11 @@
       </div>
    </section>
 	
+	<!--main-->
+	
+	
+	
+
 <section class="oe_container" style="padding: 2rem 3rem 1rem;">
   <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
   <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">