File Manager Lite

Dir: /home/u540325668/domains/mkjsindia.org/public_html-chash/resources/views/userAsset/include

[..]

button.blade.php (1.65 KB)

campaigns.blade.php (5.87 KB)

corporateLinks.blade.php (2.21 KB)

cources.blade.php (3.75 KB)

course.blade.php (1019 B)

footer.blade.php (2.8 KB)

header.blade.php (4.15 KB)

menu.blade.php (3.22 KB)

meta.blade.php (1.81 KB)

publication.blade.php (1.35 KB)

publicationView.blade.php (1023 B)

slider.blade.php (3.83 KB)

socialMedia.blade.php (3.05 KB)

Edit: cources.blade.php

<style>
	    /* 1) Make the card row a flex container (BS3-friendly) */
#catagorie .block > .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* all columns same height */
}

/* 2) Each column becomes a flex container so its child (.thumbnail) can stretch */
#catagorie .block > .row > [class*="col-"] {
  display: flex;
}

/* 3) The card itself fills the column height and stacks vertically */
#catagorie .thumbnail {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* 4) Make the image area consistent across cards */
#catagorie .thumbnail > a > img {
  width: 100%;
  height: 180px;        /* adjust if you want taller/shorter */
  object-fit: cover;    /* crop nicely to fit */
  display: block;
  border-bottom: 1px solid #e5e5e5;
}

/* 5) Progress/summary block spacing stays neat */
#catagorie .thumbnail .mb-3 {
  margin-top: .5rem;
  margin-bottom: .75rem;
}

/* 6) Caption grows to fill leftover space */
#catagorie .caption {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;       /* take remaining height */
}

/* 7) Pin the donate button to the bottom (works with <a><button></button></a>) */
#catagorie .caption > a:last-child {
  margin-top: auto;     /* pushes this anchor to bottom */
  display: block;
}
#catagorie .caption > a:last-child .btn,
#catagorie .caption > a:last-child .pinkish {
  width: 100%;
}

/* 8) Keep borders/edges clean and aligned */
#catagorie .thumbnail {
  border-radius: 8px;
  overflow: hidden;     /* prevents child overflow breaking the border */
}

/* 9) Make progress bars consistent across cards */
#catagorie .progress {
  height: 15px !important;
  margin-bottom: .25rem;
}

/* 10) Avoid negative overlaps from custom inline styles */
#catagorie .duration-line {
  margin-top: 0 !important;
}

</style>

@if($cources->count() > 0)

<section id="catagorie" style="margin-top:-14px;">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="block">
						<div class="block-heading">
							<h2>OUR PROJECTS</h2>
						</div>	
						<div class="row">
						    @forelse ($cources as $cource)
                        <div class="col-sm-3 col-md-3">
							    <div class="thumbnail text-center"  style="border:1px green solid;">
							    	<a class="catagotie-head" href="{{url($cource->id.'/cource/')}}.html">
										<img src="{{asset('/storage/course').'/'.$cource->image}}" alt="...">
										<h6 class="text-info">{{$cource->name}}</h6>
									</a>

<div class="caption">
							        	<p>{{ \Illuminate\Support\Str::words($cource->shortDesc, 15, '...') }}</p>
							        	
							        	
							        		
							        		
							        		 
              
               
        
							       			<a href="{{ url('/phonePe/donate') }}">
							        			<button class="pinkish">Donate This Project</button>
							        		</a>  
							        	</p>
							      	</div>	
							    </div>	
						  	</div>	
						  	@empty
						  	      <div>No Project Found</div>
						  	@endforelse
						</div>	
					</div>	 
				</div>	
			</div>	
		</div>	
	</section>	
@endif