import React from "react"
import "./filterBlock.css"

export default () => (
    <div className="filter mb-4">
    <ul className="col-lg-8 nav nav-pills text-uppercase justify-content-center mx-auto">
      <li className="nav-item">
        <a className="nav-link active" href="/">All</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">New-1</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">All-2</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">New-3</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">All-4</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">New-5</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">All-6</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">New-7</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">All-8</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">New-9</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">All-10</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">New-11</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">All-12</a>
      </li>
      <li className="nav-item">
        <a className="nav-link active" href="/">New-13</a>
      </li>
    </ul>
  </div>
)