<style>
    body{background:#EAEDED;}
    .link-line-item{box-shadow:2px 2px 5px silver;border-radius:25px;height:150px;background:#fff;}
    .welcome-sec{margin-top:100px !important;}
    .link-line-item-data{width:30%;float:left;height:auto;text-align:center;border-left:5px solid #F05A59;border-bottom:5px solid #F05A59;border-radius:15px;margin:1%;box-shadow: 2px 2px 8px #EAEDED;}
    .link-line-item-data img{width:100px;height:100px;border-radius:50%;}
    .welcome-strip{text-align:right;border-radius:25px;}
    .welcome-strip p a{text-decoration:none;}
    .welcome-strip p{padding:0px;margin:0px;}
</style>
<div class="container welcome-sec mt-3 mb-3 pt-1 pb-1">
    <div class="row">
        <div class="col-sm-12 mt-3">
            <div class="welcome-strip bg-white mt-3 p-3">
                <p>Welcome <b><?php echo $this->session->userdata('student_name');?></b> | Your Last Login at : <?php echo $this->session->userdata('login_at');?></p>
                <p><a href="#">Profile</a> | <a href="#">Change Password</a> | <a href="<?php echo base_url();?>Logout">Logout</a></p>        
            </div>
        </div>
        <div class="col-sm-8">
            
            <div class="mt-3 mb-3 p-3 link-line-item">
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/14.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/15.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/16.png"></div>
            </div>
            <div class="mt-3 mb-3 p-3 link-line-item">
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/4.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/11.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/8.png"></div>
            </div>
            <div class="mt-3 mb-3 p-3 link-line-item">
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/5.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/6.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/10.png"></div>
            </div>
            <div class="mt-3 mb-3 pt-3 pb-3 link-line-item">
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/12.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/13.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/17.png"></div>
            </div>
            <div class="mt-3 mb-3 pt-3 pb-3 link-line-item">
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/3.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/10.png"></div>
                <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/10.png"></div>
            </div>
            <!--<div class="bg-white mt-3 mb-3 pt-3 pb-3 link-line-item">-->
            <!--    <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/17.png"></div>-->
            <!--    <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/10.png"></div>-->
            <!--    <div class="link-line-item-data"><img src="<?php echo base_url();?>assets/erp-icons/10.png"></div>-->
            <!--</div>-->
            
        </div>
        <div class="col-sm-4 bg-white mt-3 mb-3 pt-3 pb-3" style="min-height:500px;height:100% !important;"></div>
    </div>
</div>