<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

<!-- Google Fonts -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">

<!-- Bootstrap core CSS -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">

<!-- Material Design Bootstrap -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css" rel="stylesheet">
<!-- Footer -->



<!-- Remove the container if you want to extend the Footer to full width. -->
<div class="containere my-5">

  <!-- Footer -->
  <footer
          class="text-center text-lg-start text-white"
          style="background-color: black;"
          >
    <!-- Section: Social media -->
    <section
             class="d-flex justify-content-between p-4"
             style="background-color: black;"
             >
      <!-- Left -->
      <div class="me-5" style="background-color:black;color: #146ca4;" >
        <span>Get see with us on social networks:</span>
      </div>
      <!-- Left -->

      <!-- Right -->
      <div>
        <!--
        <a href="" class="text-white me-4">
          <i class="fab fa-facebook-f"></i>
        </a>
        <a href="" class="text-white me-4">
          <i class="fab fa-twitter"></i>
        </a>
        <a href="" class="text-white me-4">
          <i class="fab fa-google"></i>
        </a>-->
        <a href="https://instagram.com/@greesydev" class="text-white me-4">
          <i class="fab fa-instagram"></i>
        </a>
        <a href="/sp" class="text-white me-4">
          <i class="fab fa-discord"></i>
        </a>
        <a href="https://github.com/greesydev" class="text-white me-4">
          <i class="fab fa-github"></i>
        </a>
      </div>
      <!-- Right -->
    </section>
    <!-- Section: Social media -->

    <!-- Section: Links  -->
    <section class="">
      <div class="container text-center text-md-start mt-5" style="color: #146ca4;" >
        <!-- Grid row -->
        <div class="row mt-3">
          <!-- Grid column -->
          <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
            <!-- Content -->
            <h6 class="text-uppercase fw-bold">Greesy</h6>
            <hr
                class="mb-4 mt-0 d-inline-block mx-auto"
                style="width: 60px; background-color: #7c4dff; height: 2px"
                />
           <!--<p>
              Here you can use rows and columns to organize your footer
              content. Lorem ipsum dolor sit amet, consectetur adipisicing
            </p>-->
            <p>
            Best Discord Bot! Useful System And Very Controlable With Website! 
            </p>
          </div>
          <!-- Grid column -->

          <!-- Grid column -->
          <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4" style="color: #146ca4;" >
            <!-- Links -->
            <h6 class="text-uppercase fw-light">Products</h6>
            <hr
                class="mb-4 mt-0 d-inline-block mx-auto"
                style="width: 60px; background-color: #7c4dff; color: #146ca4;height: 2px"
                />
            <p>
              <a href="https://discord.gg/botdev" class="text-black">BotDev</a>
            </p>
            <p>
              <a href="/" class="text-black">Sponsor</a>
            </p>
            <p>
              <a href="/codeanti" class="text-black">CodeAnti</a>
            </p>
            <p>
             <!-- <a href="#!" class="text-white">Bootstrap Angular</a>
            </p>-->
          </div>
          <!-- Grid column -->

          <!-- Grid column -->
          <!--
          <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
            <!-- Links 
            <h6 class="text-uppercase fw-bold">Useful links</h6>
            <hr
                class="mb-4 mt-0 d-inline-block mx-auto"
                style="width: 60px; background-color: #7c4dff; height: 2px"
                />
            <p>
              <a href="#!" class="text-white">Your Account</a>
            </p>
            <p>
              <a href="#!" class="text-white">Become an Affiliate</a>
            </p>
            <p>
              <a href="#!" class="text-white">Shipping Rates</a>
            </p>
            <p>
              <a href="#!" class="text-white">Help</a>
            </p>
          </div>-->
          <!-- Grid column -->

          <!-- Grid column -->
          <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
            <!-- Links -->
            <h6 class="text-uppercase fw-bold">Links</h6>
            <hr
                class="mb-4 mt-0 d-inline-block mx-auto"
                style="width: 60px; background-color: #7c4dff; height: 2px"
                />
            <p><a href="/invite"><i class="fas fa-home mr-3"></i> Add </a></p>
            <p><a href="/sp"><i class="fas fa-envelope mr-3"></i> Support </a></p>
            <p><a href="/l/"><i class="fas fa-phone mr-3"></i> Login </a></p>
            <p><i class="fas fa-print mr-3"></i> Subscriptions</p>
          </div>
          <!-- Grid column -->
        </div>
        <!-- Grid row -->
      </div>
    </section>
    <!-- Section: Links  -->

    <!-- Copyright -->
    <div
         class="text-center p-3"
         style="background-color: rgba(0, 0, 0, 0.2)"
         >
      © 2020 Copyright;
      <a class="text-white" href="https://negodev.tk/"
         >Kardespro</a
        >&<a class="text-white" href="https://github.com/nicatdcw">ɴɪᴄᴀᴛ.ᴅᴄᴡ</a
      >
    </div>
    <!-- Copyright -->
  </footer>
  <!-- Footer -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- Bootstrap tooltips -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>

<!-- Bootstrap core JavaScript -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>

<!-- MDB core JavaScript -->

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js"></script>
<!-- Footer -->


</div>
<style>
.container {
  background-color: white;
  color: #146ca4;
 }
  footer {
    background-color: black;
   } 

</style>
<!-- End of .container -->