@extends('layouts.site_layout')

@section('content')

<section class="py-5 mt-lg-5 mt-0">
    <div class="container">
        <!-- <div class="breadcrumbs">
            <span>
                <a href="" class="fs-24 text-decoration-none text-dark opacity-5">Home <span class="px-lg-4 px-0">></span> </a>
                <a href="" class="fs-24 text-decoration-none text-dark opacity-5">Campus Connect <span class="px-lg-4 px-0">></span> </a>
                <a href="" class="fs-24 text-decoration-none text-dark opacity-5">EDSM Technical <span class="px-lg-4 px-0">></span> </a>
                <a href="" class="fs-24 text-decoration-none text-dark">Electronic Product Design</a>
            </span>
        </div> -->
        <h1 class="fs-42 mt-4 text-dark">Electronic Product Design</h1>
    </div>
</section>
<section class="container">
    <div class="d-flex mb-5">
        <select class="form-select events-filter fs-18 w-auto mb-0 me-2" aria-label="Default select example">
            <option selected>Select Topic</option>
            <option value="1">One</option>
            <option value="2">Two</option>
            <option value="3">Three</option>
        </select>
        <div class="ms-auto mobile-search-bar w-25">
            <form action="#">
                <div class="input-group bottom_border">
                    <input type="search" class="form-control border-0 fs-18 search_inp" placeholder="Search here...">
                    <span class="input-group-text bg-transparent pointer border-0" id="filter">
                        <i class="fa fa-search text-maroon fs-12 opacity-5"></i>
                    </span>
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card h-100 border-0 shadow">
                <div class="card-body">
                    <img src="{{asset('images/campus-connect/youtube.png')}}" alt="" class="img-fluid mb-3">
                    <p class="fs-14 badge text-blue badge-bg-blue br-30">Electronic Product Design</p>
                    <h4 class="fs-18 text-orange">Computer Architecture</h4>
                    <p class="fs-16">Lectures by Onur Mutlu of Information Technology and Electrical Engineering,
                        Carnegie Mellon University</p>
                </div>
                <div class="card-footer bg-white border-0 fs-14">
                    <div class="d-flex justify-content-between">
                        <p><img src="{{asset('images/clock.svg')}}" alt="" class="img-fluid">02 hr 39 min</p>
                        <p class="mt-1">Published: Sep 17, 2020</p>
                    </div>
                    <button class="btn bg-orange fs-18 text-white w-100 mb-3">Watch Now</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card h-100 border-0 shadow">
                <div class="card-body">
                    <img src="{{asset('images/campus-connect/youtube.png')}}" alt="" class="img-fluid mb-3">
                    <p class="fs-14 badge text-blue badge-bg-blue br-30">Electronic Product Design</p>
                    <h4 class="fs-18 text-orange">Modern Solid State Devices</h4>
                    <p class="fs-16">Lectures by Prof. S.Karmalkar Department of Electrical Engineering, IIT Madras</p>
                </div>
                <div class="card-footer bg-white border-0 fs-14">
                    <div class="d-flex justify-content-between">
                        <p><img src="{{asset('images/clock.svg')}}" alt="" class="img-fluid">02 hr 39 min</p>
                        <p class="mt-1">Published: Sep 17, 2020</p>
                    </div>
                    <button class="btn bg-orange fs-18 text-white w-100 mb-3">Watch Now</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card h-100 border-0 shadow">
                <div class="card-body">
                    <img src="{{asset('images/campus-connect/youtube.png')}}" alt="" class="img-fluid mb-3">
                    <p class="fs-14 badge text-blue badge-bg-blue br-30">Electronic Product Design</p>
                    <h4 class="fs-18 text-orange">Design-for-Test</h4>
                    <p class="fs-16">Lectures by Prof. S.Karmalkar Department of Electrical Engineering, IIT Madras</p>
                </div>
                <div class="card-footer bg-white border-0 fs-14">
                    <div class="d-flex justify-content-between">
                        <p><img src="{{asset('images/clock.svg')}}" alt="" class="img-fluid">02 hr 39 min</p>
                        <p class="mt-1">Published: Sep 17, 2020</p>
                    </div>
                    <button class="btn bg-orange fs-18 text-white w-100 mb-3">Watch Now</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card h-100 border-0 shadow">
                <div class="card-body">
                    <img src="{{asset('images/campus-connect/youtube.png')}}" alt="" class="img-fluid mb-3">
                    <p class="fs-14 badge text-blue badge-bg-blue br-30">Electronic Product Design</p>
                    <h4 class="fs-18 text-orange">Computer Architecture</h4>
                    <p class="fs-16">Lectures by Onur Mutlu of Information Technology and Electrical Engineering,
                        Carnegie Mellon University</p>
                </div>
                <div class="card-footer bg-white border-0 fs-14">
                    <div class="d-flex justify-content-between">
                        <p><img src="{{asset('images/clock.svg')}}" alt="" class="img-fluid">02 hr 39 min</p>
                        <p class="mt-1">Published: Sep 17, 2020</p>
                    </div>
                    <button class="btn bg-orange fs-18 text-white w-100 mb-3">Watch Now</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card h-100 border-0 shadow">
                <div class="card-body">
                    <img src="{{asset('images/campus-connect/youtube.png')}}" alt="" class="img-fluid mb-3">
                    <p class="fs-14 badge text-blue badge-bg-blue br-30">Electronic Product Design</p>
                    <h4 class="fs-18 text-orange">Modern Solid State Devices</h4>
                    <p class="fs-16">Lectures by Prof. S.Karmalkar Department of Electrical Engineering, IIT Madras</p>
                </div>
                <div class="card-footer bg-white border-0 fs-14">
                    <div class="d-flex justify-content-between">
                        <p><img src="{{asset('images/clock.svg')}}" alt="" class="img-fluid">02 hr 39 min</p>
                        <p class="mt-1">Published: Sep 17, 2020</p>
                    </div>
                    <button class="btn bg-orange fs-18 text-white w-100 mb-3">Watch Now</button>
                </div>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 mb-3">
            <div class="card h-100 border-0 shadow">
                <div class="card-body">
                    <img src="{{asset('images/campus-connect/youtube.png')}}" alt="" class="img-fluid mb-3">
                    <p class="fs-14 badge text-blue badge-bg-blue br-30">Electronic Product Design</p>
                    <h4 class="fs-18 text-orange">Design-for-Test</h4>
                    <p class="fs-16">Lectures by Prof. S.Karmalkar Department of Electrical Engineering, IIT Madras</p>
                </div>
                <div class="card-footer bg-white border-0 fs-14">
                    <div class="d-flex justify-content-between">
                        <p><img src="{{asset('images/clock.svg')}}" alt="" class="img-fluid">02 hr 39 min</p>
                        <p class="mt-1">Published: Sep 17, 2020</p>
                    </div>
                    <button class="btn bg-orange fs-18 text-white w-100 mb-3">Watch Now</button>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="py-5 my-lg-5 my-0">
    <div class="container join-iesa-bg text-center py-lg-5 py-md-0 py-5">
        <h2 class="fs-40 fw-500 text-white mb-5 mt-lg-5 mt-md-0 mt-5 pt-lg-0 pt-5">Join the Vibrant IESA Community</h2>
        <div class="pb-lg-0 pb-5 mb-lg-5 mb-md-0 mb-5">
            <a href="{{url('register')}}" class="btn bg-white btn-padding">Register Now</a>
        </div>
    </div>
</section>

@endsection