{
    "Meta Data": {
        "1. Information": "Intraday (15min) open, high, low, close prices and volume",
        "2. Symbol": "MSFT",
        "3. Last Refreshed": "2025-08-22 19:45:00",
        "4. Interval": "15min",
        "5. Output Size": "Compact",
        "6. Time Zone": "US/Eastern"
    },
    "Time Series (15min)": {
        "2025-08-22 19:45:00": {
            "1. open": "507.3300",
            "2. high": "507.5800",
            "3. low": "507.3100",
            "4. close": "507.3600",
            "5. volume": "3818"
        },
        "2025-08-22 19:30:00": {
            "1. open": "507.3700",
            "2. high": "507.5900",
            "3. low": "507.3100",
            "4. close": "507.3200",
            "5. volume": "2682"
        },
        "2025-08-22 19:15:00": {
            "1. open": "507.3200",
            "2. high": "507.4000",
            "3. low": "507.2600",
            "4. close": "507.3200",
            "5. volume": "2038"
        },
        "2025-08-22 19:00:00": {
            "1. open": "507.4000",
            "2. high": "507.4000",
            "3. low": "507.2600",
            "4. close": "507.3500",
            "5. volume": "1712"
        },
        "2025-08-22 18:45:00": {
            "1. open": "507.5000",
            "2. high": "507.5000",
            "3. low": "507.2600",
            "4. close": "507.3975",
            "5. volume": "2109"
        },
        "2025-08-22 18:30:00": {
            "1. open": "507.4800",
            "2. high": "507.5000",
            "3. low": "507.3800",
            "4. close": "507.4800",
            "5. volume": "1210"
        },
        "2025-08-22 18:15:00": {
            "1. open": "507.3450",
            "2. high": "507.5000",
            "3. low": "507.2100",
            "4. close": "507.4800",
            "5. volume": "1242"
        },
        "2025-08-22 18:00:00": {
            "1. open": "507.5300",
            "2. high": "507.5500",
            "3. low": "507.2000",
            "4. close": "507.3600",
            "5. volume": "5418"
        },
        "2025-08-22 17:45:00": {
            "1. open": "507.5200",
            "2. high": "507.5900",
            "3. low": "507.4500",
            "4. close": "507.4950",
            "5. volume": "3565"
        },
        "2025-08-22 17:30:00": {
            "1. open": "507.5300",
            "2. high": "507.5300",
            "3. low": "507.4500",
            "4. close": "507.5200",
            "5. volume": "3259"
        },
        "2025-08-22 17:15:00": {
            "1. open": "507.4630",
            "2. high": "507.6000",
            "3. low": "476.9877",
            "4. close": "507.5200",
            "5. volume": "6997"
        },
        "2025-08-22 17:00:00": {
            "1. open": "507.5800",
            "2. high": "516.4275",
            "3. low": "476.9877",
            "4. close": "507.5200",
            "5. volume": "6043"
        },
        "2025-08-22 16:45:00": {
            "1. open": "507.4800",
            "2. high": "516.5222",
            "3. low": "478.7171",
            "4. close": "507.5800",
            "5. volume": "7273"
        },
        "2025-08-22 16:30:00": {
            "1. open": "507.2015",
            "2. high": "507.6000",
            "3. low": "507.1100",
            "4. close": "507.4800",
            "5. volume": "39473"
        },
        "2025-08-22 16:15:00": {
            "1. open": "507.2900",
            "2. high": "507.4400",
            "3. low": "507.1900",
            "4. close": "507.2200",
            "5. volume": "19936"
        },
        "2025-08-22 16:00:00": {
            "1. open": "507.1000",
            "2. high": "507.5000",
            "3. low": "506.8600",
            "4. close": "507.3200",
            "5. volume": "6257176"
        },
        "2025-08-22 15:45:00": {
            "1. open": "506.3800",
            "2. high": "507.9000",
            "3. low": "506.2650",
            "4. close": "507.1000",
            "5. volume": "2131720"
        },
        "2025-08-22 15:30:00": {
            "1. open": "507.1100",
            "2. high": "507.1600",
            "3. low": "505.7600",
            "4. close": "506.4094",
            "5. volume": "830743"
        },
        "2025-08-22 15:15:00": {
            "1. open": "507.6000",
            "2. high": "507.6100",
            "3. low": "506.9100",
            "4. close": "507.1050",
            "5. volume": "855881"
        },
        "2025-08-22 15:00:00": {
            "1. open": "507.9750",
            "2. high": "508.0400",
            "3. low": "507.3301",
            "4. close": "507.6228",
            "5. volume": "412883"
        },
        "2025-08-22 14:45:00": {
            "1. open": "508.0000",
            "2. high": "508.2400",
            "3. low": "507.9600",
            "4. close": "507.9800",
            "5. volume": "323039"
        },
        "2025-08-22 14:30:00": {
            "1. open": "507.9000",
            "2. high": "508.2550",
            "3. low": "507.8400",
            "4. close": "507.9900",
            "5. volume": "408234"
        },
        "2025-08-22 14:15:00": {
            "1. open": "508.2612",
            "2. high": "508.5600",
            "3. low": "507.6627",
            "4. close": "507.8873",
            "5. volume": "329908"
        },
        "2025-08-22 14:00:00": {
            "1. open": "508.1000",
            "2. high": "508.4200",
            "3. low": "507.9100",
            "4. close": "508.3000",
            "5. volume": "567280"
        },
        "2025-08-22 13:45:00": {
            "1. open": "507.8800",
            "2. high": "508.1300",
            "3. low": "507.7000",
            "4. close": "508.0900",
            "5. volume": "350970"
        },
        "2025-08-22 13:30:00": {
            "1. open": "507.8664",
            "2. high": "507.9900",
            "3. low": "507.3300",
            "4. close": "507.8883",
            "5. volume": "290570"
        },
        "2025-08-22 13:15:00": {
            "1. open": "506.8400",
            "2. high": "507.9280",
            "3. low": "506.7700",
            "4. close": "507.8600",
            "5. volume": "390160"
        },
        "2025-08-22 13:00:00": {
            "1. open": "506.2650",
            "2. high": "506.9948",
            "3. low": "506.2000",
            "4. close": "506.8400",
            "5. volume": "1042384"
        },
        "2025-08-22 12:45:00": {
            "1. open": "506.9200",
            "2. high": "506.9800",
            "3. low": "506.0500",
            "4. close": "506.2700",
            "5. volume": "503081"
        },
        "2025-08-22 12:30:00": {
            "1. open": "506.9728",
            "2. high": "507.1700",
            "3. low": "506.7300",
            "4. close": "506.9200",
            "5. volume": "450998"
        },
        "2025-08-22 12:15:00": {
            "1. open": "506.9900",
            "2. high": "507.4080",
            "3. low": "506.3701",
            "4. close": "506.9450",
            "5. volume": "510410"
        },
        "2025-08-22 12:00:00": {
            "1. open": "507.4900",
            "2. high": "507.8350",
            "3. low": "506.8500",
            "4. close": "506.9600",
            "5. volume": "488585"
        },
        "2025-08-22 11:45:00": {
            "1. open": "508.4050",
            "2. high": "508.4700",
            "3. low": "507.1100",
            "4. close": "507.3800",
            "5. volume": "645776"
        },
        "2025-08-22 11:30:00": {
            "1. open": "508.2600",
            "2. high": "509.4700",
            "3. low": "508.0000",
            "4. close": "508.4000",
            "5. volume": "757167"
        },
        "2025-08-22 11:15:00": {
            "1. open": "509.8500",
            "2. high": "509.8500",
            "3. low": "508.1300",
            "4. close": "508.2999",
            "5. volume": "810317"
        },
        "2025-08-22 11:00:00": {
            "1. open": "509.8625",
            "2. high": "510.7300",
            "3. low": "509.6100",
            "4. close": "509.8900",
            "5. volume": "1330427"
        },
        "2025-08-22 10:45:00": {
            "1. open": "509.7650",
            "2. high": "510.7300",
            "3. low": "509.3800",
            "4. close": "509.8200",
            "5. volume": "1321163"
        },
        "2025-08-22 10:30:00": {
            "1. open": "508.2300",
            "2. high": "509.8600",
            "3. low": "508.1600",
            "4. close": "509.7650",
            "5. volume": "1162930"
        },
        "2025-08-22 10:15:00": {
            "1. open": "508.4350",
            "2. high": "509.3700",
            "3. low": "507.0300",
            "4. close": "508.2000",
            "5. volume": "797089"
        },
        "2025-08-22 10:00:00": {
            "1. open": "503.9000",
            "2. high": "508.7300",
            "3. low": "503.8700",
            "4. close": "508.3712",
            "5. volume": "1893697"
        },
        "2025-08-22 09:45:00": {
            "1. open": "506.3500",
            "2. high": "506.3600",
            "3. low": "503.4897",
            "4. close": "503.8600",
            "5. volume": "653498"
        },
        "2025-08-22 09:30:00": {
            "1. open": "504.2500",
            "2. high": "506.4700",
            "3. low": "502.4100",
            "4. close": "506.3500",
            "5. volume": "1024831"
        },
        "2025-08-22 09:15:00": {
            "1. open": "505.1100",
            "2. high": "505.2500",
            "3. low": "504.0100",
            "4. close": "504.4300",
            "5. volume": "21671"
        },
        "2025-08-22 09:00:00": {
            "1. open": "504.8599",
            "2. high": "505.2500",
            "3. low": "504.6600",
            "4. close": "505.0000",
            "5. volume": "6690"
        },
        "2025-08-22 08:45:00": {
            "1. open": "504.9000",
            "2. high": "505.0000",
            "3. low": "504.6500",
            "4. close": "504.8500",
            "5. volume": "7116"
        },
        "2025-08-22 08:30:00": {
            "1. open": "505.2000",
            "2. high": "505.2500",
            "3. low": "504.6500",
            "4. close": "504.8000",
            "5. volume": "4574"
        },
        "2025-08-22 08:15:00": {
            "1. open": "504.9200",
            "2. high": "505.2500",
            "3. low": "504.8400",
            "4. close": "505.2500",
            "5. volume": "5230"
        },
        "2025-08-22 08:00:00": {
            "1. open": "504.8400",
            "2. high": "506.3468",
            "3. low": "501.2340",
            "4. close": "504.9500",
            "5. volume": "31201"
        },
        "2025-08-22 07:45:00": {
            "1. open": "504.7600",
            "2. high": "505.2100",
            "3. low": "504.7200",
            "4. close": "504.8400",
            "5. volume": "4014"
        },
        "2025-08-22 07:30:00": {
            "1. open": "505.6600",
            "2. high": "505.6900",
            "3. low": "504.5200",
            "4. close": "504.7000",
            "5. volume": "7155"
        },
        "2025-08-22 07:15:00": {
            "1. open": "505.8100",
            "2. high": "505.8100",
            "3. low": "505.4600",
            "4. close": "505.6200",
            "5. volume": "1304"
        },
        "2025-08-22 07:00:00": {
            "1. open": "505.8800",
            "2. high": "505.9800",
            "3. low": "505.5000",
            "4. close": "505.7800",
            "5. volume": "2891"
        },
        "2025-08-22 06:45:00": {
            "1. open": "505.9200",
            "2. high": "505.9200",
            "3. low": "505.7400",
            "4. close": "505.8900",
            "5. volume": "283"
        },
        "2025-08-22 06:30:00": {
            "1. open": "505.9600",
            "2. high": "506.0000",
            "3. low": "505.7000",
            "4. close": "505.9000",
            "5. volume": "1719"
        },
        "2025-08-22 06:15:00": {
            "1. open": "505.8200",
            "2. high": "505.9700",
            "3. low": "505.7100",
            "4. close": "505.9600",
            "5. volume": "845"
        },
        "2025-08-22 06:00:00": {
            "1. open": "505.6700",
            "2. high": "505.9200",
            "3. low": "505.6600",
            "4. close": "505.9200",
            "5. volume": "863"
        },
        "2025-08-22 05:45:00": {
            "1. open": "505.7600",
            "2. high": "506.0000",
            "3. low": "505.6000",
            "4. close": "505.6400",
            "5. volume": "1741"
        },
        "2025-08-22 05:30:00": {
            "1. open": "505.9000",
            "2. high": "506.2800",
            "3. low": "505.5800",
            "4. close": "505.8000",
            "5. volume": "3989"
        },
        "2025-08-22 05:15:00": {
            "1. open": "505.6200",
            "2. high": "505.9300",
            "3. low": "505.5500",
            "4. close": "505.8400",
            "5. volume": "1214"
        },
        "2025-08-22 05:00:00": {
            "1. open": "505.6800",
            "2. high": "505.6900",
            "3. low": "505.3000",
            "4. close": "505.4400",
            "5. volume": "2753"
        },
        "2025-08-22 04:45:00": {
            "1. open": "505.4900",
            "2. high": "505.7000",
            "3. low": "505.4200",
            "4. close": "505.7000",
            "5. volume": "1088"
        },
        "2025-08-22 04:30:00": {
            "1. open": "505.4600",
            "2. high": "505.5800",
            "3. low": "505.1400",
            "4. close": "505.4800",
            "5. volume": "2368"
        },
        "2025-08-22 04:15:00": {
            "1. open": "505.0300",
            "2. high": "505.7100",
            "3. low": "505.0000",
            "4. close": "505.6100",
            "5. volume": "3096"
        },
        "2025-08-22 04:00:00": {
            "1. open": "504.2300",
            "2. high": "505.0500",
            "3. low": "504.2000",
            "4. close": "505.0000",
            "5. volume": "5515"
        },
        "2025-08-21 19:45:00": {
            "1. open": "504.4400",
            "2. high": "504.5900",
            "3. low": "503.9000",
            "4. close": "504.5500",
            "5. volume": "6442"
        },
        "2025-08-21 19:30:00": {
            "1. open": "504.1900",
            "2. high": "504.5900",
            "3. low": "503.8900",
            "4. close": "504.5000",
            "5. volume": "9132"
        },
        "2025-08-21 19:15:00": {
            "1. open": "503.8400",
            "2. high": "504.5900",
            "3. low": "503.8300",
            "4. close": "504.0000",
            "5. volume": "2292"
        },
        "2025-08-21 19:00:00": {
            "1. open": "504.3200",
            "2. high": "504.4900",
            "3. low": "503.6700",
            "4. close": "503.8800",
            "5. volume": "1971"
        },
        "2025-08-21 18:45:00": {
            "1. open": "504.5400",
            "2. high": "504.5900",
            "3. low": "504.1000",
            "4. close": "504.3200",
            "5. volume": "2146"
        },
        "2025-08-21 18:30:00": {
            "1. open": "504.1500",
            "2. high": "504.5400",
            "3. low": "504.0000",
            "4. close": "504.5400",
            "5. volume": "1476"
        },
        "2025-08-21 18:15:00": {
            "1. open": "504.2950",
            "2. high": "504.5000",
            "3. low": "504.0000",
            "4. close": "504.1400",
            "5. volume": "1226"
        },
        "2025-08-21 18:00:00": {
            "1. open": "503.6800",
            "2. high": "504.5900",
            "3. low": "503.4600",
            "4. close": "504.5600",
            "5. volume": "4780"
        },
        "2025-08-21 17:45:00": {
            "1. open": "503.6900",
            "2. high": "503.9900",
            "3. low": "503.0400",
            "4. close": "503.7399",
            "5. volume": "4473"
        },
        "2025-08-21 17:30:00": {
            "1. open": "504.0250",
            "2. high": "504.1500",
            "3. low": "503.6000",
            "4. close": "503.7400",
            "5. volume": "1884"
        },
        "2025-08-21 17:15:00": {
            "1. open": "504.0500",
            "2. high": "516.4780",
            "3. low": "503.8000",
            "4. close": "504.0250",
            "5. volume": "25225"
        },
        "2025-08-21 17:00:00": {
            "1. open": "504.2700",
            "2. high": "516.4780",
            "3. low": "475.4401",
            "4. close": "504.0500",
            "5. volume": "2920"
        },
        "2025-08-21 16:45:00": {
            "1. open": "504.0400",
            "2. high": "505.0300",
            "3. low": "503.8500",
            "4. close": "504.5000",
            "5. volume": "7654"
        },
        "2025-08-21 16:30:00": {
            "1. open": "503.8000",
            "2. high": "504.2900",
            "3. low": "503.5000",
            "4. close": "504.0400",
            "5. volume": "4790"
        },
        "2025-08-21 16:15:00": {
            "1. open": "503.5800",
            "2. high": "504.2400",
            "3. low": "503.2500",
            "4. close": "503.6500",
            "5. volume": "205696"
        },
        "2025-08-21 16:00:00": {
            "1. open": "504.1500",
            "2. high": "504.2400",
            "3. low": "503.2500",
            "4. close": "503.5200",
            "5. volume": "6327549"
        },
        "2025-08-21 15:45:00": {
            "1. open": "504.7000",
            "2. high": "505.0000",
            "3. low": "504.1100",
            "4. close": "504.1500",
            "5. volume": "2020841"
        },
        "2025-08-21 15:30:00": {
            "1. open": "506.1100",
            "2. high": "506.1800",
            "3. low": "504.6805",
            "4. close": "504.7100",
            "5. volume": "535673"
        },
        "2025-08-21 15:15:00": {
            "1. open": "505.9800",
            "2. high": "506.4600",
            "3. low": "505.8156",
            "4. close": "506.1200",
            "5. volume": "414545"
        },
        "2025-08-21 15:00:00": {
            "1. open": "505.7300",
            "2. high": "506.1100",
            "3. low": "505.6400",
            "4. close": "506.0000",
            "5. volume": "354170"
        },
        "2025-08-21 14:45:00": {
            "1. open": "505.2100",
            "2. high": "505.8900",
            "3. low": "504.9010",
            "4. close": "505.7400",
            "5. volume": "378769"
        },
        "2025-08-21 14:30:00": {
            "1. open": "505.2500",
            "2. high": "505.7600",
            "3. low": "504.8500",
            "4. close": "505.2400",
            "5. volume": "855404"
        },
        "2025-08-21 14:15:00": {
            "1. open": "505.2500",
            "2. high": "505.9460",
            "3. low": "505.1300",
            "4. close": "505.2450",
            "5. volume": "314680"
        },
        "2025-08-21 14:00:00": {
            "1. open": "505.2900",
            "2. high": "505.7600",
            "3. low": "504.8700",
            "4. close": "505.2700",
            "5. volume": "895595"
        },
        "2025-08-21 13:45:00": {
            "1. open": "505.7800",
            "2. high": "506.0100",
            "3. low": "504.8400",
            "4. close": "505.3000",
            "5. volume": "659571"
        },
        "2025-08-21 13:30:00": {
            "1. open": "504.4300",
            "2. high": "505.9600",
            "3. low": "504.4200",
            "4. close": "505.7700",
            "5. volume": "671188"
        },
        "2025-08-21 13:15:00": {
            "1. open": "504.5600",
            "2. high": "505.0000",
            "3. low": "503.9000",
            "4. close": "504.4700",
            "5. volume": "418609"
        },
        "2025-08-21 13:00:00": {
            "1. open": "504.6600",
            "2. high": "505.1400",
            "3. low": "504.4100",
            "4. close": "504.5650",
            "5. volume": "422886"
        },
        "2025-08-21 12:45:00": {
            "1. open": "505.1300",
            "2. high": "505.6200",
            "3. low": "504.4300",
            "4. close": "504.6350",
            "5. volume": "656495"
        },
        "2025-08-21 12:30:00": {
            "1. open": "505.4300",
            "2. high": "505.7500",
            "3. low": "504.7600",
            "4. close": "505.1100",
            "5. volume": "620946"
        },
        "2025-08-21 12:15:00": {
            "1. open": "506.6500",
            "2. high": "506.7200",
            "3. low": "505.1100",
            "4. close": "505.4100",
            "5. volume": "398618"
        },
        "2025-08-21 12:00:00": {
            "1. open": "506.5500",
            "2. high": "506.9500",
            "3. low": "505.9800",
            "4. close": "506.6094",
            "5. volume": "238140"
        },
        "2025-08-21 11:45:00": {
            "1. open": "506.8500",
            "2. high": "506.9400",
            "3. low": "505.9000",
            "4. close": "506.5250",
            "5. volume": "253627"
        },
        "2025-08-21 11:30:00": {
            "1. open": "506.6500",
            "2. high": "507.1399",
            "3. low": "506.4200",
            "4. close": "506.8450",
            "5. volume": "221475"
        },
        "2025-08-21 11:15:00": {
            "1. open": "505.6450",
            "2. high": "506.9800",
            "3. low": "505.4500",
            "4. close": "506.7800",
            "5. volume": "258792"
        },
        "2025-08-21 11:00:00": {
            "1. open": "506.7550",
            "2. high": "507.4100",
            "3. low": "505.5290",
            "4. close": "505.7399",
            "5. volume": "330299"
        }
    }
}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">

    <title>

        Portfolio

    </title>

    <link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" rel="stylesheet">
    <link href="assets/css/toolkit-inverse.css" rel="stylesheet">
    <link href="assets/css/application.css" rel="stylesheet">

    <style>
        /* note: this is a hack for ios iframe for bootstrap themes shopify page */

        /* this chunk of css is not part of the toolkit :) */

        body {
            width: 1px;
            min-width: 100%;
            *width: 100%;
        }

    </style>
