@extends('frontend.master')

    @section('stylesheet')
        <link rel="stylesheet" href="{{ asset('assets/frontend/css/blog_archive.css') }}">
    @endsection

@section('content')
    <!-- =========================== NAVBER PART START =========================== -->
    <section id="digital-solution">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 m-auto">
                    <div class="digital-part text-center technology">
                        <h2><span>BICM Certification</span> and Training</h2>
                        <div class="digital-overlay">
                            <img src="{{ asset('') }}assets/frontend/images/mastersProgram.jpg" alt="Digital-Solution">
                        </div>
                    </div>
                </div>
            </div>
            <!-- Row -->
        </div>
    </section>
    <section id="blog-part">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="blog-text">
                        <h3>Read from Our Blog</h3>
                    </div>
                </div>
                <div class="col-lg-12 col-sm-12">
                    <div class="controls">
                        <button type="button" id="test1" class="control" data-filter="all"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13 5.5H8.5V1C8.5 0.46875 8.03125 0 7.5 0H6.5C5.9375 0 5.5 0.46875 5.5 1V5.5H1C0.4375 5.5 0 5.96875 0 6.5V7.5C0 8.0625 0.4375 8.5 1 8.5H5.5V13C5.5 13.5625 5.9375 14 6.5 14H7.5C8.03125 14 8.5 13.5625 8.5 13V8.5H13C13.5312 8.5 14 8.0625 14 7.5V6.5C14 5.96875 13.5312 5.5 13 5.5Z" fill="black"/>
                            </svg>
                            All</button>
                        <button type="button" class="control" data-filter=".technology"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13 5.5H8.5V1C8.5 0.46875 8.03125 0 7.5 0H6.5C5.9375 0 5.5 0.46875 5.5 1V5.5H1C0.4375 5.5 0 5.96875 0 6.5V7.5C0 8.0625 0.4375 8.5 1 8.5H5.5V13C5.5 13.5625 5.9375 14 6.5 14H7.5C8.03125 14 8.5 13.5625 8.5 13V8.5H13C13.5312 8.5 14 8.0625 14 7.5V6.5C14 5.96875 13.5312 5.5 13 5.5Z" fill="black"/>
                            </svg>
                            Technology</button>
                        <button type="button" class="control" data-filter=".corporate"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13 5.5H8.5V1C8.5 0.46875 8.03125 0 7.5 0H6.5C5.9375 0 5.5 0.46875 5.5 1V5.5H1C0.4375 5.5 0 5.96875 0 6.5V7.5C0 8.0625 0.4375 8.5 1 8.5H5.5V13C5.5 13.5625 5.9375 14 6.5 14H7.5C8.03125 14 8.5 13.5625 8.5 13V8.5H13C13.5312 8.5 14 8.0625 14 7.5V6.5C14 5.96875 13.5312 5.5 13 5.5Z" fill="black"/>
                            </svg>
                            Corporate</button>
                        <button type="button" class="control" data-filter=".job"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13 5.5H8.5V1C8.5 0.46875 8.03125 0 7.5 0H6.5C5.9375 0 5.5 0.46875 5.5 1V5.5H1C0.4375 5.5 0 5.96875 0 6.5V7.5C0 8.0625 0.4375 8.5 1 8.5H5.5V13C5.5 13.5625 5.9375 14 6.5 14H7.5C8.03125 14 8.5 13.5625 8.5 13V8.5H13C13.5312 8.5 14 8.0625 14 7.5V6.5C14 5.96875 13.5312 5.5 13 5.5Z" fill="black"/>
                            </svg>
                            Job</button>
                        <button type="button" class="control" data-filter=".javascript"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13 5.5H8.5V1C8.5 0.46875 8.03125 0 7.5 0H6.5C5.9375 0 5.5 0.46875 5.5 1V5.5H1C0.4375 5.5 0 5.96875 0 6.5V7.5C0 8.0625 0.4375 8.5 1 8.5H5.5V13C5.5 13.5625 5.9375 14 6.5 14H7.5C8.03125 14 8.5 13.5625 8.5 13V8.5H13C13.5312 8.5 14 8.0625 14 7.5V6.5C14 5.96875 13.5312 5.5 13 5.5Z" fill="black"/>
                            </svg>
                            Javascript</button>
                        <button type="button" class="control" data-filter=".react"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13 5.5H8.5V1C8.5 0.46875 8.03125 0 7.5 0H6.5C5.9375 0 5.5 0.46875 5.5 1V5.5H1C0.4375 5.5 0 5.96875 0 6.5V7.5C0 8.0625 0.4375 8.5 1 8.5H5.5V13C5.5 13.5625 5.9375 14 6.5 14H7.5C8.03125 14 8.5 13.5625 8.5 13V8.5H13C13.5312 8.5 14 8.0625 14 7.5V6.5C14 5.96875 13.5312 5.5 13 5.5Z" fill="black"/>
                            </svg>
                            React</button>
                    </div>
                </div>
            </div>

            <div class="row blog-tab-container">
                <!-- 1 -->
                <div class="col-lg-4 col-sm-6 mix technology">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/technology-1.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>5 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 2 -->
                <div class="col-lg-4 col-sm-6 mix corporate">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/corporate-1.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>8 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 3 -->
                <div class="col-lg-4 col-sm-6 mix job">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/job-1.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>10 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 4 -->
                <div class="col-lg-4 col-sm-6 mix javascript">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"> <img src="{{ asset('') }}assets/frontend/images/javascript-1.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>5 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 5 -->
                <div class="col-lg-4 col-sm-6 mix react">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/react-1.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>8 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 6 -->
                <div class="col-lg-4 col-sm-6 mix job">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/job-1.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>10 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>

                <!-- 1 -->
                <div class="col-lg-4 col-sm-6 mix technology">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/technology-2.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>5 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 2 -->
                <div class="col-lg-4 col-sm-6 mix corporate">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/corporate-2.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span> 8 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 3 -->
                <div class="col-lg-4 col-sm-6 mix job">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/job-2.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>10 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 4 -->
                <div class="col-lg-4 col-sm-6 mix javascript">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/javascript-2.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>5 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 5 -->
                <div class="col-lg-4 col-sm-6 mix react">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"> <img src="{{ asset('') }}assets/frontend/images/react-2.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>8 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 6 -->
                <div class="col-lg-4 col-sm-6 mix job">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/job-2.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>10 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>

                <!-- 1 -->
                <div class="col-lg-4 col-sm-6 mix technology">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/technology-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>5 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 2 -->
                <div class="col-lg-4 col-sm-6 mix corporate">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/corporate-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>8 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 3 -->
                <div class="col-lg-4 col-sm-6 mix job">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/job-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>10 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 4 -->
                <div class="col-lg-4 col-sm-6 mix javascript">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/javascript-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>5 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 5 -->
                <div class="col-lg-4 col-sm-6 mix react">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/react-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>8 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 6 -->
                <div class="col-lg-4 col-sm-6 mix job">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/job-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>10 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>

                <!-- 1 -->
                <div class="col-lg-4 col-sm-6 mix technology">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/technology-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>5 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>
                <!-- 2 -->
                <div class="col-lg-4 col-sm-6 mix corporate">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/corporate-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>8 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>

                <!-- 4 -->
                <div class="col-lg-4 col-sm-6 mix javascript">
                    <div class="blog-tab">
                        <div class="img">
                            <a href="blog_single.html"><img src="{{ asset('') }}assets/frontend/images/javascript-3.png" alt="Technology" class="img-fluid w-100"></a>
                        </div>
                        <h4><a href="blog_single.html">Technology </a> <span>5 min read</span></h4>
                        <p><a href="blog_single.html">High Time for Cyberlaw Enforcement and a Future of Work Strategy</a></p>
                    </div>
                </div>

            </div>

            <div class="row">
                <div class="col-lg-4 m-auto">
                    <div class="blog_number">
                        <ul>
                            <li><a class="active" href="">1</a></li>
                            <li><a href="">2</a></li>
                            <li><a href="">3</a></li>
                            <li><a href="">4</a></li>
                            <li><a href="">5</a></li>
                            <li><a href="">6</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- =========================== NAVBER PART END =========================== -->










    <!-- =========================== FOOTER PART START =========================== -->

    <!-- creating gap started  -->
    <div class="inside_gap footer"></div>
    <!-- Creating gap ended  -->
    <!-- =========================== FOOTER PART START =========================== -->

    <section id="mh_footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="rs-footer-text">
                        <h3>Want to Make Something Great Together? </h3>

                        <div class="row">
                            <div class="col-lg-8">
                                <p>Drop us a line <a href="">here</a>, we'll get in touch. Or mail us at hello@bicm.ac.bd. We'll see if we're a match and how we can help each other.</p>
                            </div>
                            <div class="col-lg-4">
                                <form action="">
                                    <button class="banner-overlay">
                                        <span>Get Started</span>
                                        <div class="banner-arrow">
                                            <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0)">
                                                    <path d="M8.50116 4.178L5.51578 1.19254C5.43056 1.10732 5.31698 1.06055 5.19587 1.06055C5.07463 1.06055 4.96111 1.10739 4.87589 1.19254L4.60484 1.46366C4.51969 1.54875 4.47278 1.6624 4.47278 1.78357C4.47278 1.90468 4.51969 2.02216 4.60484 2.10725L6.34647 3.85271H0.813236C0.563759 3.85271 0.366638 4.04801 0.366638 4.29756V4.68085C0.366638 4.93039 0.563759 5.14539 0.813236 5.14539H6.36623L4.60491 6.9006C4.51976 6.98582 4.47285 7.09637 4.47285 7.21755C4.47285 7.33859 4.51976 7.45076 4.60491 7.53591L4.87596 7.80616C4.96118 7.89138 5.0747 7.93782 5.19594 7.93782C5.31705 7.93782 5.43063 7.89077 5.51585 7.80555L8.50123 4.82017C8.58665 4.73468 8.63363 4.62056 8.63329 4.49925C8.63356 4.37754 8.58665 4.26335 8.50116 4.178Z" fill="#444444"></path>
                                                </g>
                                                <defs>
                                                    <clipPath id="clip0">
                                                        <rect width="8.26667" height="8.26667" fill="white" transform="translate(0.366638 0.366211)"></rect>
                                                    </clipPath>
                                                </defs>
                                            </svg>
                                        </div>
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>




@endsection