{
    "Meta Data": {
        "1. Information": "Intraday (15min) open, high, low, close prices and volume",
        "2. Symbol": "MSFT",
        "3. Last Refreshed": "2025-11-24 19:45:00",
        "4. Interval": "15min",
        "5. Output Size": "Compact",
        "6. Time Zone": "US/Eastern"
    },
    "Time Series (15min)": {
        "2025-11-24 19:45:00": {
            "1. open": "473.8300",
            "2. high": "473.8400",
            "3. low": "473.0100",
            "4. close": "473.8000",
            "5. volume": "4376"
        },
        "2025-11-24 19:30:00": {
            "1. open": "473.6650",
            "2. high": "473.8400",
            "3. low": "473.3600",
            "4. close": "473.5000",
            "5. volume": "2914"
        },
        "2025-11-24 19:15:00": {
            "1. open": "473.9400",
            "2. high": "473.9400",
            "3. low": "473.5000",
            "4. close": "473.5000",
            "5. volume": "4044"
        },
        "2025-11-24 19:00:00": {
            "1. open": "473.8000",
            "2. high": "474.1000",
            "3. low": "473.4900",
            "4. close": "473.9300",
            "5. volume": "6726"
        },
        "2025-11-24 18:45:00": {
            "1. open": "474.0500",
            "2. high": "474.4000",
            "3. low": "473.6800",
            "4. close": "473.9500",
            "5. volume": "287646"
        },
        "2025-11-24 18:30:00": {
            "1. open": "474.2400",
            "2. high": "474.5000",
            "3. low": "474.0000",
            "4. close": "474.0500",
            "5. volume": "4753"
        },
        "2025-11-24 18:15:00": {
            "1. open": "474.7250",
            "2. high": "475.0000",
            "3. low": "473.9900",
            "4. close": "474.1100",
            "5. volume": "22566"
        },
        "2025-11-24 18:00:00": {
            "1. open": "474.5600",
            "2. high": "475.4400",
            "3. low": "473.9526",
            "4. close": "474.8800",
            "5. volume": "31536"
        },
        "2025-11-24 17:45:00": {
            "1. open": "474.4900",
            "2. high": "475.0000",
            "3. low": "474.1300",
            "4. close": "474.7500",
            "5. volume": "6475"
        },
        "2025-11-24 17:30:00": {
            "1. open": "474.5200",
            "2. high": "474.7900",
            "3. low": "474.0000",
            "4. close": "474.4800",
            "5. volume": "1059858"
        },
        "2025-11-24 17:15:00": {
            "1. open": "474.4700",
            "2. high": "495.0253",
            "3. low": "441.8000",
            "4. close": "474.4500",
            "5. volume": "6473"
        },
        "2025-11-24 17:00:00": {
            "1. open": "474.4850",
            "2. high": "496.0814",
            "3. low": "442.2500",
            "4. close": "474.4500",
            "5. volume": "4404"
        },
        "2025-11-24 16:45:00": {
            "1. open": "474.2000",
            "2. high": "500.8549",
            "3. low": "441.8000",
            "4. close": "474.7000",
            "5. volume": "52976"
        },
        "2025-11-24 16:30:00": {
            "1. open": "473.9500",
            "2. high": "475.0000",
            "3. low": "473.8000",
            "4. close": "474.3900",
            "5. volume": "12478"
        },
        "2025-11-24 16:15:00": {
            "1. open": "474.0000",
            "2. high": "476.3500",
            "3. low": "473.6100",
            "4. close": "473.8950",
            "5. volume": "316195"
        },
        "2025-11-24 16:00:00": {
            "1. open": "473.7900",
            "2. high": "474.6000",
            "3. low": "472.1200",
            "4. close": "473.9400",
            "5. volume": "18462964"
        },
        "2025-11-24 15:45:00": {
            "1. open": "474.3500",
            "2. high": "476.5100",
            "3. low": "473.5300",
            "4. close": "473.7900",
            "5. volume": "2867594"
        },
        "2025-11-24 15:30:00": {
            "1. open": "474.2800",
            "2. high": "474.4700",
            "3. low": "473.9000",
            "4. close": "474.3500",
            "5. volume": "633798"
        },
        "2025-11-24 15:15:00": {
            "1. open": "474.5600",
            "2. high": "474.9400",
            "3. low": "474.1500",
            "4. close": "474.2950",
            "5. volume": "463074"
        },
        "2025-11-24 15:00:00": {
            "1. open": "474.6300",
            "2. high": "475.0500",
            "3. low": "474.4100",
            "4. close": "474.5600",
            "5. volume": "500143"
        },
        "2025-11-24 14:45:00": {
            "1. open": "474.1001",
            "2. high": "474.8150",
            "3. low": "473.9000",
            "4. close": "474.6200",
            "5. volume": "355334"
        },
        "2025-11-24 14:30:00": {
            "1. open": "474.1440",
            "2. high": "474.6000",
            "3. low": "473.8300",
            "4. close": "474.1300",
            "5. volume": "397161"
        },
        "2025-11-24 14:15:00": {
            "1. open": "475.0650",
            "2. high": "475.1100",
            "3. low": "473.8700",
            "4. close": "474.1200",
            "5. volume": "425755"
        },
        "2025-11-24 14:00:00": {
            "1. open": "475.1900",
            "2. high": "475.4000",
            "3. low": "474.9101",
            "4. close": "475.0600",
            "5. volume": "281834"
        },
        "2025-11-24 13:45:00": {
            "1. open": "474.4800",
            "2. high": "475.3400",
            "3. low": "474.2000",
            "4. close": "475.2100",
            "5. volume": "343741"
        },
        "2025-11-24 13:30:00": {
            "1. open": "475.2800",
            "2. high": "475.3100",
            "3. low": "474.2800",
            "4. close": "474.4300",
            "5. volume": "403242"
        },
        "2025-11-24 13:15:00": {
            "1. open": "475.7500",
            "2. high": "475.8600",
            "3. low": "474.8900",
            "4. close": "475.3200",
            "5. volume": "338474"
        },
        "2025-11-24 13:00:00": {
            "1. open": "475.8200",
            "2. high": "476.0983",
            "3. low": "475.2800",
            "4. close": "475.7550",
            "5. volume": "486889"
        },
        "2025-11-24 12:45:00": {
            "1. open": "475.7950",
            "2. high": "476.3800",
            "3. low": "475.5300",
            "4. close": "475.8339",
            "5. volume": "396327"
        },
        "2025-11-24 12:30:00": {
            "1. open": "475.8451",
            "2. high": "476.3200",
            "3. low": "475.5500",
            "4. close": "475.7950",
            "5. volume": "401629"
        },
        "2025-11-24 12:15:00": {
            "1. open": "474.7800",
            "2. high": "475.9100",
            "3. low": "474.7201",
            "4. close": "475.7900",
            "5. volume": "818881"
        },
        "2025-11-24 12:00:00": {
            "1. open": "475.9601",
            "2. high": "476.3200",
            "3. low": "474.6300",
            "4. close": "474.8061",
            "5. volume": "1140652"
        },
        "2025-11-24 11:45:00": {
            "1. open": "475.9900",
            "2. high": "476.9000",
            "3. low": "475.7300",
            "4. close": "475.9700",
            "5. volume": "576618"
        },
        "2025-11-24 11:30:00": {
            "1. open": "475.3750",
            "2. high": "476.5000",
            "3. low": "474.9500",
            "4. close": "475.9900",
            "5. volume": "888862"
        },
        "2025-11-24 11:15:00": {
            "1. open": "474.3900",
            "2. high": "475.7500",
            "3. low": "474.2945",
            "4. close": "475.3300",
            "5. volume": "639582"
        },
        "2025-11-24 11:00:00": {
            "1. open": "473.8600",
            "2. high": "475.0750",
            "3. low": "473.2600",
            "4. close": "474.3900",
            "5. volume": "711107"
        },
        "2025-11-24 10:45:00": {
            "1. open": "474.8350",
            "2. high": "475.1300",
            "3. low": "473.7800",
            "4. close": "473.8300",
            "5. volume": "543672"
        },
        "2025-11-24 10:30:00": {
            "1. open": "472.4600",
            "2. high": "475.1200",
            "3. low": "472.0000",
            "4. close": "474.8000",
            "5. volume": "776199"
        },
        "2025-11-24 10:15:00": {
            "1. open": "472.1750",
            "2. high": "473.3300",
            "3. low": "471.4700",
            "4. close": "472.4100",
            "5. volume": "827490"
        },
        "2025-11-24 10:00:00": {
            "1. open": "470.6250",
            "2. high": "473.2079",
            "3. low": "470.5150",
            "4. close": "472.1000",
            "5. volume": "1299675"
        },
        "2025-11-24 09:45:00": {
            "1. open": "472.0000",
            "2. high": "472.5100",
            "3. low": "468.0200",
            "4. close": "470.6600",
            "5. volume": "2137829"
        },
        "2025-11-24 09:30:00": {
            "1. open": "475.0000",
            "2. high": "476.1800",
            "3. low": "471.8200",
            "4. close": "472.0100",
            "5. volume": "2108088"
        },
        "2025-11-24 09:15:00": {
            "1. open": "473.9700",
            "2. high": "475.3000",
            "3. low": "473.0600",
            "4. close": "475.1100",
            "5. volume": "24792"
        },
        "2025-11-24 09:00:00": {
            "1. open": "472.8600",
            "2. high": "474.2500",
            "3. low": "472.7400",
            "4. close": "473.9000",
            "5. volume": "18873"
        },
        "2025-11-24 08:45:00": {
            "1. open": "473.8400",
            "2. high": "474.0000",
            "3. low": "472.7900",
            "4. close": "473.0000",
            "5. volume": "20428"
        },
        "2025-11-24 08:30:00": {
            "1. open": "474.7200",
            "2. high": "475.0000",
            "3. low": "473.1200",
            "4. close": "473.8400",
            "5. volume": "24957"
        },
        "2025-11-24 08:15:00": {
            "1. open": "474.5000",
            "2. high": "474.9200",
            "3. low": "474.3000",
            "4. close": "474.7800",
            "5. volume": "9706"
        },
        "2025-11-24 08:00:00": {
            "1. open": "472.1200",
            "2. high": "476.2800",
            "3. low": "472.1200",
            "4. close": "474.5550",
            "5. volume": "1068417"
        },
        "2025-11-24 07:45:00": {
            "1. open": "473.9300",
            "2. high": "474.5900",
            "3. low": "473.8500",
            "4. close": "474.4500",
            "5. volume": "10170"
        },
        "2025-11-24 07:30:00": {
            "1. open": "473.9400",
            "2. high": "474.1800",
            "3. low": "473.8000",
            "4. close": "473.9300",
            "5. volume": "8582"
        },
        "2025-11-24 07:15:00": {
            "1. open": "473.7600",
            "2. high": "474.1500",
            "3. low": "473.5500",
            "4. close": "474.0000",
            "5. volume": "5949"
        },
        "2025-11-24 07:00:00": {
            "1. open": "474.5000",
            "2. high": "474.7300",
            "3. low": "473.5000",
            "4. close": "473.7700",
            "5. volume": "9046"
        },
        "2025-11-24 06:45:00": {
            "1. open": "474.5200",
            "2. high": "474.9400",
            "3. low": "474.3200",
            "4. close": "474.5600",
            "5. volume": "1180"
        },
        "2025-11-24 06:30:00": {
            "1. open": "473.9900",
            "2. high": "474.5800",
            "3. low": "473.8200",
            "4. close": "474.5100",
            "5. volume": "3781"
        },
        "2025-11-24 06:15:00": {
            "1. open": "473.7500",
            "2. high": "474.2000",
            "3. low": "473.7500",
            "4. close": "473.8000",
            "5. volume": "588"
        },
        "2025-11-24 06:00:00": {
            "1. open": "473.9900",
            "2. high": "474.1100",
            "3. low": "473.5900",
            "4. close": "473.8100",
            "5. volume": "874"
        },
        "2025-11-24 05:45:00": {
            "1. open": "474.0400",
            "2. high": "474.1900",
            "3. low": "473.6500",
            "4. close": "474.0000",
            "5. volume": "1607"
        },
        "2025-11-24 05:30:00": {
            "1. open": "473.6300",
            "2. high": "474.5000",
            "3. low": "473.3700",
            "4. close": "474.0400",
            "5. volume": "5586"
        },
        "2025-11-24 05:15:00": {
            "1. open": "473.9400",
            "2. high": "474.0700",
            "3. low": "473.4100",
            "4. close": "473.7000",
            "5. volume": "4707"
        },
        "2025-11-24 05:00:00": {
            "1. open": "474.0800",
            "2. high": "474.5000",
            "3. low": "473.6300",
            "4. close": "473.9300",
            "5. volume": "2504"
        },
        "2025-11-24 04:45:00": {
            "1. open": "474.3000",
            "2. high": "474.5900",
            "3. low": "473.8000",
            "4. close": "474.2700",
            "5. volume": "1745"
        },
        "2025-11-24 04:30:00": {
            "1. open": "473.5800",
            "2. high": "474.7400",
            "3. low": "473.5300",
            "4. close": "474.3300",
            "5. volume": "6168"
        },
        "2025-11-24 04:15:00": {
            "1. open": "475.6800",
            "2. high": "475.7600",
            "3. low": "473.0000",
            "4. close": "473.6000",
            "5. volume": "12438"
        },
        "2025-11-24 04:00:00": {
            "1. open": "475.8500",
            "2. high": "476.3000",
            "3. low": "474.8500",
            "4. close": "475.5600",
            "5. volume": "7223"
        },
        "2025-11-21 19:45:00": {
            "1. open": "473.8800",
            "2. high": "473.9900",
            "3. low": "473.5000",
            "4. close": "473.5000",
            "5. volume": "3289"
        },
        "2025-11-21 19:30:00": {
            "1. open": "473.2027",
            "2. high": "473.9900",
            "3. low": "473.2000",
            "4. close": "473.8000",
            "5. volume": "2262"
        },
        "2025-11-21 19:15:00": {
            "1. open": "473.2300",
            "2. high": "473.7000",
            "3. low": "473.0000",
            "4. close": "473.2550",
            "5. volume": "1370"
        },
        "2025-11-21 19:00:00": {
            "1. open": "472.9900",
            "2. high": "474.0000",
            "3. low": "472.8500",
            "4. close": "473.4500",
            "5. volume": "7173"
        },
        "2025-11-21 18:45:00": {
            "1. open": "472.7488",
            "2. high": "473.9000",
            "3. low": "472.1200",
            "4. close": "472.9998",
            "5. volume": "43092"
        },
        "2025-11-21 18:30:00": {
            "1. open": "472.6750",
            "2. high": "472.7500",
            "3. low": "472.6600",
            "4. close": "472.7250",
            "5. volume": "2428"
        },
        "2025-11-21 18:15:00": {
            "1. open": "472.5250",
            "2. high": "472.7500",
            "3. low": "472.1200",
            "4. close": "472.6892",
            "5. volume": "9985"
        },
        "2025-11-21 18:00:00": {
            "1. open": "472.4220",
            "2. high": "472.5900",
            "3. low": "472.4200",
            "4. close": "472.5000",
            "5. volume": "4337"
        },
        "2025-11-21 17:45:00": {
            "1. open": "472.5000",
            "2. high": "472.5900",
            "3. low": "472.1200",
            "4. close": "472.4900",
            "5. volume": "283620"
        },
        "2025-11-21 17:30:00": {
            "1. open": "472.5450",
            "2. high": "482.2891",
            "3. low": "448.9516",
            "4. close": "472.5000",
            "5. volume": "3205"
        },
        "2025-11-21 17:15:00": {
            "1. open": "472.3920",
            "2. high": "500.9224",
            "3. low": "446.2397",
            "4. close": "472.5450",
            "5. volume": "5039"
        },
        "2025-11-21 17:00:00": {
            "1. open": "472.5500",
            "2. high": "500.6910",
            "3. low": "451.8694",
            "4. close": "472.3600",
            "5. volume": "6864"
        },
        "2025-11-21 16:45:00": {
            "1. open": "472.3397",
            "2. high": "477.2111",
            "3. low": "451.8694",
            "4. close": "472.2750",
            "5. volume": "12572"
        },
        "2025-11-21 16:30:00": {
            "1. open": "471.9900",
            "2. high": "472.9300",
            "3. low": "471.8100",
            "4. close": "472.3400",
            "5. volume": "10506"
        },
        "2025-11-21 16:15:00": {
            "1. open": "472.1200",
            "2. high": "472.1200",
            "3. low": "471.8000",
            "4. close": "471.9900",
            "5. volume": "56480"
        },
        "2025-11-21 16:00:00": {
            "1. open": "472.2400",
            "2. high": "478.4300",
            "3. low": "471.3700",
            "4. close": "471.9999",
            "5. volume": "11783330"
        },
        "2025-11-21 15:45:00": {
            "1. open": "473.3500",
            "2. high": "474.1800",
            "3. low": "470.7075",
            "4. close": "472.2400",
            "5. volume": "2329683"
        },
        "2025-11-21 15:30:00": {
            "1. open": "473.3900",
            "2. high": "474.1900",
            "3. low": "472.7100",
            "4. close": "473.3500",
            "5. volume": "630627"
        },
        "2025-11-21 15:15:00": {
            "1. open": "474.7900",
            "2. high": "475.0100",
            "3. low": "473.3850",
            "4. close": "473.3900",
            "5. volume": "530926"
        },
        "2025-11-21 15:00:00": {
            "1. open": "474.6900",
            "2. high": "475.4100",
            "3. low": "474.4600",
            "4. close": "474.8150",
            "5. volume": "799724"
        },
        "2025-11-21 14:45:00": {
            "1. open": "475.8300",
            "2. high": "476.0500",
            "3. low": "474.1500",
            "4. close": "474.7522",
            "5. volume": "437133"
        },
        "2025-11-21 14:30:00": {
            "1. open": "476.6300",
            "2. high": "476.8200",
            "3. low": "475.4444",
            "4. close": "475.7300",
            "5. volume": "494141"
        },
        "2025-11-21 14:15:00": {
            "1. open": "475.2250",
            "2. high": "476.9000",
            "3. low": "475.1200",
            "4. close": "476.5700",
            "5. volume": "412577"
        },
        "2025-11-21 14:00:00": {
            "1. open": "474.6000",
            "2. high": "475.9300",
            "3. low": "474.1849",
            "4. close": "475.2289",
            "5. volume": "400530"
        },
        "2025-11-21 13:45:00": {
            "1. open": "473.6550",
            "2. high": "476.7000",
            "3. low": "473.6550",
            "4. close": "474.6400",
            "5. volume": "697873"
        },
        "2025-11-21 13:30:00": {
            "1. open": "472.8200",
            "2. high": "474.0100",
            "3. low": "472.6100",
            "4. close": "473.6350",
            "5. volume": "355679"
        },
        "2025-11-21 13:15:00": {
            "1. open": "471.7300",
            "2. high": "472.8900",
            "3. low": "471.0000",
            "4. close": "472.8200",
            "5. volume": "455073"
        },
        "2025-11-21 13:00:00": {
            "1. open": "473.8200",
            "2. high": "474.0100",
            "3. low": "471.6800",
            "4. close": "471.7250",
            "5. volume": "425345"
        },
        "2025-11-21 12:45:00": {
            "1. open": "474.9900",
            "2. high": "475.1100",
            "3. low": "473.4001",
            "4. close": "473.7950",
            "5. volume": "398563"
        },
        "2025-11-21 12:30:00": {
            "1. open": "474.3800",
            "2. high": "475.4600",
            "3. low": "473.8900",
            "4. close": "474.9600",
            "5. volume": "464894"
        },
        "2025-11-21 12:15:00": {
            "1. open": "474.8800",
            "2. high": "475.4600",
            "3. low": "474.0700",
            "4. close": "474.2500",
            "5. volume": "472192"
        },
        "2025-11-21 12:00:00": {
            "1. open": "473.6900",
            "2. high": "475.7800",
            "3. low": "472.9500",
            "4. close": "474.8450",
            "5. volume": "800465"
        },
        "2025-11-21 11:45:00": {
            "1. open": "472.4650",
            "2. high": "473.8150",
            "3. low": "472.0100",
            "4. close": "473.6900",
            "5. volume": "572074"
        },
        "2025-11-21 11:30:00": {
            "1. open": "471.0640",
            "2. high": "472.8300",
            "3. low": "469.9300",
            "4. close": "472.4700",
            "5. volume": "705194"
        },
        "2025-11-21 11:15:00": {
            "1. open": "469.6100",
            "2. high": "471.0900",
            "3. low": "468.2700",
            "4. close": "471.0450",
            "5. volume": "946043"
        },
        "2025-11-21 11:00:00": {
            "1. open": "470.6300",
            "2. high": "471.1250",
            "3. low": "468.3300",
            "4. close": "469.5550",
            "5. volume": "969814"
        }
    }
}

<!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>