</head>


<body>
    <div class="container">
        <div class="row">
            <div class="col-md-3 sidebar">
                <nav class="sidebar-nav">
                    <div class="sidebar-header">
                        <button class="nav-toggler nav-toggler-md sidebar-toggler" type="button" data-toggle="collapse" data-target="#nav-toggleable-md">
              <span class="sr-only">Toggle nav</span>
            </button>
                        <a class="sidebar-brand img-responsive" href="index.html">
              <span class="icon icon-leaf sidebar-brand-icon"></span>
            </a>
                    </div>

                    <div class="collapse nav-toggleable-md" id="nav-toggleable-md">
                        <form class="sidebar-form">
                            <input class="form-control" type="text" placeholder="Search...">
                            <button type="submit" class="btn-link">
                <span class="icon icon-magnifying-glass"></span>
              </button>
                        </form>
                        <ul class="nav nav-pills nav-stacked flex-column">
                            <li class="nav-header">Dashboards</li>
                            <li class="nav-item">
                                <a class="nav-link active" href="index.html">Overview</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="order-history/index.html">Order history</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="fluid/index.html">Fluid layout</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="icon-nav/index.html">Icon nav</a>
                            </li>

                            <li class="nav-header">More</li>
                            <li class="nav-item">
                                <a class="nav-link " href="docs/index.html">
                  Toolkit docs
                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="http://getbootstrap.com" target="blank">
                  Bootstrap docs
                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " href="index-light/index.html">Light UI</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#docsModal" data-toggle="modal">
                  Example modal
                </a>
                            </li>
                        </ul>
                        <hr class="visible-xs mt-3">
                    </div>
                </nav>
            </div>
            <div class="col-md-9 content">
                <div class="dashhead">
                    <div class="dashhead-titles">
                        <h6 class="dashhead-subtitle">Portfolio</h6>
                        <h2 class="dashhead-title">Overview</h2>
                    </div>

                </div>

                <hr class="mt-3">

                <div class="hr-divider my-4">
                    <ul class="nav nav-pills hr-divider-content hr-divider-nav" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a href="#inraday" class="nav-link active" role="tab" data-toggle="tab" aria-controls="intraday">Intraday</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#oneMonth" class="nav-link" role="tab" data-toggle="tab" aria-controls="oneMonth">1 Month</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a href="#oneYear" class="nav-link" role="tab" data-toggle="tab" aria-controls="oneYear">1 Year</a>
                        </li>
                    </ul>
                </div>

                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="intraday">
                        <div class="ex-line-graphs">
                            <canvas class="ex-line-graph" width="600" height="350" data-chart="line" data-dataset="[[10000, 3300, 2512, 2775, 2498, 3512, 2925, 4275, 3507, 3825, 3445, 3985]]" data-labels="['','Aug 29','','','Sept 5','','','Sept 12','','','Sept 19','']" data-dark="true">
      </canvas>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="oneMonth">
                        <div class="ex-line-graphs">
                            <canvas class="ex-line-graph" width="600" height="350" data-chart="line" data-dataset="[[2500, 3300, 2512, 2775, 2498, 3512, 2925, 4275, 3507, 3825, 3445, 3985]]" data-labels="['','Aug 29','','','Sept 5','','','Sept 12','','','Sept 19','']" data-dark="true">
                            </canvas>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="oneYear">
                        <div class="ex-line-graphs">
                            <canvas class="ex-line-graph" width="600" height="350" data-chart="line" data-dataset="[[0, 3300, 2512, 2775, 2498, 3512, 2925, 4275, 3507, 3825, 3445, 3985]]" data-labels="['','Aug 29','','','Sept 5','','','Sept 12','','','Sept 19','']" data-dark="true">
                            </canvas>
                        </div>
                    </div>

                </div>

                <hr class="mt-3">

                <div class="table-responsive">
                    <table class="table" data-sort="table">
                        <thead>
                            <tr>
                                <th><input type="checkbox" class="select-all" id="selectAll"></th>
                                <th>ISIN</th>
                                <th>Name</th>
                                <th>Kurs</th>
                                <th>Nominal</th>
                                <th>Wert</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10001</a></td>
                                <td>First Last</td>
                                <td>Admin theme, marketing theme</td>
                                <td>01/01/2015</td>
                                <td>$200.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10002</a></td>
                                <td>Firstname Last</td>
                                <td>Admin theme</td>
                                <td>01/01/2015</td>
                                <td>$100.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10003</a></td>
                                <td>Name Another</td>
                                <td>Personal blog theme</td>
                                <td>01/01/2015</td>
                                <td>$100.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10004</a></td>
                                <td>One More</td>
                                <td>Marketing theme, personal blog theme, admin theme</td>
                                <td>01/01/2015</td>
                                <td>$300.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10005</a></td>
                                <td>Name Right Here</td>
                                <td>Personal blog theme, admin theme</td>
                                <td>01/02/2015</td>
                                <td>$200.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10006</a></td>
                                <td>First Last</td>
                                <td>Admin theme, marketing theme</td>
                                <td>01/01/2015</td>
                                <td>$200.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10007</a></td>
                                <td>Firstname Last</td>
                                <td>Admin theme</td>
                                <td>01/01/2015</td>
                                <td>$100.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10008</a></td>
                                <td>Name Another</td>
                                <td>Personal blog theme</td>
                                <td>01/01/2015</td>
                                <td>$100.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10009</a></td>
                                <td>One More</td>
                                <td>Marketing theme, personal blog theme, admin theme</td>
                                <td>01/01/2015</td>
                                <td>$300.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10010</a></td>
                                <td>Name Right Here</td>
                                <td>Personal blog theme, admin theme</td>
                                <td>01/02/2015</td>
                                <td>$200.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10011</a></td>
                                <td>First Last</td>
                                <td>Admin theme, marketing theme</td>
                                <td>01/01/2015</td>
                                <td>$200.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10012</a></td>
                                <td>Firstname Last</td>
                                <td>Admin theme</td>
                                <td>01/01/2015</td>
                                <td>$100.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10013</a></td>
                                <td>Name Another</td>
                                <td>Personal blog theme</td>
                                <td>01/01/2015</td>
                                <td>$100.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10014</a></td>
                                <td>One More</td>
                                <td>Marketing theme, personal blog theme, admin theme</td>
                                <td>01/01/2015</td>
                                <td>$300.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10015</a></td>
                                <td>Name Right Here</td>
                                <td>Personal blog theme, admin theme</td>
                                <td>01/02/2015</td>
                                <td>$200.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10016</a></td>
                                <td>First Last</td>
                                <td>Admin theme, marketing theme</td>
                                <td>01/01/2015</td>
                                <td>$200.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10017</a></td>
                                <td>Firstname Last</td>
                                <td>Admin theme</td>
                                <td>01/01/2015</td>
                                <td>$100.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10018</a></td>
                                <td>Name Another</td>
                                <td>Personal blog theme</td>
                                <td>01/01/2015</td>
                                <td>$100.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10019</a></td>
                                <td>One More</td>
                                <td>Marketing theme, personal blog theme, admin theme</td>
                                <td>01/01/2015</td>
                                <td>$300.00</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox" class="select-row"></td>
                                <td><a href="#">#10020</a></td>
                                <td>Name Right Here</td>
                                <td>Personal blog theme, admin theme</td>
                                <td>01/02/2015</td>
                                <td>$200.00</td>
                        </tbody>
                    </table>
                </div>

                <hr class="mt-5">

                <div class="row">
                    <div class="col-md-6 mb-5">
                        <div class="list-group mb-3">
                            <h6 class="list-group-header">
                                Countries
                            </h6>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 62.4%;"></span>
          United States
          <span class="ml-a text-muted">62.4%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 15.0%;"></span>
          India
          <span class="ml-a text-muted">15.0%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 5.0%;"></span>
          United Kingdom
          <span class="ml-a text-muted">5.0%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 5.0%;"></span>
          Canada
          <span class="ml-a text-muted">5.0%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 4.5%;"></span>
          Russia
          <span class="ml-a text-muted">4.5%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 2.3%;"></span>
          Mexico
          <span class="ml-a text-muted">2.3%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 1.7%;"></span>
          Spain
          <span class="ml-a text-muted">1.7%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 1.5%;"></span>
          France
          <span class="ml-a text-muted">1.5%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 1.4%;"></span>
          South Africa
          <span class="ml-a text-muted">1.4%</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span class="list-group-progress" style="width: 1.2%;"></span>
          Japan
          <span class="ml-a text-muted">1.2%</span>
        </a>

                        </div>
                        <a href="#" class="btn btn-outline-primary px-3">All countries</a>
                    </div>
                    <div class="col-md-6 mb-5">
                        <div class="list-group mb-3">
                            <h6 class="list-group-header">
                                Most visited pages
                            </h6>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/ (Logged out)</span>
          <span class="mr-a text-muted">3,929,481</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/ (Logged in)</span>
          <span class="mr-a text-muted">1,143,393</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/tour</span>
          <span class="mr-a text-muted">938,287</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/features/something</span>
          <span class="mr-a text-muted">749,393</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/features/another-thing</span>
          <span class="mr-a text-muted">695,912</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/users/username</span>
          <span class="mr-a text-muted">501,938</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/page-title</span>
          <span class="mr-a text-muted">392,842</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/some/page-slug</span>
          <span class="mr-a text-muted">298,183</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/another/directory/and/page-title</span>
          <span class="mr-a text-muted">193,129</span>
        </a>

                            <a class="list-group-item list-group-item-action justify-content-between" href="#">
          <span>/one-more/page/directory/file-name</span>
          <span class="mr-a text-muted">93,382</span>
        </a>

                        </div>
                        <a href="#" class="btn btn-outline-primary px-3">View all pages</a>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="docsModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">Example modal</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <p>You're looking at an example modal in the dashboard theme.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Cool, got it!</button>
                </div>
            </div>
        </div>
    </div>


    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/tether.min.js"></script>
    <script src="assets/js/chart.js"></script>
    <script src="assets/js/tablesorter.min.js"></script>
    <script src="assets/js/toolkit.js"></script>
    <script src="assets/js/application.js"></script>
    <script>
        // execute/clear BS loaders for docs
        $(function() {
            while (window.BS && window.BS.loader && window.BS.loader.length) {
                (window.BS.loader.pop())()
            }
        })
        
        
        function RefreshMarketData(type) {
          var flickerAPI = "https://www.alphavantage.co/query?function=TIME_SERIES_INTRADAY&symbol=MSFT&interval=15min&outputsize=full&apikey=Z9GAL4O1JBZ0GZMP&outputsize=compact";
            
           $.getJSON( flickerAPI, {
            function: "TIME_SERIES_INTRADAY",
            symbol: "MFST",
            interval: "15min",
            outputsize: "compact",
            apikey: "Z9GAL4O1JBZ0GZMP"
          })
            .done(function( data ) {
            console.log(data);
            });    
        };
        
        RefreshMarketData("hallo");
        
    </script>
</body>

</html>