EVOLUTION-NINJA

Edit File: user_guide.php

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title>MediuPlues</title>

<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/bootstrap.min.css'); ?>" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/font-awesome.min.css'); ?>" />

<scrip  type="text/javascript"  src="<?php echo base_url('public/assets/js/jquery-3.6.0.min.js'); ?>"></script>
    <script  type="text/javascript" src="<?php echo base_url('public/assets/js/bootstrap.min.js'); ?>"></script>
    <script src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script>

<link rel="stylesheet" href="<?php echo base_url('public/assets/css/blog.css');?>" />
    <link rel="stylesheet" href="<?php echo base_url('public/assets/css/foryou.css');?>" />
    <link rel="stylesheet" href="<?php echo base_url('public/assets/css/foryou2.css');?>" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
     
     <link rel="stylesheet"
     href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
 <link rel="stylesheet"
     href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
 
  </head>
  <style>
    @media only screen and (max-width:600px) {
  .no-content {
  height: 617px;
  margin-bottom: 614px;
}
    }
    .user-Doc{
        height: auto;
    }
    .user-Documents {
        margin : 30px;
    }

</style>
  <body>
    <header class="blog_header no-content ">
        <div class="container-fluid">
            <div class="row pt-3">
                <div class="col-sm-1"></div>
                <div class="col-sm-2">
                <a href="<?php echo base_url('/'); ?>"  ><img src="public/assets/images1/MediuPlues.png" class="blog_lg" alt=""></a>
                </div>
                
                <div class="col-sm-6">
                    
                <nav class="navigation bl-nav navigat-hold">
                <ul class='nav-bar'>
                    <input type='checkbox' id='check' />
                    <span class="menu">
                        <a href="<?php echo base_url('discover'); ?>" class="col-ang"><li class="top-down">Discover</li></a>
                        <li class="dropdown">For You  <i class="fa fa-sort-desc" aria-hidden="true"></i>
                            <ul class="dropdown-content">
                            <li><a href="trainees">PG Trainee Doctors</a></li>
                                <li><a href="doctors">Healthcare Professionals </a></li>
                                <li><a href="associations">Associations</a></li>
                                <li><a href="colleges">Medical Colleges</a></li>
                                <li><a href="hospitals">Hospitals</a></li>
                                
                            </ul>
                            <a href="<?php echo base_url('products'); ?>" class="pro-color"><li>Products</li> </a>
                    <a href="<?php echo base_url('aboutus'); ?> "  ><li>About</li></a>
                    <a href="<?php echo base_url('blog'); ?>"  ><li>Blog</li></a>
                    <a href="<?php echo base_url('contact'); ?> "  ><li>Contact</li></a>
                    
                    <li class="dropdown dr1">More <i class="fa fa-sort-desc" aria-hidden="true"></i>
                                        <ul class="dropdown-content drop1">

<li><a href="<?php echo base_url('faq'); ?>">FAQ</a></li>
                                            <li><a href="<?php echo base_url('user-guide'); ?>">User Guides</a></li>
                                            <li><a href="<?php echo base_url('downloads'); ?>">Downloads</a></li>

</ul>
                                    </li>
                    
                    <button type="submit" id="login-btn">
                                    <li class="dropdown dr2">Login <i class="fa fa-sort-desc loin-mem-adm"  aria-hidden="true"></i>
                                        <ul class="dropdown-content drop2">
                                            <li><a href="<?php echo base_url('admin/login'); ?>" target="_blank">Admin Login</a></li>
                                            <li><a href="<?php echo base_url('login'); ?>" target="_blank">Member Login</a></li>
                                        </ul>
                                    </li>
                                </button>
                                <button type="submit" class="btn" id="signup-btn" onclick="signup()">Sign-up</button> 
                                
                    <label for="check" class="close-menu"><i class="fa fa-times" aria-hidden="true"></i></label>
                    </span>
                    <label for="check" class="open-menu"><i class="fa fa-bars" aria-hidden="true"></i></label>
                </ul>
                </nav>
                </div>
                
            </div>
            <div class="row fyfrow">
                <div class="col-sm-1"></div>
                <div class="col-sm-5">
                    <h2 class="main-userpage">User Guide</h2>
                    <p class="foryou-para-user mt-5">Explore the 
                        
                            future

