@extends('layouts.app')

@section('content')
<title>Blog | Page</title>


<div class="about-header">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-10 text-center">
          <img src="{{url('pikat/img/about/about-header.png')}}" alt="" class="d-none d-md-block d-md-inline-flex" />
          <h2>Blog</h2>
          <p>
            Soaring high with us. We provide interesting and important
            insights about digital marketing in a fast paced world, learning
            is not easy but getting information is very easy anyone. The one
            who do not grow, will be distracted. Do it before you fall behind,
            we are going to invite you to surf the world digitally and find
            out information about who we are.
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="section-about-pikat my-5">
    <div class="container">
      <div class="row">
        <div class="col-8 col-sm-10 col-md-6 col-lg-3">
          <span class="text-bold">Arcieved Articles</span>
          <div class="form-group">
            <label for="">Select Date</label>
            <input
              type="date"
              class="form-control"
              name=""
              id=""
              aria-describedby="emailHelpId"
              placeholder=""
              style="border: 0px"
            />
          </div>
        </div>
        <div class="col-8 col-sm-10 col-md-6 col-lg-3 mt-lg-4">
          <div class="form-group">
            <label for="">Select Category</label>
            <select class="form-control" name="" id="" style="border: 0px">
              <option>Pilih</option>
              <option></option>
              <option></option>
            </select>
          </div>
        </div>
        <div class="col-8 col-sm-10 col-md-6 col-lg-4 offset-2 text-right">
          <div class="input-group">
            <span class="input-group-prepend">
              <div class="input-group-text bg-transparent border-right-0">
                <i class="fa fa-search"></i>
              </div>
            </span>
            <input
              class="form-control py-2 border-left-0 border"
              type="search"
              placeholder="Search articles, news"
              id="example-search-input"
              style="border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 20px"
            />
          </div>
        </div>
      </div>

      <div class="row mt-5">
        <div class="col-6">
            <h3>About Pikat</h3>
        </div>
        <div class="col-6 text-right">
            <a href="" id="views">View All</a>
        </div>
      </div>

      <div class="row mt-3">
        <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
          <div class="card">
            <img src="{{url('pikat/img/home/news.png')}}" alt="" />
            <div class="card-body">
              <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
              <p>
                Pikat Media Kreatif adalah digital marketing agency yang
                memiliki pengalaman dan wadah konsultasi untuk membantu
                bisnis Anda menjangkau...
              </p>
              <a href="#" class="card-link"
                >April 13, 2022 | 20 min read</a
              >
              <a href="#" class="card-link text-right" id="article"
                >Read Article <i class="fa-solid fa-angle-right"></i
              ></a>
            </div>
          </div>
        </div>
        <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
          <div class="card">
            <img src="{{url('pikat/img/home/slide-4.png')}}" alt="" />
            <div class="card-body">
              <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
              <p>
                Pikat Media Kreatif adalah digital marketing agency yang
                memiliki pengalaman dan wadah konsultasi untuk membantu
                bisnis Anda menjangkau...
              </p>
              <a href="#" class="card-link"
                >April 13, 2022 | 20 min read</a
              >
              <a href="#" class="card-link text-right" id="article"
                >Read Article <i class="fa-solid fa-angle-right"></i
              ></a>
            </div>
          </div>
        </div>
        <div class="col-12 mt-3 col-sm-11 col-md-4 col-lg-4">
          <div class="card">
            <img src="{{url('pikat/img/home/slide-3.png')}}" alt="" />
            <div class="card-body">
              <h6>Pikat Media Kreatif jasa SEO Indonesia terpe..</h6>
              <p>
                Pikat Media Kreatif adalah digital marketing agency yang
                memiliki pengalaman dan wadah konsultasi untuk membantu
                bisnis Anda menjangkau...
              </p>
              <a href="#" class="card-link"
                >April 13, 2022 | 20 min read</a
              >
              <a href="#" class="card-link text-right" id="article"
                >Read Article <i class="fa-solid fa-angle-right"></i
              ></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection