<style>
.about-us p{
text-align:justify;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
</style>
<!-- Start main-content -->
<div class="main-content">
<!-- Section: home -->
<div>
<marquee >
<?php foreach ($notice_data as $notice){
if($notice->notice_type=='S'||$notice->notice_type=='B'){?>
<a href="<?php echo base_url()."home/single_notice/id/". $notice->id;?>" style="color:blue" ><span class='font-noto'><?php echo $notice->title." >> "; ?></span></a>
<?php
}
}
?>
</marquee>
</div>
<section id="home" class="divider">
<div class="container-fluid p-0">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<?php
$i=0;
foreach ($img_data as $id){
if($id->img_type=='S'){
if($i==0){
?>
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<?php
}
else{
?>
<li data-target="#myCarousel" data-slide-to="<?php echo $i;?>"></li>
<?php
}
$i++;
}
}
?>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<?php
$j=0;
foreach ($img_data as $id){
if($id->img_type=='S'){
$image_link_short=base_url()."idcm/img/slide/$id->img_id".'.jpg';
if($j==0){
?>
<div class="item active">
<img src="<?php echo $image_link_short; ?>" alt="Icchamati Degree College" style="width:100%;">
<div class="carousel-caption">
<p class='slide-title'>Ichhamati Degree College</p>
</div>
</div>
<?php
}
else{ ?>
<div class="item">
<img src="<?php echo $image_link_short; ?>" alt="Icchamati Degree College" style="width:100%;">
<div class="carousel-caption">
<p class='slide-title'>Ichhamati Degree College</p>
</div>
</div>
<?php
}
$j++;
}
}
?>
<!---
<div class="item">
<img src="<?php echo base_url();?>images/bg/banner2.jpg" alt="Icchamati Degree College" style="width:100%;">
<div class="carousel-caption">
<p class='slide-title'>Ichhamati Degree College</p>
</div>
</div>
<div class="item">
<img src="<?php echo base_url();?>images/bg/banner3.jpg" alt="Icchamati Degree College" style="width:100%;">
<div class="carousel-caption">
<p class='slide-title'>Ichhamati Degree College</p>
</div>
</div>
--->
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<!-- Section: About -->
<section id="about">
<div class="container pb-20 pb-sm-20" style="padding-top: 30px !important;">
<div class="section-content">
<div class="row">
<div class="col-sm-8 col-md-8 about-us">
<h3 class="mt-0 line-height-1 line-bottom-edu poppins-font">Welcome to Ichhamoti Degree College</h3>
<b> সংক্ষিপ্ত ইতিহাস:</b>
<span class='font-noto'><?php echo $content_all->about_us; ?></span>
<div class="row ">
<div class="col-sm-4 col-md-4 ">
<div class="icon-box-new bg-lighter text-center clearfix m-0 p-10">
<img src="<?php echo base_url();?>images/team/principal.png" alt="Principal" style="">
<h5 class="icon-box-title mt-5 mb-5 pt-10 letter-space-1 line-height-1">অধ্যক্ষ</h5>
<p>মোঃ শহিদুল ইসলাম<br>
ইছামতি ডিগ্রি কলেজ<br>
রাণীরবন্দর,চিরিরবন্দর,দিনাজপুর।</p>
<a href="#" id="myBtn" class="btn btn-default btn-theme-colored btn-circled btn-sm">অধ্যক্ষের বাণী</a>
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="icon-box-new bg-lighter text-center clearfix m-0 p-10">
<img src="<?php echo base_url();?>images/team/nure-alam-nayan.jpg" alt="Sovapoti" style="">
<h5 class="icon-box-title mt-5 mb-5 pt-10 letter-space-1 line-height-1">সভাপতি</h5>
<p>মো: নূর এ আলম সিদ্দিকী নয়ন<br>
ইছামতি ডিগ্রি কলেজ<br>
রাণীরবন্দর,চিরিরবন্দর,দিনাজপুর।</p>
<a href="#" class="btn btn-default btn-theme-colored btn-circled btn-sm">Read More</a>
</div>
</div>
<!----
<div class="col-sm-4 col-md-4">
<div class="icon-box-new bg-lighter text-center clearfix m-0 p-10 ">
<img src="<?php echo base_url();?>images/team/principal.png" alt="Principal" style="">
<h5 class="icon-box-title mt-5 mb-5 letter-space-1 line-height-1">ভাইস-প্রিন্সিপাল</h5>
<p>Lorem ipsum dolor sit amet, elit. Aliquam interdum diam tortor, egestas varius aliquam.</p>
<a class="font-weight-600 text-black-444" href="#">Read More...</a>
</div>
</div>
--->
</div>
</div>
<div class="col-sm-5 col-md-4">
<h3 class="mt-0 mt-xs-20 line-height-1 line-bottom-edu poppins-font"><span>Notice board</span> </h3>
<div>
<div class=" bx-nav-top" data-minslides="5" >
<?php
$i=0;
foreach ($notice_data as $notice){
if($notice->notice_type=='C'||$notice->notice_type=='B'){
?>
<div class="event media mt-0 bg-theme-notice " >
<div class="event-date media-left text-center flip bg-theme-colored pl-10">
<ul class="mt-10 mt-sm-10 mb-10">
<li class="font-22 text-white font-weight-600">
<?php echo date('d', strtotime($notice->org_date)); ?>
<li>
<li class="font-12 text-white text-uppercase font-weight-600">
<?php echo date('M', strtotime($notice->org_date)); ?>
<li>
</ul>
</div>
<div class="media-body">
<div class="event-content pull-left flip pl-20 pl-xs-10">
<span style="font-size:12px;color:grey;"><i><?php echo date('D, d-M-Y', strtotime($notice->org_date)); ?></i></span>
<h5 class="event-title media-heading font-weight-700 mb-0 pt-5">
<a href="<?php echo base_url()."home/single_notice/id/". $notice->id;?>">
<?php $title = strlen($notice->title) > 250 ? substr($notice->title,0,250)."..." : $notice->title;
echo "<span class='font-noto'>".$title."</span>";
?>
</a>
</h5>
</div>
<div style="width:100%; display: flex; flex-direction: row;">
<div style="flex:1; text-align: right; padding-right:10px"> <a href="<?php echo base_url()."home/single_notice/id/". $notice->id;?>" style="color:blue" ><b>Read More</b></a></div>
</div>
</div>
</div>
<?php
$i++;
if($i==5)
break;
}
}
?>
</div>
<p style="text-align:center;margin-top:10px"><a href="<?php echo base_url()."page/notices";?>" class="btn btn-dark btn-theme-colored btn-sm">View all notices</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="blog">
<div class="container pb-10" style="padding-top: 30px !important;">
<div class="section-content">
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-4">
<div class="widget bg-theme-colored p-10 at-glance" style="min-height:280px">
<h3 class="mt-0 line-height-1 line-bottom-edu poppins-font" style="margin-bottom:unset !important; color:#fff">Ichhamati Degree College at a glance</h3>
<br>
<table class="table">
<tbody>
<tr>
<td><span class="icon_building_alt g-title" aria-hidden="true"></span><span class="g-title"> Established</span></td>
<td class="g-title">:</td>
<td class="g-des">1972</td>
</tr>
<tr>
<td><span class="icon_group g-title" aria-hidden="true"></span><span class="g-title"> Students</span></td>
<td class="g-title">:</td>
<td class="g-des">3000+</td>
</tr>
<tr>
<td><span class="icon_group g-title" aria-hidden="true"></span><span class="g-title"> Teachers & Staff</span></td>
<td class="g-title">:</td>
<td class="g-des">50</td>
</tr>
<tr>
<td><span class="icon_group g-title" aria-hidden="true"></span><span class="g-title"> Groups</span></td>
<td class="g-title">:</td>
<td class="g-des">4</td>
</tr>
<tr>
<td><span class="icon_building_alt g-title" aria-hidden="true"></span><span class="g-title"> Academic Buildings</span></td>
<td class="g-title">:</td>
<td class="g-des">3</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4 ">
<div class="widget uselful bg-theme-colored p-10" style="margin-bottom: 10px !important; min-height:318px">
<h3 class="mt-0 line-height-1 line-bottom-edu poppins-font" style="margin-bottom:unset !important; color:#fff">Useful Links</h3>
<ul class="list list-border">
<li><a target="_blank" href="https://www.nu.ac.bd/"><i class="fa fa-check-square-o mr-10 text-white"></i> National University</a></li>
<li><a target="_blank" href="http://www.dinajpureducationboard.gov.bd/"><i class="fa fa-check-square-o mr-10 text-white"></i> Dinajpur Education Board</a></li>
<li><a target="_blank" href="http://www.emis.gov.bd/emis"><i class="fa fa-check-square-o mr-10 text-white"></i> DHSE</a></li>
<li><a target="_blank" href="http://www.banbeis.gov.bd/"><i class="fa fa-check-square-o mr-10 text-white"></i> BANBEIS</a></li>
<li><a target="_blank" href="http://www.moedu.gov.bd/"><i class="fa fa-check-square-o mr-10 text-white"></i> Ministry of Education</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-4">
<div class="widget">
<!----
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fujjolroykajol&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
style="border:1px solid #94959e;" width="420" height="150" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
--->
<h5>Folllow Our Youtube Videos</h5>
<iframe width="420" height="300" style=" border:1px solid #94959e;" src="https://www.youtube.com/embed/4oqMpbxZR3E" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="photo-gallery">
<div class="container pb-30" style="padding-top: 30px !important;">
<div class="section-content">
<div>
<h3 class="mt-0 line-height-1 line-bottom-edu poppins-font ml-5">Photo Gallery <a href="<?php echo base_url()."page/gallery";?>" class="btn btn-dark btn-theme-colored btn-circled btn-xs">View all >></a></h3>
</div>
<div class="row">
<div class="col-md-12">
<!-- Portfolio Gallery Grid -->
<div class="gallery-isotope default-animation-effect grid-6 gutter-small clearfix" data-lightbox="gallery">
<!-- Portfolio Item Start -->
<?php
$i=0;
foreach ($img_data as $id){
if($id->img_type=='G'){
$image_link_short=base_url()."idcm/img/gallery/$id->img_id".'.jpg';
?>
<!-- Portfolio Item Start -->
<div class="gallery-item">
<a href="<?php echo $image_link_short;?>" data-lightbox="gallery-item" title="Ichhamati Degree College"><img src="<?php echo $image_link_short;?>" alt=""></a>
</div>
<!-- Portfolio Item End -->
<?php
}
$i++;
if($i==12){
break;
}
}
?>
</div>
<!-- End Portfolio Gallery Grid -->
</div>
</div>
</div>
</div>
</section>
<!-- Section: blog -->
<section id="news-event">
<div class="container pb-30" style="padding-top: 30px !important;">
<div class="section-content">
<h3 class="mt-0 line-height-1 line-bottom-edu poppins-font ml-5">News and Events <a href="<?php echo base_url()."page/news_events";?>" class="btn btn-dark btn-theme-colored btn-circled btn-xs">View all >></a> </h3>
<div class="row">
<?php
$i=0;
foreach ($events_data as $ev){
$file_exists = 'N';
$base_url='https://www.ichhamatidegreecollege.edu.bd/idcm/';
$base_path='/home/nmpms9gg1ok0/public_html/idcm/system/';
$folder_name = $base_url.'img/event/';
$image_link="";
$image_link = $folder_name .$ev->ev_id.'.jpg';
$down_file_name = $ev->ev_id.'.jpg';
$physical_link = $base_path."../img/event/$down_file_name";
if(file_exists($physical_link)){
$file_exists = 'Y';
}
?>
<div class="col-sm-6 col-md-3 col-lg-3">
<article class="post clearfix maxwidth600 mb-30 border-1px">
<div class="entry-header-new" style='margin-bottom: unset !important;'>
<div class="post-thumb thumb">
<?php if($file_exists == 'Y'){
?>
<img src="<?php echo $image_link;?>" alt="" class="img-responsive img-fullwidth">
<?php
}else {
?>
<img src="https://www.ichhamatidegreecollege.edu.bd/idcm/img/event/event.png" alt="" class="img-responsive img-fullwidth">
<?php } ?>
</div>
<div class="blog-overlay"></div>
</div>
<div class="p-10">
<h5 style="font-family:Noto Sans Bengali !important" class="event-title media-heading font-weight-700 mb-0 pt-5"><a href="<?php echo base_url()."home/single_event/ev_id/". $ev->ev_id;?>" class='text-theme-colored '><?php echo $ev->ev_title; ?></a></h5>
<i class="fa fa-clock-o mr-5 text-theme-colored"></i><span class="date-color"><b> <?php echo date('d-F-Y ', strtotime($ev->ev_date)); ?> </b></span >
<a class="btn btn-theme-colored btn-lg btn-flat mt-0 text-white mt-10" href="<?php echo base_url()."home/single_event/ev_id/". $ev->ev_id;?>">Read more <i class="fa fa-angle-double-right text-theme-colored2"></i></a>
</div>
</article>
</div>
<?php
$i++;
if($i==4)
break;
}
?>
</div>
</div>
</div>
</section>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close" style="color:red">×</span>
<p>
<b>
অধ্যক্ষের বাণী-
</b>
দিনাজপুর জেলার চিরিরবন্দর উপজেলার দিনাজপুর-ঢাকা মহাসড়কের পার্শ্বে ইছামতি নদীর পশ্চিম তীরে অবস্থিত ইছামতি ডিগ্রি কলেজ একটি অন্যতম শ্রেষ্ঠ বিদ্যাপীঠ।
উচ্চ মাধ্যমিক স্তর থেকে স্নাতক (পাস) পর্যন্ত প্রায় ৩ হাজার শিক্ষার্থী এই কলেজে অধ্যয়ন করছে। প্রতি বছর এখানে ভর্তি হচ্ছে অনেক নতুন মেধাবী শিক্ষার্থী।
শিক্ষক-শিক্ষিকাগণ ও কলেজ প্রশাসন শিক্ষার্থীদের সুনাগরিক হিসেবে তৈরি করার জন্য নিরলসভাবে কাজ করে যাচ্ছেন। আশাকরি, শিক্ষার্থীদের পড়াশোনার ক্ষেত্রে শিক্ষকমন্ডলী
আন্তরিকভাবে সহযোগিতাসহ শিক্ষার্থীদের পড়াশোনার ক্ষেত্রে শিক্ষকমন্ডলী আন্তরিকভাবে সহাযোগিতাসহ শিক্ষার্থীদের পড়াশোনার মান উন্নয়নে বিশেষ ভূমিকা রাখবে।ইছামতি
ডিগ্রি কলেজের একাডেমিক ও অন্যান্য কার্যক্রম শিক্ষা হলো ব্যক্তি ও সমাজের সুস্থিতি সুরক্ষা ও উন্নয়নের অন্যতম অবিরাম প্রচেষ্টা। সমাজ ও ব্যক্তিকে
সর্বদাই নানারকম বিরূপ পরিস্থিতির সম্মুখীন হতে হয়। এ থেকে উত্তরণের জন্য মানুষ তার সময়ের শিক্ষা ও প্রযুক্তি ব্যবহার করে এসেছে। বর্তমান সমাজও এর
ব্যক্তিক্রম নয়। এখন আমরা আরও জটিল বৈশ্বিক সমাজ ব্যবস্থায় বসবাস করছি। এ কারণে আমাদের আরও সর্তক, আরও সচেতন এবং আরও তথ্য-প্রযুক্তি নির্ভরশীল হতে
হবে। আমরা যাতে বৈশ্বিক সমাজের সাথে তাল মিলিয়ে চলতে পারি। একারণে বাংলাদেশ সরকারের শিক্ষা মন্ত্রণালয় সুসামঞ্জস্য শিক্ষা কার্যক্রম প্রণয়ন করেছে।
আশাকরি আমাদের ছাত্র সমাজ শিক্ষার উন্নয়ন কর্মকান্ডে প্রকৃতই অংশগ্রহণ করে প্রত্যাশিত ভিশন বাস্তবায়নে দৃশ্যমান অবদান
</p>
</div>
</div>
</div>
<!-- end main-content -->
<script>
// Get the modal
var modal = document.getElementById("myModal");
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>