of <br>
                        healthcare, where every <br>
                        decision is <span class="future-orange">informed,</span> every  <br>
                        outcome is <span class="future-orange">improved,</span> and every <br>
                        patient journey is <span class="future-orange">personalized.</span> </p>
                        
                        
                        <h5 class="fy-explore"><a href="<?php echo base_url('products'); ?>" class="exp-prod">Explore Products</a></h5>
                        <p class="fy-explore-p">Medusys empowers the healthcare community to 
                            learn, enhance and connect</p>
                            <a href="https://demo.medusys.in/" target="_blank"><button type="button" class="free-btn">Free Sign up</button></a>
                            <a href="https://play.google.com/store/apps/details?id=com.jb.medusys&pcampaignid=web_share" target="_blank"><button type="button" class="glplay-btn"><img src="public/assets/images1/foryou_img2.png" alt=""></button></a>
                </div>
                
                <div class="col-sm-5">
                    <img src="public/assets/images1/user-1main.png" alt="blog"  class="user-img1-main">
                </div>
            </div>
        </div>
    </header>
       
       <section class="user-guide" id="user-section">
        <div class="container-fluid m-5">
            <div class="row">
            <div class='col-sm-1'></div>
                <div class="col-sm-4 user-Head">
                    <h4 class="vug">Video User Guides</h4>
                </div>
                <div class="col-sm-1">
                    
                </div>
            </div>
            <div class="row m-2">
                
                <div class='col-sm-1'></div>
                <div class="col-sm-10 user-width-video">
                    
                    <div class="tab">
                        <button id="defaultOpen" class="tablinks"
                            onclick="openCity(event, 'website'); rotateArrow('arrowWebsite')">Access on
                            Website&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img id="arrowWebsite" class="rotate-image"
                                src="public/assets/images1/In.png" alt="Arrow button"> </button>

<button class="tablinks"
                            onclick="openCity(event, 'android'); rotateArrow('arrowAndroid')">Access on
                            Android&nbsp;&nbsp;&nbsp;<img id="arrowAndroid" class="rotate-image" src="public/assets/images1/In.png"
                                alt="Arrow button"></button>

