@ -21,174 +21,150 @@
< / div >
< div >
< 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 = "
pills-home-tab">
<!-- Overview -->
< h2 style = "font-weight: 600;text-align: center;width: 100%;" > Overview< / h2 >
< 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.
< / 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 >
< 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 >
< 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 >
< 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 >
< / 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-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-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-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-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-status-level-cybrosys-5.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" > 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-status-level-cybrosys-6.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 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-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 >
< / section >
<!-- 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 = "
pills-home-tab">
<!-- Overview -->
< h2 style = "font-weight: 600;text-align: center;width: 100%;" > Overview< / h2 >
< 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 >
< 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 >
< 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 >
< 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 >
< / 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 >
< / 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 >
< / 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 >
< / 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 >
< / 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" >
< / 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" >
< / 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" >
< / 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 >
< / 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 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/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" >
< / ul >
< / div >
< / 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 >
<!-- <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%;" >
< / 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" >
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
< / 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 >
Ajmalcybrosys
6 years ago