index.php

<?php include('security.php'); ?>
<?php include('includes/header.php'); ?>
<?php include('includes/navbar.php'); ?>


  <!-- ======= Hero Section ======= -->
  <section id="hero" >

  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= Featured Services Section ======= -->
    <section id="featured-services" class="featured-services section-bg">
      <div class="container">

        <div class="row no-gutters">
          <div class="col-lg-3 col-md-6">
            <div class="icon-box">
              <div class="icon"><img src="img/icons/virus.png"></div>
              <h4 class="title"><a href="">Covid Confirmed Cases</a></h4>
              <h4 id="StateConfirmed"></h4>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="icon-box">
              <div class="icon"><img src="img/icons/virus.png"></div>
              <h4 class="title"><a href="">Covid Active Cases</a></h4>
              <h4 id="StateActive"></h4>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="icon-box">
              <div class="icon"><img src="img/icons/virus.png"></div>
              <h4 class="title"><a href="">Covid Recovered Cases</a></h4>
              <h4 id="StateRecovered"></h4>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="icon-box">
              <div class="icon"><img src="img/icons/virus.png"></div>
              <h4 class="title"><a href="">Covid Death Cases</a></h4>
              <h4 id="StateDeath"></h4>
            </div>
          </div>                              

        </div>

      </div>
    </section><!-- End Featured Services Section -->

    <!-- ======= About Us Section ======= -->
    <section id="about" class="about">
      <div class="container">

        <div class="section-title">
          <h2>About Nagaland</h2>
        </div>

        <div class="row">
          <div class="col-lg-6 order-1 order-lg-2">
            <img src="img/tamil/map.png" class="img-fluid" alt="">
          </div>
          <div class="col-lg-6 pt-4 pt-lg-0 order-2 order-lg-1 content">
            <p class="font-italic">
              Tamil Nadu, a South Indian state, is famed for its Dravidian-style Hindu temples. In Madurai, Meenakshi Amman Temple has high ‘gopuram’ towers ornamented with colourful figures. On Pamban Island, Ramanathaswamy Temple is a pilgrimage site. The town of Kanyakumari, at India’s southernmost tip, is the site of ritual sunrises. Capital Chennai is known for beaches and landmarks including 1644 colonial Fort St. George.
            </p>
            <ul>
              <li><i class="icofont-check-circled"></i><strong> Area:</strong> 130,058 km²</li>
              <li><i class="icofont-check-circled"></i><strong>Population:</strong> 6.79 crores (2012)</li>
              <li><i class="icofont-check-circled"></i><strong>Chief minister:</strong>Edappadi K. Palaniswami</li>
              <li><i class="icofont-check-circled"></i><strong>Capital:</strong> Chennai</li>
              <li><i class="icofont-check-circled"></i><strong>Districts: </strong>38</li>
            </ul>
          </div>
        </div>

      </div>
    </section><!-- End About Us Section -->

    <section id="why-us" class="why-us">
      <div class="container">

        <div class="row no-gutters">

          <div class="col-lg-4 col-md-6 content-item">
            <span>01</span>
            <h4><a href="https://www.tn.gov.in/service/dept/1"> Adi Dravidar and Tribal Welfare Department</a></h4>
           
          </div>

          <div class="col-lg-4 col-md-6 content-item">
            <span>02</span>
            <h4><a href="https://www.tn.gov.in/service/dept/4"> BC, MBC & Minorities Welfare Department</a></h4>
            
          </div>

          <div class="col-lg-4 col-md-6 content-item">
            <span>03</span>
            <h4><a href="https://www.tn.gov.in/service/dept/11"> Health and Family Welfare Department</a></h4>
          </div>

          <div class="col-lg-4 col-md-6 content-item">
            <span>04</span>
            <h4><a href="https://www.tn.gov.in/service/dept/14">  Home, Prohibition and Excise Department</a></h4>
          </div>

          <div class="col-lg-4 col-md-6 content-item">
            <span>05</span>
            <h4><a href="https://www.tn.gov.in/service/dept/16"> Industries Department</a></h4>
          </div>

          <div class="col-lg-4 col-md-6 content-item">
            <span>03</span>
            <h4><a href="https://www.tn.gov.in/service/dept/33"> Transport Department</a></h4>
          </div>

        </div>

      </div>
    </section><!-- End Why Us Section -->

            <!-- ======= Cta Section ======= -->
    <section id="cta" class="cta">
      <div class="container" data-aos="zoom-in">

        <div class="text-center">
          <h3>Coronavirus</h3>
          <p>Coronavirus disease (COVID-19) is an infectious disease caused by a newly discovered coronavirus.
