EVOLUTION-NINJA

Edit File: an_main.php

<?php
    echo view('includes/flow-header');    
?>
<section class="spec-main ">
    <div class="row mob-rec-overflow">
        <div class="col-sm-3 anaslefbox">
            <div class="spec-left specunderline ">
                <ul>
                    <li><a href="">Reflective Anasthesia logbook</a></li>
                </ul>
            </div>
        </div>
        <div class="col-sm-9 mob-rec-overflow spec-right1">
            
			<div class="container-fluid">
			<div class="row">
				<div class="col-sm-9"></div>
				
				
					<div class="col-sm-2 mt-4 ">
						<button class="custom-btn btn-2" onclick="back()">
                        <img src="<?php echo base_url('public/assets/images/Import_fill.png'); ?>" alt="back">
                         Back</button>
					</div>
				
			</div>
		</div>
			
        <div class="row">
                    <div class="col-sm-12 side-text">
                        <h2><b>Reflective Anaesthesia Logbook</b></h2>
                        <p>ReAL is a record-keeping tool used by anesthesiologists, to document and track their clinical experiences, procedures, and patient care activities. This logbook helps you to track your progress, reflect on your experiences, and demonstrate your competence and proficiency in the field. </p>
                    </div>
        </div>
            <div class="spec-right" style="padding: 2% 5% 0 0;">
          
                <div class="row mob-rec-overflow row-1-bn">
                    <div class="col-sm-1"></div>
                    <div class="col-sm-3 col3 ">
                        <img src="public/assets/images1/Subtract.png" class="minussym minussym1">
                        <div class="enc1 encimg">
                            <a href="<?php echo base_url('add-new-case');?>"><img src="public/assets/images1/Lines.png" class="encimg ">
                                <h5><b>Enter new case</b></h5>
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-2"></div>
                    <div class="col-sm-3 col3 col3left ">
                        
                        <img src="public/assets/images1/Icon.png" class="minussym minussym2">
                        <div class="enc1 encimg">

<a href="<?php echo base_url('logbook-edit');?>"><img src="public/assets/images1/Lines.png" class="encimg ">
                                <h5><b>View / Edit existing case</b></h5>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row mob-rec-overflow" id="row2nd">
                    &nbsp;   &nbsp;   &nbsp;   &nbsp;   &nbsp;
                    <div class="col-sm-3"></div>
                   
               
                    <div class="col-sm-3 col3 col3left">
                        
                        <img src="public/assets/images1/Icon-1.png" class="minussym minussym4">
                        <div class="enc1 encimg">

<a href="<?php echo base_url('logbook-viewreport');?>"><img src="public/assets/images1/Lines.png" class="encimg">
                                <h5><b>View Reports</b></h5>
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-1"></div>
                    <!-- <div class="col-sm-3 col3 col3left">
                        <i class="fa fa-plus-circle plus-b"  id="gre" aria-hidden="true"></i>
                        <img src="public/assets/images1/Icon-2.png" class="minussym">
                        <div class="enc1 encimg">

<img src="public/assets/images1/Lines.png" class="encimg">
                            <h5><b>Export Data</b></h5>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
</section>
<style>
     .spec-left a:after {
                    top: 45px;
                }

@media only screen and (max-width: 600px){
        .mob-rec-overflow{
            overflow-y: hidden !important;
            overflow-x: hidden !important;
        }
        .mob-row {
    margin-left: -18px !important;
    margin-top: -20px !important;
}
.custom-btn{
    margin-right:10px !important;
}
    }
</style>
<script>
    function back(){
        window.location.href="<?php echo base_url('evidence-care'); ?>"
    }
    </script>