@extends('client.layouts.app')
@section('content')

<section class="due-date-sec top-section">
    
    <div class="container">
        <div class="row">
            <div class="col-md-6 mx-auto text-center">
                <div class="title"> 
                	<img class="white-star-img " src="{{ asset('client/images/white-star.png') }}"> 
                	<button type="button" class="btn btn-outline-primary due" style="background: #FFF;">January 2024</button>
                    <h2>Due Dates Chart</h2>
                    <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
                    <!-- <button class="btn btn-primary btn-calendar" > <img src="{{ asset('client/images/google-calendar.png') }}" class="calendar"> ADD GOOGLE CALENDAR</button> -->
                </div> 
            </div>
        </div>
    </div>
    
</section>

<section class="dates-boxes" style="background: #FFF;">
	<div class="container due-container">
		<div class="row">
			<div class="col-md-4 due-box ">
				<div class="date-box p-0">
					<a href="#">
					 <img src="{{ asset('client/images/due-date.jpg') }}" class="blog-featured-img"> 
					</a>
					<div class="blog-title m-0 p-2 pb-0">
						<h4 class="due-date-title"> 
							<a href="#">Due Date Chart For The Month Of January 2024 </a> 
						</h4>
					</div>
					<p class="small-txt p-2 pt-0 due-date-desc">
						To add on your google calendar click <a href="">here</a> 
					</p>
				</div>
			</div>
			<div class="col-md-4 due-box ">
				<div class="date-box p-0">
					<a href="#">
					 <img src="{{ asset('client/images/due-date.jpg') }}" class="blog-featured-img"> 
					</a>
					<div class="blog-title m-0 p-2 pb-0">
						<h4 class="due-date-title"> 
							<a href="#">Due Date Chart For The Month Of January 2024 </a> 
						</h4>
					</div>
					<p class="small-txt p-2 pt-0 due-date-desc">
						To add on your google calendar click <a href="">here</a> 
					</p>
				</div>
			</div>
			<div class="col-md-4 due-box ">
				<div class="date-box p-0">
					<a href="#">
					 <img src="{{ asset('client/images/due-date.jpg') }}" class="blog-featured-img"> 
					</a>
					<div class="blog-title m-0 p-2 pb-0">
						<h4 class="due-date-title"> 
							<a href="#">Due Date Chart For The Month Of January 2024 </a> 
						</h4>
					</div>
					<p class="small-txt p-2 pt-0 due-date-desc">
						To add on your google calendar click <a href="">here</a> 
					</p>
				</div>
			</div>
			<div class="col-md-4 due-box ">
				<div class="date-box p-0">
					<a href="#">
					 <img src="{{ asset('client/images/due-date.jpg') }}" class="blog-featured-img"> 
					</a>
					<div class="blog-title m-0 p-2 pb-0">
						<h4 class="due-date-title"> 
							<a href="#">Due Date Chart For The Month Of January 2024 </a> 
						</h4>
					</div>
					<p class="small-txt p-2 pt-0 due-date-desc">
						To add on your google calendar click <a href="">here</a> 
					</p>
				</div>
			</div>
			<div class="col-md-4 due-box ">
				<div class="date-box p-0">
					<a href="#">
					 <img src="{{ asset('client/images/due-date.jpg') }}" class="blog-featured-img"> 
					</a>
					<div class="blog-title m-0 p-2 pb-0">
						<h4 class="due-date-title"> 
							<a href="#">Due Date Chart For The Month Of January 2024 </a> 
						</h4>
					</div>
					<p class="small-txt p-2 pt-0 due-date-desc">
						To add on your google calendar click <a href="">here</a> 
					</p>
				</div>
			</div>
			<div class="col-md-4 due-box ">
				<div class="date-box p-0">
					<a href="#">
					 <img src="{{ asset('client/images/due-date.jpg') }}" class="blog-featured-img"> 
					</a>
					<div class="blog-title m-0 p-2 pb-0">
						<h4 class="due-date-title"> 
							<a href="#">Due Date Chart For The Month Of January 2024 </a> 
						</h4>
					</div>
					<p class="small-txt p-2 pt-0 due-date-desc">
						To add on your google calendar click <a href="">here</a> 
					</p>
				</div>
			</div>
			<!-- <div class="col-md-12 text-center">
				<img src="{{ asset('client/images/Vector 165.png') }}"> 
				<div>
					<p style="font-style: italic;" class="my-3">Share this with people</p>
					<div>
						<a href="#"> <img class="share-img" src="{{ asset('client/images/Social icon.png') }}"> </a> 
						<a href="#"> <img class="share-img" src="{{ asset('client/images/mdi_whatsapp.png') }}"> </a> 
						<a href="#"> <img class="share-img" src="{{ asset('client/images/Social icon (1).png') }}"> </a> 
						<a href="#"> <img class="share-img" src="{{ asset('client/images/ri_twitter-x-fill.png') }}"> </a> 
					</div>
				</div>
			</div> -->
		</div>
		
	</div>
</section>

<!-- <section class="pt-0" style="background: #FFF;">
    <div class="container">
        <div class="row">
            <div class="col-md-12 pt-4">
                <div class="title text-center">
                    <h2 class="related">Related Posts</h2>
                </div>
            </div>
            <div class="col-md-4 ">
                <a href="#">
                    <img src="{{ asset('client/images/design-system.png') }}" class="img-fluid blog-img"> 
                    <p class="blog-title">Most popular design systems to learn from in 2022</p>
                    <span class="blog-category">Design Systems</span>
                </a>
            </div>
            <div class="col-md-4 blog-box">
                <a href="#">
                    <img src="{{ asset('client/images/Accessibility.png') }}" class="img-fluid blog-img"> 
                    <p class="blog-title">Understanding accessibility makes you a better </p>
                    <span class="blog-category">Accessibility</span>
                </a>
            </div>
            <div class="col-md-4 ">
                <a href="#">
                    <img src="{{ asset('client/images/tech.png') }}" class="img-fluid blog-img"> 
                    <p class="blog-title">15 best tools that will help you build your website</p>
                    <span class="blog-category">Tech</span>
                </a>
            </div>
        </div>
    </div> 
</section> -->

@include('client.pages.common.bottom_consult')

@endsection