Most people infected with the COVID-19 virus will experience mild to moderate respiratory illness and recover without requiring special treatment.Older people, and those with underlying medical problems like cardiovascular disease, diabetes, chronic respiratory disease, and cancer are more likely to develop serious illness.<br><br>
The COVID-19 virus spreads primarily through droplets of saliva or discharge from the nose when an infected person coughs or sneezes, so it’s important that you also practice respiratory etiquette (for example, by coughing into a flexed elbow).
At this time, there are no specific vaccines or treatments for COVID-19. However, there are many ongoing clinical trials evaluating potential treatments. WHO will continue to provide updated information as soon as clinical findings become available.</p>
        </div>

      </div>
    </section><!-- End Cta Section -->

    <!-- ======= Why Us Section ======= -->

    <!-- ======= Features Section ======= -->
    <section id="services" class="services">
      <div class="container">

         <div class="section-title">
          <h2>Coronavirus Symptoms</h2>
          <p>Check the symptoms</p>
        </div>

        <div class="row">
           <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-blue">
              <div class="icon">
              <img src="img/icons/cold.png">
            </div>  
              <h4>Fever</h4>
              <p>A fever is a body temperature that is higher than normal. A normal temperature can vary from person to person,but it is usually around 98.6F. </p>
            </div>
          </div>  
          
          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-blue">
              <div class="icon">
              <img src="img/icons/education.png">
            </div>
              <h4>Tiredness</h4>
              <p>Feeling overtired, with low energy and a strong desire to sleep that interferes with normal daily activities.</p>
            </div>
          </div>
          
        <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-blue">
              <div class="icon">  
              <img src="img/icons/avatar.png">
            </div>
              <h4>Dry Cough</h4>
              <p>A sudden, forceful hacking sound to release air and clear an irritation in the throat or airway.</p>
            </div>
          </div>
       


        <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-blue">
              <div class="icon">  
              <img src="img/icons//healthcare-and-medical (2).png">
            </div>
              <h4>Aches and Pains</h4>
              <p>Muscle pain is most often related to tension, overuse, or muscle injury from exercise or hard physical work.</p>
            </div>
          </div>
       </div>
       <br>
       <div class="row">
        
        <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
          <div class="icon-box iconbox-blue">
              <div class="icon">    
              <img src="img/icons/discharge.png">
            </div>
              <h4>Nasal Congestion</h4>
              <p>Nasal passages swollen with excess fluid and mucus, may be triggered by infection, tobacco smoke or perfume.</p>
            </div>
          </div>
        

        <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-blue">
              <div class="icon">  
              <img src="img/icons/discharge (5).png">
            </div>
              <h4>Runny Nose</h4>
              <p>Excess drainage, ranging from a clear fluid to thick mucus, from the nose and nasal passages.</p>
            </div>
          </div>
       

         <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-blue">
              <div class="icon">  
              <img src="img/icons/medical.png">
              </div>
              <h4>Sore Throat</h4>
              <p>Pain or irritation in the throat that can occur with or without swallowing, often accompanies infections, such as a cold or flu.</p>
            </div>
          </div>

        <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
            <div class="icon-box iconbox-blue">
              <div class="icon">  
              <img src="img/icons/healthcare-and-medical (1).png">
            </div>
              <h4>Diarrhoea</h4>
              <p>Loose, watery bowel movements that may occur frequently and with a sense of urgency.</p>
            </div>
          </div>
       
      </div>

    </div>  
  </section><!-- End Features Section -->

    <!-- ======= Portfolio Section ======= -->
    <section id="portfolio" class="portfolio">
      <div class="container" data-aos="fade-up">
        <div class="section-header">
          <h3 class="section-title text-center" >Our Services</h3>
        </div>

        <div class="row" data-aos="fade-up" data-aos-delay="100">
          <div class="col-lg-12 d-flex justify-content-center">
            <ul id="portfolio-flters">
              <li data-filter="*" class="filter-active">All</li>
              <li data-filter=".filter-app">Health Care</li>
              <li data-filter=".filter-card">Disaster Management</li>
              <li data-filter=".filter-web">Education & Skillng</li>
            </ul>
          </div>
        </div>

        <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">

          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
            <img src="img/home/covidhospitals.jpg" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Public Health Care Center</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>


          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
            <img src="img/home/medical.png" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Medical</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>


          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
            <img src="img/home/blood.png" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Blood Bank</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>

           <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="img/home/donate.png" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Donations</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>

             <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="img/home/volunteer.jpg" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Volunteers</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="img/tamil/logo.svg" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Government Services</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>

           <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="img/home/mask.jpg" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Movement Pass</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>
          
         <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <img src="img/home/hr.png" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>HR Recruitment</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <img src="img/home/courses.jpg" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Online Vocational Training Courses</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>


          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
            <img src="img/home/msme.jpg" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>MSME Products</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>


          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="img/home/courses.png" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Essential Workers</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>


          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
            <img src="img/home/donation.jpg" class="img-fluid" alt="" style="height: 220px; width: 420px;">
            <div class="portfolio-info">
              <h4>Food Supply</h4>
              <a href="#" class="details-link" title="More Details"></a>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Portfolio Section -->


    <!-- ======= Team Section ======= -->
    <section id="team" class="team">
      <div class="container">

        <div class="section-title" data-aos="fade-in" data-aos-delay="100">
          <h2>To Flatten The Curve & Break the Chain</h2>
          <p>STAY HOME, STAY SAFE</p>
        </div>

        <div class="row">

          <div class="col-lg-3">
            <div class="member" data-aos="fade-up">
              <div class="member-info">
                <h4> WASH HANDS OFTEN</h4>
                
              </div>
            </div>
            <div class="member" data-aos="fade-up" style="height: 100px;">
              <div class="member-info">
                <h4> COVER YOUR COUGH</h4>
              </div>
            </div>
          </div> 
          <div class="col-lg-3"> 
              <div class="member" data-aos="fade-up"> 
              <div class="member-info">
                <h4>KEEP A SAFE DISTANCE</h4>
               
              </div>
            </div>
             <div class="member" data-aos="fade-up" >
              <div class="member-info">
                <h4>SICK? CALL THE HELPLINE</h4>
                
              </div>
            </div>
          </div>

          <div class="col-lg-6">
            <img src="img/home/banner.png" class="img-fluid">
          </div>  

        </div>

      </div>
    </section><!-- End Team Section -->


  </main><!-- End #main -->


