@extends('layouts.app')
@section('content')
<section class="careerAdvisorySec">
    <div class="container">
      <div class="row">
        <div class="col-md-6 px-2">
          <div class="advisoryThumb">
            <img src="{{ asset('assets/web/images/img23.jpg') }}" alt="" class="w-100">
            <div class="overlay"><a href="#">How to Score the Best Summer Jobs</a></div>
          </div>
        </div>
        <div class="col-md-3 px-2">
          <div class="advisoryThumb mb-3">
            <img src="{{ asset('assets/web/images/img24.jpg') }}" alt="" class="w-100">
            <div class="overlay"><a href="#">When to Apply for Summer Jobs: A Timeline</a></div>
          </div>
          <div class="advisoryThumb">
            <img src="{{ asset('assets/web/images/img25.jpg') }}" alt="" class="w-100">
            <div class="overlay"><a href="#">How to Become a Brand Ambassador</a></div>
          </div>
        </div>
        <div class="col-md-3 px-2">
          <div class="advisoryThumb mb-3">
            <img src="{{ asset('assets/web/images/img26.jpg') }}" alt="" class="w-100">
            <div class="overlay"><a href="#">When to Apply for Summer Jobs: A Timeline</a></div>
          </div>
          <div class="advisoryThumb">
            <img src="{{ asset('assets/web/images/img27.jpg') }}" alt="" class="w-100">
            <div class="overlay"><a href="#">How to Become a Brand Ambassador</a></div>
          </div>
        </div>
      </div>
      <div class="row my-5">
        <div class="col-lg-9 col-md-8">
          <div class="row mt-5 justify-content-between">
            <div class="col-md-6">
              <h3>The Latest Career Advice <i class="fa fa-angle-right"></i></h3>
              <div class="media">
                <img src="{{ asset('assets/web/images/img28.jpg') }}" class="align-self-start mr-3" alt="">
                <div class="media-body">
                  <p>The 9 Best Cities for Millennials</p>
                </div>
              </div>
              <div class="media">
                <img src="{{ asset('assets/web/images/img29.jpg') }}" class="align-self-start mr-3" alt="">
                <div class="media-body">
                  <p>Fastest-Growing Jobs Right Now</p>
                </div>
              </div>
              <div class="media">
                <img src="{{ asset('assets/web/images/img30.jpg') }}" class="align-self-start mr-3" alt="">
                <div class="media-body">
                  <p>Environmental Careers That Help the Planet</p>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <h3>Write a Killer Resume <i class="fa fa-angle-right"></i></h3>
              <div class="media">
                <img src="{{ asset('assets/web/images/img31.jpg') }}" class="align-self-start mr-3" alt="">
                <div class="media-body">
                  <p>The 9 Best Cities for Millennials</p>
                </div>
              </div>
              <div class="mediaList">
                <a href="#">Use These Numbers to Highlight Your Accomplishments</a>
                <a href="#">How to Put an Internship on a Resume</a>
                <a href="#">5 Reasons You Need a Free Resume Review From Ohio School Jobs</a>
                <a href="#">How Do You Put Volunteer Work on a Resume?</a>
              </div>
            </div>
            <div class="col-md-6">
              <h3>How to Find Your First Job</h3>
              <div class="media">
                <img src="{{ asset('assets/web/images/img32.jpg') }}" class="align-self-start mr-3" alt="">
                <div class="media-body">
                  <p>The 9 Best Cities for Millennials</p>
                </div>
              </div>
              <div class="mediaList">
                <a href="#">Use These Numbers to Highlight Your Accomplishments</a>
                <a href="#">How to Put an Internship on a Resume</a>
                <a href="#">5 Reasons You Need a Free Resume Review From Ohio School Jobs</a>
                <a href="#">How Do You Put Volunteer Work on a Resume?</a>
              </div>
            </div>
            <div class="col-md-6">
              <h3>Nail the Interview</h3>
              <div class="media">
                <img src="{{ asset('assets/web/images/img33.jpg') }}" class="align-self-start mr-3" alt="">
                <div class="media-body">
                  <p>The 9 Best Cities for Millennials</p>
                </div>
              </div>
              <div class="mediaList">
                <a href="#">Use These Numbers to Highlight Your Accomplishments</a>
                <a href="#">How to Put an Internship on a Resume</a>
                <a href="#">5 Reasons You Need a Free Resume Review From Ohio School Jobs</a>
                <a href="#">How Do You Put Volunteer Work on a Resume?</a>
              </div>
            </div>
            <div class="col-md-6">
              <h3>Job Search Resources</h3>
              <div class="media">
                <img src="{{ asset('assets/web/images/img32.jpg') }}" class="align-self-start mr-3" alt="">
                <div class="media-body">
                  <p>The 9 Best Cities for Millennials</p>
                </div>
              </div>
              <div class="mediaList">
                <a href="#">Use These Numbers to Highlight Your Accomplishments</a>
                <a href="#">How to Put an Internship on a Resume</a>
                <a href="#">5 Reasons You Need a Free Resume Review From Ohio School Jobs</a>
                <a href="#">How Do You Put Volunteer Work on a Resume?</a>
              </div>
            </div>
            <div class="col-md-6">
              <h3>Negotiate the Best Offer</h3>
              <div class="media">
                <img src="{{ asset('assets/web/images/img34.jpg') }}" class="align-self-start mr-3" alt="">
                <div class="media-body">
                  <p>The 9 Best Cities for Millennials</p>
                </div>
              </div>
              <div class="mediaList">
                <a href="#">Use These Numbers to Highlight Your Accomplishments</a>
                <a href="#">How to Put an Internship on a Resume</a>
                <a href="#">5 Reasons You Need a Free Resume Review From Ohio School Jobs</a>
                <a href="#">How Do You Put Volunteer Work on a Resume?</a>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-4">
          <img src="{{ asset('assets/web/images/hiring-ad.jpg') }}" alt="" class="w-100">
          <div class="input-group my-4">
            <input type="text" class="form-control" placeholder="Search career Advice">
            <div class="input-group-append">
              <span class="input-group-text" id="basic-addon2"><i class="fa fa-search"></i></span>
            </div>
          </div>
          <div class="browseArticle">
            <div class="head"><i class="fa fa-folder"></i> Browse articles by...</div>
            <div class="bod">
              <p>+ Find The Right Career Path</p>
              <p>+ Cover Letters & Resumes</p>
              <p>+ Interviews</p>
              <p>+ Salary & Benefits</p>
              <p>+ Workplace</p>
              <p>+ Professional Development</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection