ongoing-contests.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Live Contest Tracker</title>
    <link rel="stylesheet" href="ongoing-contests.css">
    
    <link href="https://fonts.googleapis.com/css2?family=Bungee&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="bootstrap.css">
    <link href="https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:wght@300&display=swap" rel="stylesheet">
</head>
<body onload="myfunction()">
    <!--LOADER-->
    <div id="loading"></div>
   <!--navbar-->
   <div class="container">
    <nav class="navbar navbar-expand-lg navbar-light fixed-top ">
        <h3 class="navbar-brand"> <span class="orange">Live</span> <span class="grey">CP Tracker</span></h3>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
          <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
            <ul class="navbar-nav ">
                <li class="nav-item ml-5">
                    <a class="nav-link"href="index.html">Home</a>
                </li>
            <li class="nav-item ml-5">
             <a class="nav-link"href="upcoming-contests.html">Future contests</a>
             </li>
            </ul>
        </div>
    </nav>
   </div>
  
<br> <br><br>
   <!--cards-->
   <section id="team">
       <h4 class="head pt-4">ONGOING EVENTS</h4>
       <div class="container my-3 py-5 text-center pt-5">
           
          <!--row 1-->
           <div class="row">
               <!--card one-->
               <div class="col-lg-3 col-md-6">
                   <div class="card">
                       <div class="card-body">
                           <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                           <h5 class="platform-name">HackerEarth Machine Learning challenge: Mothers’ Day with Machine Learning"</p>
                           <h5 class="date ends">Ends In</h5>
                           <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                           <hr>
                           <div class="d-flex flex-row justify-content-center">
                               <div class=""> <a class="visit-btn" target="_blank">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                              <div class=""><i class="far fa-heart pl-3" alt="add to favourite"></i></div>
                           </div>
                       </div>
                   </div>
               </div>
              
           <!--card 2-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name">HackerEarth Machine Learning challenge: Mothers’ Day with Machine Learning"</h5>
                      
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1"></span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#" target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           <!--card 3-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name">HackerEarth Machine Learning challenge: Mothers’ Day with Machine Learning"</h5>
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#" target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           <!--card 4-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name">HackerEarth Machine Learning challenge: Mothers’ Day with Machine Learning"</h5>
                    
                      
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#" target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           <!--card row end-->
           <!--row2-->
           <div class="row mt-5">
               <!--card one-->
               <div class="col-lg-3 col-md-6">
                   <div class="card">
                       <div class="card-body">
                           <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                           <h5 class="platform-name">HackerEarth Machine Learning challenge: Mothers’ Day with Machine Learning"</h5>
                        
                          
                           <h5 class="date ends">Ends In</h5>
                           <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                           <hr>
                           <div class="d-flex flex-row justify-content-center">
                               <div class=""> <a href="#"target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                              <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                           </div>
                       </div>
                   </div>
               </div>
           <!--card 2-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAh1BMVEX///8sNFT+/v4nMFGTl6cSHUTn6OwuNlVSV27W2N8GF0H4+fq/wcrT1dsaJElKUGvb3eKgo7GGiZpyd4t8gZTv7/IgKU0oMVIjLE5WXHRPVW/09ffi4+hARmNnbYO/wcu1t8JeZHvMztU3PlyNkaKsr7t3e447Q2CcoK5scYaws75ES2YDFkGuXM+iAAAFyUlEQVR4nO2d62KiOBSAA7G4LqiAAkHUCha1033/51sCvQAjEJwED8z5/kwvKeTjHEIwmYQQBEEQBEEQBEEQBEEQBEEQBEEQBEEQBEEQ5InoRG8n+/1PYbkMoSdynlIBuZXKL5/MA945RVFlb5lYjdjVWngtRXuR7M38iimNZFH3hXNZnzXaAJuZP3XIvlquWVPRXswPx7dXs8gipYJmsp37Pg00bX4PTdPKhoQb0vtF+6Fp1PdZnBpEdurXBL3bjmY11poJfoshbSndj4CdNwtdmSIXNNygq74qDbljbKlS5IKLox901uFOlsrEv6b580q+YHZM7z3oFFQcwwx2TRQpEtNh3YLqDTX/uFeRptlFez2I1FV1lmYwN5KvyHP0IlRV9THU6IelIIg6sa5QDDW6ld+1yY53YUJnHyBLNXq25RsS40OspkPEUPN/Se+CZ0lKBRrSwQx5WyPb0FmJnXyILNXY0ZNveHt5wFBVDGloyL8PZ6AM/zHkx3D20vZG0WCoKkvhGE4/htM3xCxFQ/iGmKVoCN8QsxQN4Rv+bVkaUMoYCzL4v1TwlXo0hgHz/fPu3Z05TurcZtvjbu77Ih/Awjb8ztKAzUP31fbM71+YkX16i8+PBRKO4VcMqRami+jrZ98fyZv2aXt+JI7gDP3rzNYrcl8jD7p3iln/pgiOYZ6lLIiX5PdBeP1zONdLhUYLgBoWo9wXu2Fw+nPqxmvcVxGW4XWTDxXdr1Dx6fwy9sdqyEdVXa9ZkBTJS4yeUYRjyIesjI7hzDxTk7CXIiDDYgJMR2V4mZPYyBY4QyI2Hp0VMW99bkVAhhVBvTQl7jdFY9cjiJAMq3Y/2pW2J//emYt3bgAaFk8F3fQ8w/MivT4FkH9tvIsNwcI0zG2i5Wl2OcbHjZsmRq0PwL9JxYMI0DDrZVvu7hzk74VM+3h/jUhtIiqxQ+EggjPMmsrlUeNvg5/HoH6wKfqq5TIzwUFYeIY6iX6FtZekgIWLWp4SS2DKFUjD7DvnzuuDn/dXy0EUnQwBzJA/zdO7r4CsMt1AF5/QAsuQZ2Kyu1tzerBqbY0jKAjMsHm6GLuYJUXe/z4L3oiADHnXxdEa6k3ny6qhIfq8AGTIHwJxY7VXabWp8US7NYAM+Uu+1thC+ttKW0MiV7AxhWV4a36O09CuGJq3Md6H0bb5xS/4SKqvGKJdU1CGxtFv/MPgfKr1agQbUziGvD99/2H4iWNWWqVE8KNTUIbLdYshnZmVGCaC/TZghi2Vpm9VQ9HBRjiGXSOkzDUrJ2kNOEjDrrDUOt9oCNCwO0ujyknGZzj9GE7fELN0/DGcviFm6fhjOH1DzNLxx3D6hpil44/h9A0xS8cfw+kbYpaOP4bTN8QsHX8Mp2+IWTr+GE7fELN0/DGcviFm6fhjOH1DzNLxx3D6htPP0ukaltYY787SSuFxGFb+sn3Wl1svPAJD6hpemdZ1XdnFiMpYo5i5d3jflAnbC2+2ZeIxzKDlK4uXaU+7XoWhGA4BGqIhGj4fNETDxwwDKVuRfALRMDiE8lh3XM3nGLp7Wxb7U8f/u3iO4Uzi6RYdi2Q8zfCBParuQpZQDaWdDKwhxlD4ZFDvQ1MWQGN4dOThXtvf9Z/Tp2EreXRtK4X90gcNn61VQomh6A4eg6BkB49UeAGgAVCyC4v16Iq4Kli5kfwYeirWdH4U3yLSY6iTLRxDelCwtxxf0QGMItvK31NW77G0inLoOlGwAWJ2xATMnThTsDtgsQDnCkRzuoptJXtYZolvbptWfBoStl6oEtTJHoAi3Z2IGsNC0RUe4lPktwotU5FgoWimofYHexr8qR/9cA1VEfxWXNx2c/YMyYDR69by7q99Lk2RH9tcppur//Lfv8Oy0uI3y9PVCpIijJmkYS+Gxt5H+TWW3iGtG+qqr2Hn2dWfRdqnog+gOH4IgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiDI387/+xrfVALivu0AAAAASUVORK5CYII=" alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name">HackerEarth Machine Learning challenge: Mothers’ Day with Machine Learning"</h5>
                    
                      
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#" target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           <!--card 3-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name"></h5>
                    
                      
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#" target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           <!--card 4-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name"></h5>
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#" target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           </div>
           <!--row 3-->
           <div class="row mt-5">
               <!--card one-->
               <div class="col-lg-3 col-md-6">
                   <div class="card">
                       <div class="card-body">
                           <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                           <h5 class="platform-name"></h5>
                           <h5 class="date ends">Ends In</h5>
                           <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                           <hr>
                           <div class="d-flex flex-row justify-content-center">
                               <div class=""> <a href="#"target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                              <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                           </div>
                       </div>
                   </div>
               </div>
           <!--card 2-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name"></h5>                    
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#" target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           <!--card 3-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name"></h5>
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#"target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           <!--card 4-->
           <div class="col-lg-3 col-md-6">
               <div class="card">
                   <div class="card-body">
                       <img  alt="" class="img-fluid rounded-circle w-50 mb-3">
                       <h5 class="platform-name">/h5>
                       <h5 class="date ends">Ends In</h5>
                       <h5 class="date"><span class="actual-duration ml-1">2 days"</span></h5>
                       <hr>
                       <div class="d-flex flex-row justify-content-center">
                           <div class=""> <a href="#" target="_blank" class="visit-btn">Visit contest page<i class="fas fa-forward pl-2"></i></a></div>
                          <div class=""><i class="far fa-heart pl-3" alt="remind me"></i></div>
                       </div>
                   </div>
               </div>
           </div>
           </div>
           <!--row 4-->
       </div>
   </section>
   <script>
       var preloader=document.querySelector("#loading");
       function myfunction(){
           preloader.style.display="none";
       }
   </script>
  <script src="ongoing-contests.js"></script>
  <script src="https://kit.fontawesome.com/a81368914c.js"></script>
  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
   </body>
</html>