<button class="tablinks" onclick="openCity(event, 'iphone'); rotateArrow('arrowIphone')">Access
                            on iPhone &nbsp;&nbsp;&nbsp;<img id="arrowIphone" class="rotate-image" src="public/assets/images1/In.png"
                                alt="Arrow button"></button>
                    </div>
                    
                    <div id="website" class="tabcontent" style="display: block;">
                        <div class="row">
                            <div class="col-sm-12 videos_website">
                                <h4>Videos</h4>
                                <div class="boder-Vid"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg1" src="public/assets/images1/Registration_and_login 1.png"
                                            alt="Registration_and_login">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>Registration and Login<br></p>
                                            <p class="link-user"><a href="https://youtu.be/cYDgK4LimsU" target="_blank">
                                                    https://youtu.be/cYDgK4LimsU
                                                </a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg2" src="public/assets/images1/Login & Landing Page 1.png"
                                            alt="Login & Landing Page 1">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>Login & Landing Page<br></p>
                                            <p class="link-user"><a href="https://youtu.be/NwznWuzWAYI"
                                                    target="_blank">https://youtu.be/NwznWuzWAYI</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg3" src="public/assets/images1/Clinical database 1.png"
                                            alt="Clinical database 1">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>Clinical database<br></p>
                                            <p class="link-user"><a href="https://youtu.be/BqHRKIWpC7M" target="_blank">
                                                    https://youtu.be/BqHRKIWpC7M</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg4" src="public/assets/images1/Logbook userguide 1.png"
                                            alt="Logbook userguide 1">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>Logbook userguide <br></p>
                                            <p class="link-user"><a href="https://youtu.be/3Ddu3OPaKyg" target="_blank">
                                                    https://youtu.be/3Ddu3OPaKyg</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg5" src="public/assets/images1/MeLS Conference 1.png" alt="MeLS Conference 1">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>MeLS Conference <br></p>
                                            <p class="link-user"><a href="https://youtu.be/8PchzDWwuqY" target="_blank">
                                                    https://youtu.be/8PchzDWwuqY</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg6" src="public/assets/images1/MeLS CME 1.png" alt="MeLS CME 1">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p style="font-size: 11px;">MeLS CME other modules user guide <br></p>
                                            <p class="link-user"><a href="https://youtu.be/gKIqw54fcKA"
                                                    target="_blank">https://youtu.be/gKIqw54fcKA</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg7" src="public/assets/images1/CPD portfolio Userguide 1.png"
                                            alt="CPD portfolio Userguide 1">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>CPD portfolio userguide <br></p>
                                            <p class="link-user"><a href="https://youtu.be/pHgYbtJu8Ug" target="_blank">
                                                    https://youtu.be/pHgYbtJu8Ug</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="android" class="tabcontent">
                        <div class="row">
                            <div class="col-sm-12 videos_website">
                                <h4>Videos</h4>
                                <div class="boder-Vid"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg8" src="public/assets/images1/Registration on Android 1.png"
                                            alt="Registration on Android">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>Registration on Android<br></p>
                                            <p class="link-user"><a href="https://youtu.be/6JhGmNnSgx8" target="_blank">
                                                    https://youtu.be/6JhGmNnSgx8
                                                </a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg9" src="public/assets/images1/My CPD Portfolio 1.png" alt="My CPD Portfolio">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>My CPD Portfolio<br></p>
                                            <p class="link-user"><a href="https://youtu.be/X1HPyKyvpRA"
                                                    target="_blank">https://youtu.be/X1HPyKyvpRA</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg10" src="public/assets/images1/Reflective Anaesthesia Logbook 1.png"
                                            alt="Reflective Anaesthesia Logbook">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>Reflective Anaesthesia Logbook <br></p>
                                            <p class="link-user"><a
                                                    href="https://youtu.be/sFgKQrLfdmo?si=iIVTEbmstAi-p76_"
                                                    target="_blank">https://youtu.be/sFgKQrLfdmo?si=iIVTEbmstAi-p76_</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div id="iphone" class="tabcontent">
                        <div class="row">
                            <div class="col-sm-12 videos_website">
                                <h4>Videos</h4>
                                <div class="boder-Vid"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="mt-4">
                                    <div class="card">
                                        <img id="videoimg11" src="public/assets/images1/Medusys GAS on iOS 1.png"
                                            alt="Medusys GAS on iOS">
                                        <i class="fa fa-play-circle-o play_btn" aria-hidden="true"></i>
                                        <div class="card-body">
                                            <p>Medusys GAS on iOS<br></p>
                                            <p class="link-user"><a
                                                    href="https://youtu.be/e1GJyDaU4sQ?si=-SpF6GXF9Ex7qxUr"
                                                    target="_blank">https://youtu.be/e1GJyDaU4sQ?si=-SpF6GXF9Ex7qxUr
                                                </a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class='col-sm-1'></div>
        </div>
    </section>
    <section class="user-Documents ">
        <div class="container-fluid user-Doc">
            <div class="row" id="back_img_user">
                
                <div class="col-sm-3 border-rig">
                    <h3 class="m-3">Documents</h3>
                    <img src="public/assets/images1/dl.beatsnoop 3.png" alt="dl.beatsnoop 3">
                </div>

<div class="col-sm-3 mt-5">
                    <div class="card mt-5 p-2">
                        <img class="card-img-top card-img-alt " src="public/assets/images1/Capture1 1.png" alt="Capture1 1">
                        <div class="card-body">
                            <a href="https://medusys.in/images/Medusys-GAS%20Registration-UserGuide.pdf"
                                target="_blank">Medusys-GAS Registration Guide</a>
                        </div>
                    </div>
                </div>

<div class="col-sm-3 mt-5">
                    <div class="card mt-5 p-2">
                        <img class="card-img-top card-img-alt1 " src="public/assets/images1/Capture2 1.png" alt="Capture2 1"
                            height="130px">
                        <div class="card-body">
                            <a href="https://medusys.in/images/FARA-2022-Conference-Registration-Guide.pdf"
                                target="_blank">FARA 2022 Conference Registration Guide</a>
                        </div>
                    </div>
                </div>

