Mpatise|Farmers Associations/title>  <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">  <link href="../css/metisMenu.min.css" rel="stylesheet">  <link href="../css/dataTables/dataTables.bootstrap.css" rel="stylesheet">  <link href="../css/dataTables/dataTables.responsive.css" rel="stylesheet">  <link href="../css/startmin.css" rel="stylesheet"> <link href="../css/etilite.css" rel="stylesheet">  <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="../css/swiper-bundle.min.css" rel="stylesheet" type="text/css">    <style type="text/css"> .navbar { border-bottom: 3px solid #FF9900; } .navbar .navbar-brand { color: #CCC !important; } .nav li a:hover, .navbar-nav li.active a { color: #FFF !important; background-color: #09F !important; } @media (min-width: 768px) { .caracs { width: 500px !important; font-family: 'Poppins', sans-serif; } .panel { text-align: center; height: 255px; } } @media (min-width: 992px) { .caracs { width: 810px !important; font-family: 'Poppins', sans-serif; } } @media (min-width: 1200px) { .caracs { width: 810px !important; font-family: 'Poppins', sans-serif; } .panel { text-align: center; height: 150px; } } .panel-footer .list-group a:hover { color: #FFF !important; background-color: #09F !important; } .panel img { height: 100%; width: 100%; object-fit: cover; } @media (min-width: 992px) { .equal { display: -ms-flexbox; display: -webkit-flex; display: flex; } } .same-height { display: flex; } .panel { flex: 1; } @media screen and (max-width:500px) { .same-height { flex-flow: column wrap; } .thumbnail img { height: 25%; width: 25%; object-fit: cover; } .page-header { display: hidden; } } .circle { width: 50px; height: 50px; background: #09F; ; font-size: 24px; text-align: center; line-height: 50px; color: #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-top: 10px; } #myModal { margin-top: 56px; } header { width: 100% !important; margin-top: 65px !important; } .Assignments { width: 100%; padding: 10px; background: #0C6; color: #FFF; height: auto; border-radius: 5px; } .Forum { width: 100%; padding: 10px; background: #CC3; color: #FFF; height: auto; border-radius: 5px; } .Tutoring { width: 100%; padding: 10px; background: #6C9; color: #FFF; height: auto; border-radius: 5px; } .Classes { width: 100%; padding: 10px; background: #99C; color: #FFF; height: auto; border-radius: 5px; } .Quiz { width: 100%; padding: 10px; background: #C60; color: #FFF; height: auto; border-radius: 5px; } .card.hovercard { position: relative; padding-top: 0; overflow: hidden; text-align: center; } .card.hovercard .cardheader { background: url("../../profile_Image/download.jpg"); background-size: cover; height: 135px; } .card.hovercard .avatar { position: relative; top: -50px; margin-bottom: -50px; alignment-adjust: central; } .card.hovercard .avatar img { width: 100px; height: 100px; max-width: 100px; max-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(255, 255, 255, 0.5); } .card.hovercard .info { padding: 4px 8px 10px; } .card.hovercard .info .title { margin-bottom: 4px; font-size: 24px; line-height: 1; color: #262626; vertical-align: middle; } .card.hovercard .info .desc { overflow: hidden; font-size: 12px; line-height: 20px; color: #737373; text-overflow: ellipsis; } .card.hovercard .bottom { padding: 0 20px; margin-bottom: 17px; } .card-counter { box-shadow: 2px 2px 10px #DADADA; margin: 2px; padding: 20px 10px; background-color: #fff; height: 100px; border-radius: 5px; transition: .3s linear all; } .card-counter:hover { box-shadow: 4px 4px 20px #DADADA; transition: .3s linear all; } .card-counter.primary { background-color: #007bff; color: #FFF; } .card-counter.danger { background-color: #ef5350; color: #FFF; } .card-counter.success { background-color: #66bb6a; color: #FFF; } .card-counter.info { background-color: #26c6da; color: #FFF; } .card-counter img { height: 100%; width: 50%; margin-top: -20px; margin-left: -10px; margin-bottom: -120px; border-radius: 5px; overflow: hidden; opacity: 0.5; } .card-counter .count-numbers { position: absolute; right: 35px; top: 20px; font-size: 32px; display: block; } .card-counter .count-name { position: absolute; right: 35px; top: 65px; font-style: italic; text-transform: capitalize; opacity: 0.5; display: block; font-size: 18px; } .info-box { display: block; min-height: 90px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px; } .info-box { border: 1px solid red; border-radius: 0; box-shadow: 2px 2px 5px #FF9900; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; } .info-box:hover { background: #FF9900; color: #fff; border-radius: 2px; border: none; box-shadow: 2px 2px 5px #FF9900; } .info-box small { font-size: 14px; } .info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px; } .info-box .progress, .info-box .progress .progress-bar { border-radius: 0; } .info-box .progress .progress-bar { background: #fff; } .info-box-icon { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2); } .info-box-icon>img { height: 100%; width: 100%; margin-top: -1px; margin-left: -2px; bottom: -2px; object-fit: cover; overflow: hidden; } .info-box-content { padding: 5px 10px; margin-left: 90px; } .info-box-number { display: block; font-weight: bold; font-size: 18px; margin-top: 10px; } .progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .info-box-text { text-transform: uppercase; } .info-box-more { display: block; } .progress-description { margin: 0; } .timeline { position: relative; margin: 0 0 30px 0; padding: 0; list-style: none; } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 4px; background: #ddd; left: 31px; margin: 0; border-radius: 2px; } .timeline>li { position: relative; margin-right: 10px; margin-bottom: 15px; } .googleapp img { height: 10%; width: 20%; } .footer1 { background: #fff url("../../images/footer/footer-bg.png") repeat scroll left top; padding-top: 40px; padding-right: 0; padding-bottom: 20px; padding-left: 0; } .title-widget { color: #898989; font-size: 20px; font-weight: 300; line-height: 1; position: relative; text-transform: uppercase; font-family: 'Fjalla One', sans-serif; margin-top: 0; margin-right: 0; margin-bottom: 25px; margin-left: 0; padding-left: 28px; } .title-widget::before { background-color: #FF9900; content: ""; height: 22px; left: 0px; position: absolute; top: -2px; width: 5px; } .widget_nav_menu ul { list-style: outside none none; padding-left: 0; } .widget_archive ul li { background-color: rgba(0, 0, 0, 0.3); content: ""; height: 3px; left: 0; position: absolute; top: 7px; width: 3px; } .widget_nav_menu ul li { font-size: 13px; font-weight: 700; line-height: 20px; position: relative; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 7px; padding-bottom: 7px; width: 95%; } .title-median { color: #636363; font-size: 20px; line-height: 20px; margin: 0 0 15px; text-transform: uppercase; font-family: 'Fjalla One', sans-serif; } .footerp p { font-family: 'Gudea', sans-serif; } #social:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } #social { -webkit-transform: scale(0.8); /* Browser Variations: */ -moz-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } /* Only Needed in Multi-Coloured Variation */ .social-fb:hover { color: #3B5998; } .social-tw:hover { color: #4099FF; } .social-gp:hover { color: #d34836; } .social-em:hover { color: #f39c12; } .nomargin { margin: 0px; padding: 0px; } .footer-bottom { background-color: #000; min-height: 30px; width: 100%; } .copyright { color: #fff; line-height: 30px; min-height: 30px; padding: 7px 0; } .design { color: #fff; line-height: 30px; min-height: 30px; padding: 7px 0; text-align: right; } /* .design a { color: #fff; } */ /* .swiper { /* width: 900px; */ /* height: 450px; } */ /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ .swiper-slide { background: #ccc; display: flex; justify-content: center; align-items: center } .scrollads { height: 300px; background-color: #ccc; } /* Carousel base class */ .carousel { height: 300px; margin-bottom: 60px; } .carousel-caption { z-index: 10; /* Since positioning the image, we need to help out the caption */ } /* Declare heights because of positioning of img element */ .carousel .item { height: 400px; background-color: #777; } .carousel-inner>.item>img { height: 100%; width: 100%; margin: auto; } /* Carousel base class */ @media screen and (max-width:500px) { .carousel { height: 300px; margin-bottom: 60px; } .carousel-caption { z-index: 10; /* Since positioning the image, we need to help out the caption */ } /* Declare heights because of positioning of img element */ .carousel .item { height: 300px; background-color: #777; } .carousel-inner>.item>img { height: 100%; width: 100%; margin: auto; } .googleappbtn { display: none; } } .modal-header { background-color: #337AB7; padding: 16px 16px; color: #FFF; border-bottom: 2px dashed #337AB7; } </style> </head> <body> <div id="wrapper">  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="navbar-header"> <a class="navbar-brand" href="">Farmers Associations</a> </div> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <ul class="nav navbar-nav navbar-left navbar-top-links"> <li><a href="../index.php"><i class="fa fa-home fa-fw"></i> Home</a></li> </ul> <ul class="nav navbar-right navbar-top-links"> <li><a href="vetin.php">Login</a> </li> </ul> <ul class="nav navbar-right navbar-top-links"> <li><a href="../index.php"><i class="fa fa-sign-out fa-fw"></i> Back</a></li> </ul>   </nav> <div id="page-wrapper"> <div class="row"> <div class="page-header"> <h3 class="page-header"><font color="#FF9900"><img src="../img/alogo.PNG" alt="CT" width="70" height="50">| Farmers Associations</font></h3> </div>  </div>  <div class="cotainer-fluid"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="info-box livestockbuyers"> <span class="info-box-icon bg-red"> <img src="../img/phone.png" class="img-responsive" alt="pcuser image"></span> <div class="info-box-content"> <span class="info-box-text">Associations Profile</span> <span class="info-box-number"> <a href="asin.php"> <button type="button" class="btn btn-primary btn-xs" Title="Sign In here">Login</button></a> <a href="regas.php"> <button type="button" class="btn btn-primary btn-xs" Title="Register here">Register|Signup</button></a> </span> </div> </div> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="info-box"> <span class="info-box-icon bg-red"><img src="../img/phone.png" class="img-responsive" alt="pcuser image"></span> <div class="info-box-content"> <span class="info-box-text">Farmers Association</span> <span class="info-box-number"> <a href="vetlist.php"> <button type="button" class="btn btn-primary btn-xs"><!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>