<script type="text/javascript">
  
$.ajax({
    url:"https://api.covid19india.org/v2/state_district_wise.json",
    type:"GET",
    dataType:"JSON",
    success : function(covid_data) {

     //console.log(covid_data);
     var newArray = covid_data.filter(function (el) {

      return el.state === 'Tamil Nadu';

    });

    //console.log(newArray);

    Array.prototype.sum = function (prop) {
    var total = 0
    for ( var i = 0, _len = this.length; i < _len; i++ ) {
        total += this[i][prop]
    }
    return total
    }

    var StateConfirmed = newArray[0].districtData.sum("confirmed");
    document.getElementById("StateConfirmed").innerHTML = StateConfirmed;

    var StateActive = newArray[0].districtData.sum("active");
    document.getElementById("StateActive").innerHTML = StateActive;

    var StateDeath = newArray[0].districtData.sum("deceased");
    document.getElementById("StateDeath").innerHTML = StateDeath;

    var StateRecovered = newArray[0].districtData.sum("recovered");
    document.getElementById("StateRecovered").innerHTML = StateRecovered;

    // var MainStateConfirmed = newArray[0].districtData.sum("confirmed");
    // document.getElementById("MainStateConfirmed").innerHTML = "Covid19 Cases - " + (MainStateConfirmed) ;
}

});


</script>

<?php include('includes/footer.php'); ?>
<?php include('includes/scripts.php'); ?>