<div class="col-sm-3 mt-5">
                    <div class="card mt-5 p-2">
                        <img class="card-img-top card-img-alt2 " src="public/assets/images1/Capture3 1.png" alt="Capture3 1">
                        <div class="card-body">
                            <a href="https://medusys.in/images/PURE-2022%20Conference-Registration-Guide.pdf"
                                target="_blank">PURE 2022 Conference Registration Guide </a>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>

</section>
    
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
        crossorigin="anonymous"></script>
        <button id="scrollToTopBtn" title="Go to top"><i class="fa fa-arrow-up" aria-hidden="true"></i></button>

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {
scrollFunction();
};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
	scrollToTopBtn.style.display = "block";
} else {
	scrollToTopBtn.style.display = "none";
}
}

// When the user clicks on the button, scroll to the top of the document smoothly
scrollToTopBtn.addEventListener("click", function() {
scrollToTop();
});

function scrollToTop() {
var currentPosition = document.documentElement.scrollTop || document.body.scrollTop;

if (currentPosition > 0) {
	window.requestAnimationFrame(scrollToTop);
	window.scrollTo(0, currentPosition - currentPosition / 10); // Adjust the speed here by changing the divisor (8)
}
}

</script>
    <script>
        function openCity(evt, cityName) {
            // Declare all variables
            var i, tabcontent, tablinks;

// Get all elements with class="tabcontent" and hide them
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }

// Get all elements with class="tablinks" and remove the class "active"
            tablinks = document.getElementsByClassName("tablinks");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }

// Show the current tab, and add an "active" class to the button that opened the tab
            document.getElementById(cityName).style.display = "block";
            evt.currentTarget.className += " active";
        }
    </script>
    
    <script>
        function rotateArrow(arrowId) {
            const selectedArrow = document.getElementById(arrowId);

// Get the current rotation state
            const currentRotation = selectedArrow.style.transform.replace(/[^0-9.-]/g, '');

// Reset rotation for all arrows
            document.querySelectorAll('.rotate-image').forEach((arrow) => {
                arrow.style.transform = 'rotate(0deg)';
            });

// Calculate the new rotation
            const newRotation = (currentRotation === '') ? 180 : (parseFloat(currentRotation) + 180) % 360;

// Apply the new rotation
            selectedArrow.style.transform = `rotate(${newRotation}deg)`;
        }
    </script>
    <script>
        document.getElementById('videoimg1').addEventListener('click', function () {
            window.open('https://youtu.be/cYDgK4LimsU', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg2').addEventListener('click', function () {
            window.open('https://youtu.be/NwznWuzWAYI', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg3').addEventListener('click', function () {
            window.open('https://youtu.be/BqHRKIWpC7M', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg4').addEventListener('click', function () {
            window.open('https://youtu.be/3Ddu3OPaKyg', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg5').addEventListener('click', function () {
            window.open('https://youtu.be/8PchzDWwuqY', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg6').addEventListener('click', function () {
            window.open('https://youtu.be/gKIqw54fcKA', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg7').addEventListener('click', function () {
            window.open('https://youtu.be/pHgYbtJu8Ug', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg8').addEventListener('click', function () {
            window.open('https://youtu.be/6JhGmNnSgx8', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg9').addEventListener('click', function () {
            window.open('https://youtu.be/X1HPyKyvpRA', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg10').addEventListener('click', function () {
            window.open('https://youtu.be/sFgKQrLfdmo?si=iIVTEbmstAi-p76_', '_blank')
        })
    </script>
    <script>
        document.getElementById('videoimg11').addEventListener('click', function () {
            window.open('https://youtu.be/e1GJyDaU4sQ?si=-SpF6GXF9Ex7qxUr', '_blank')
        })
    </script>
    <script>
        function usergud() {
            window.location.href = "#user-section"
        }
    </script>
   <script>
                function signup(){
                    window.open("https://medusys.in/Registration", "_blank");
                }
            </script>

<?php
    echo view('NewIncludes/blog_footer');    
?>