<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>G20 Countries - Military, Health & Education Spending</title>
    <link rel="stylesheet" href="/Individual Project/CSS/style copy.css">
    <script src="https://www.gstatic.com/charts/loader.js"></script>
    <script src="/Individual Project/g20_Charts.js"></script>
    <link href='https://fonts.googleapis.com/css?family=Alegreya' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Aleo' rel='stylesheet'>
</head>
<body>
    <div id="main">
        <div id="header">
            <div id="logobkg">
                <div id="logo">
                    <div id="logo text">
                        <h1><a href="/Individual Project/g20_index.html">G20 COUNTRIES SPENDING ON MILITARY, HEALTH CARE AND EDUCATION</a></h1>
                        <h2>(2011 - 2017)</h2>
                    </div><!-- logo text -->
                </div><!-- logo -->
            </div><!-- Logobkg -->    
            <div id="menubar">
                <ul id="menu">
                    <li ><a href="/Individual Project/g20_index.html">Home</a></li>
                    <li><a href="/Individual Project/html/g20_spending.html">Spending data with GDP</a></li>
                    <li class="selected" ><a href="/Individual Project/html/g20_percapita.html">Per Capita Splits</a></li>
                    <li><a href="/Individual Project/html/g20_growthrate.html">Growth Rate Trends</a></li>
                </ul>
            </div><!-- menubar-->          
        </div><!-- Header -->
    </div><!-- Main -->
    <br>
    <div id="Latest_info_spending1">
        <br>
        <br>
        <br>
        <h3 style="font-family: 'Aleo', serif; font-size: 22px;">2017 - per capita Information</h3>
        <br>
        <br>
        <h4 style="font-family: 'Alegreya'; font-size: 18px;">Military Spending</h4>
        <P style="font-family: 'Alegreya'; font-size: 16px;">Highest per capita spending : $2130 USD </P>
        <br>
        <h5 style="font-family: 'Alegreya'; font-size: 16px;">Top 3 Spenders</h5>
        <ul style="font-family: 'Alegreya'; font-size: 18px;">
            <ul>1. Saudi Arabia</ul>
            <ul>2. United States</ul>
            <ul>3. Australia</ul>
        </ul>
        <br>
        <p style="font-family: 'Alegreya'; font-size: 16px; text-align: justify;"> 2011 - 2017 - Saudi Arabia shows an increasing trend while United States per capita spending is decreasing year by year. </p>
        <br>
        <p style="font-family: 'Alegreya'; font-size: 16px; text-align: justify;"> Indonesia marks the lowest military per capita among the G20 countries. However, there is a 22% growth rate in per capita spending from 2011 to 2017. Compared to other sectors, Indonesia's interest over military spending is increased. </p>
        <br>
        <br>
        <br>
        <h4 style="font-family: 'Alegreya'; font-size: 18px;">Health Care Spending</h4>
        <P style="font-family: 'Alegreya'; font-size: 16px;">Highest per capita spending : $10237 USD </P>
        <br>
        <h5 style="font-family: 'Alegreya'; font-size: 16px;">Top 3 Spenders</h5>
        <ul style="font-family: 'Alegreya'; font-size: 18px;">
            <ul>1. United States</ul>
            <ul>2. Germany</ul>
            <ul>3. Australia</ul>
        </ul>
        <br>
        <p style="font-family: 'Alegreya'; font-size: 16px; text-align: justify;"> Over the seven years, the United States, Germany and Australia have always shown an increased interest in providing health care services to the communities. </p>
        <br>
        <p style="font-family: 'Alegreya'; font-size: 16px; text-align: justify;"> European countries have raised their bar in health care per capita expenditure. Growth rate is tremendously increased compared to other top spenders of this sector. </p>
        <br>
        <p style="font-family: 'Alegreya'; font-size: 16px; text-align: justify;"> India and Indonesia have the lowest per capita health care spending. It's less than 0.01% compared to %Total GDP. </p>
        <br>
        <br>
        <br>
        <h4 style="font-family: 'Alegreya'; font-size: 18px;">Educational Spending</h4>
        <P style="font-family: 'Alegreya'; font-size: 16px;">Highest per capita spending : $2982  USD </P>
        <br>
        <h5 style="font-family: 'Alegreya'; font-size: 16px;">Top 3 Spenders</h5>
        <ul style="font-family: 'Alegreya'; font-size: 18px;">
            <ul>1. Australia</ul>
            <ul>2. United Kingdom</ul>
            <ul>3. Canada</ul>
        </ul> 
        <p style="font-family: 'Alegreya'; font-size: 9px;">*Above educational spending stats does not include china,united states,France,Saudi Arabia,Korea & Turkey spending</p> 
        <br> 
        <br>
        <p style="font-family: 'Alegreya'; font-size: 16px; text-align: justify;"> From 2011-2017, except India and Argentia, all the other countries showed a negative trend in per capita education spending.  </p>
        <br>
        <p style="font-family: 'Alegreya'; font-size: 16px; text-align: justify;"> Compared to health care, India show an increased interest in educational per capita spending followed by military per capita spending. </p>
        <br>
        <br>
        <br> 

    </div> <!-- Latest Information-->
    <div id='percapita'>
        <h3 style="font-family: 'Aleo', serif; font-size: 22px;">Military per capita spending with per capita gdp</h3>
        <div id="percapita_comp_charts">
            <div id='military_per_filter_div' style="font-family: 'Aleo', serif; font-size: 18px"></div>
            <div id = "military_per_response_div" ></div>
        </div>             
    </div>
    <br>
    <br>
    <div id='percapita_health'>
        <h3 style="font-family: 'Aleo', serif; font-size: 22px;">Health Care per capita spending with per capita gdp</h3>
        <div id="percapita_health_charts">
            <div id='health_per_filter_div' style="font-family: 'Aleo', serif; font-size: 18px"></div>
            <div id = "health_per_response_div" ></div>
        </div>             
    </div>
    <br>
    <br>
    <div id='percapita_edu'>
        <h3 style="font-family: 'Aleo', serif; font-size: 22px;">Educational per capita spending with per capita gdp</h3>
        <div id="percapita_edu_charts">
            <div id='edu_per_filter_div' style="font-family: 'Aleo', serif; font-size: 18px"></div>
            <div id = "edu_per_response_div" ></div>
        </div>             
    </div>
    <br>
    <br>
    <div id="footer">
        Copyright &copy; 2020 | Developed by Gayathri Chandrasekaran | 
        <a href="https://github.com/gayuc07/gayathrichandrasekaran.github.io">github</a> |
        <a href="">Zendo</a>
        <i class="fab fa-github-square"></i>
    </div>
    <br>
</body>
</html>