EVOLUTION-NINJA

Edit File: download.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>Medusys</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>

.cards {
        /* padding: 10px 0px; */
        border-radius: 7px;
        min-height: 612px;
        border: none
    }

.download-page {
        width: 95%;
        margin: auto;
        row-gap: 20px;

& .card-body>.card-title {
            color: #005070;
            font-size: 21px;
            font-weight: 600;
            margin-block: 0;
            text-align: left;
        }

& .card-body>.card-text {
            color: #535353;
            font-size: clamp(14px, 2vw, 16px);
            font-weight: 500;
            text-align: left;
            margin-top: 10px;
            font-family: 'Poppins', sans-serif;
        }

& .download-buttons {
            background-color: #FBFBFB;
            text-align: center;
            padding: 5px;

& button {
                /* padding: 10px; */
                height: 40px;
                width: 56%;
                color: #FFFFFF;
                font-family: 'poppins', sans-serif;
                font-size: 18px;
                font-weight: 600;
                background-image: linear-gradient(-20deg, #003D60, #00A3FF);
                border: none;
                border-radius: 10px;
                margin: 6px;
                outline: none;
            }

}

.download-page2 {
        display: none;
    }

.loadmorebtn-download {
        margin-top: 15px;
        text-align: center;
    }

.loadmorebtn-download>button {
        color: #FFFFFF;
        font-family: 'poppins', sans-serif;
        font-size: 17px;
        font-weight: 600;
        outline: none;
        border: none;
        width: 12%;
        border-radius: 35px;
        background-image: linear-gradient(-20deg, #003D60, #00A3FF);
        padding: 10px 25px;
        margin-bottom: 20px;
    }
    .down-broc-img{
        width: 100%;
    /* margin: auto; */
    height: auto;
    padding: 11px;

}
    .download-buttons1{
        width: 30% !important;
    }
    @media only screen and (max-width:600px) {
        .cards {
            min-height: auto;
        }

.download-page {
            width: 100%;
        }
        .download-main-block {
             margin-top: -60PX;
        }
        .loadmorebtn-download>button {
            width: 37%;
        padding: 9px 5px;

}
        .download-page-mob {
           width: 68% !important;
        }
        .download-buttons1 {
            width: 40% !important;
        }
    }
</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/Medusys Logo Final 1 (1).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-6">
                    
                    <p class="foryou-para mt-5 pt-5" id="discover-maincontent">Download essential resources:<br>
                         Browse brochures, white papers, <br>
                          practical guides, and more to <br>
                          elevate your practice.
</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/discoverhome1.png" alt="blog" width="100%" height="auto" class="discoverhome1" >
                </div>
            </div>
        </div>
    </header>
 
 <section>
        <div class="container-fluid download-main-block">
            <div class="download-page row  mt-4">

<div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/Picture1 5(1).png" alt="Card image cap"
                            >
                        <div class="card-body ">
                            <h5 class="card-title">Medusys Brochure</h5>
                            <p class="card-text">Download our brochure for more details on our pioneering digital health
                                solutions. </p>
                        </div>
                        <div class="card-footer download-buttons">
                            <a href="public/uploads/new_downloads/Medusys_Brochure_HIGH.pdf" target="_blank"><button class="download-page-mob">
                                    Download (high res)
                                </button></a>

</div>
                    </div>
                </div>
                
                <div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/Picture1 5(1).png" alt="Card image cap"
                             >
                        <div class="card-body ">
                            <h5 class="card-title">Medusys Brochure</h5>
                            <p class="card-text">Download our brochure for more details on our pioneering digital health
                                solutions. </p>
                        </div>
                        <div class="card-footer download-buttons">
                            <a href="public/uploads/new_downloads/Medusys_Brochure_LOW.pdf" target="_blank"><button class="download-page-mob">
                                    Download (low res)
                                </button></a>

</div>
                    </div>
                </div>

<div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/Picture2 2.png" alt="Card image cap">
                        <div class="card-body ">
                            <h5 class="card-title">Medusys GAS Brochure </h5>
                            <p class="card-text">Download our brochure for more details on our platform in Anaesthesia
                                and Pain Management.
                            </p>
                        </div>
                        <div class="card-footer download-buttons ">
                            
                            <a href="public/uploads/new_downloads/Medusys_Brochure_HIGH.pdf" target="_blank"><button class="download-page-mob">
                                    Download (high res)
                                </button></a>

</div>
                    </div>
                </div>
            </div>

<div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/ENA_DOWN1-1.png"
                            alt="Card image cap"  >
                        <div class="card-body ">
                            <h5 class="card-title">Medusys GAS Platform for Anaesthetists. </h5>
                            <p class="card-text">Download our whitepaper for more details on Medusys GAS Platform
                                and
                                its benefits.
                            </p>
                        </div>
                        <div class="card-footer download-buttons">
                            <a href="public/uploads/new_downloads/White Paper - Medusys GAS Benefits.pdf"
                                target="_blank"><button class="download-buttons1">
                                    Download
                                </button></a>

</div>
                    </div>
                </div>
                
                <div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/ENA_DOWN2-2.png" alt="Card image cap"
                             >
                        <div class="card-body ">
                            <h5 class="card-title">Reflective Anaesthesia Logbook (ReAL) for Anaesthetists </h5>
                            <p class="card-text">Download our whitepaper for more details on key features and
                                benefits
                                of anaesthesia logbook.
                            </p>
                        </div>
                        <div class="card-footer download-buttons ">
                            <a href="public/uploads/new_downloads/Logbook_pdf.pdf" target="_blank"><button class="download-buttons1">
                                    Download
                                </button></a>

</div>
                    </div>
                </div>
                
                <div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/ENA_DOWN3-3.png"
                            alt="Card image cap"  >
                        <div class="card-body ">
                            <h5 class="card-title">MyCPD Portfolio Toolkit for Anaesthetists </h5>
                            <p class="card-text">Download our whitepaper for more details on key features and
                                benefits
                                of MyCPD Portfolio.
                            </p>
                        </div>
                        <div class="card-footer download-buttons ">
                            <a href="public/uploads/new_downloads/White Paper - MyCPD Portfolio.pdf"
                                target="_blank"><button class="download-buttons1">
                                    Download
                                </button></a>

</div>
                    </div>
                </div>
            </div>

<div class="row download-page download-page2 mt-4">
                
                <div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/ENA_DOWN4-4.png"
                            alt="Card image cap"  >
                        <div class="card-body ">
                            <h5 class="card-title">Preoperative Risk Assessment and Prediction Models in Anaesthesia
                            </h5>
                            <p class="card-text">Download our whitepaper to explore the data-driven approaches of
                                AI-enabled preoperative assessments and its benefits.
                            </p>
                        </div>
                        <div class="card-footer download-buttons ">

<a href="public/uploads/new_downloads/White Paper - Preoperative Risk Assessment.pdf"
                                target="_blank"><button class="download-buttons1">
                                    Download
                                </button></a>

</div>
                    </div>
                </div>

<div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/ENA_DOWN5-5.png"
                            alt="Card image cap"  >
                        <div class="card-body ">
                            <h5 class="card-title">MeduCore© Advantage in Anaesthesia Practice </h5>
                            <p class="card-text">Download our whitepaper to explore the benefits of MeduCore© and
                                its
                                impact on safety, quality, and efficacy of your practice.
                            </p>
                        </div>
                        <div class="card-footer download-buttons ">
                            <a href="public/uploads/new_downloads/ADVANTAGE IN ANESTESIA PRACTICE.pdf"
                                target="_blank"><button class="download-buttons1">
                                    Download
                                </button></a>

</div>
                    </div>
                </div>

<div class="col-sm-4">
                    <div class="card cards" style="width: 95%;margin: auto;">
                        <img class="card-img-top down-broc-img" src="public/assets/images1/ENA_DOWN6-6.png"
                            alt="Card image cap"  >
                        <div class="card-body ">
                            <h5 class="card-title">MeduCare©- Revolutionizing Hospital Care </h5>
                            <p class="card-text">Download our whitepaper to explore the benefits of MeduCare© and
                                its 
                                impact on safety, quality, and efficacy of your practice.
                            </p>
                        </div>
                        <div class="card-footer download-buttons ">
                            <a href="public/uploads/new_downloads/MeduCare - Revolutionizing Hospital care.pdf"
                                target="_blank"><button class="download-buttons1">
                                    Download
                                </button></a>

</div>
                    </div>
                </div>

</div>
            <div class="loadmorebtn-download">
                <button id="loadbtn">Load More...</button>
            </div>

</div>
    </section>

// 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>
        var loadmore = document.getElementById("loadbtn");
        var moreblocks = document.querySelector(".download-page2");
        loadmore.addEventListener("click", () => {
            if (moreblocks.style.display != "none") {
                moreblocks.style.display = "none";
            }
            else {
                moreblocks.style.display = "flex";

}
        })
    </script>
            <script>
                function signup(){
                    window.open("https://medusys.in/Registration", "_blank");
                }
            </script>

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