{
    "Meta Data": {
        "1. Information": "Intraday (15min) open, high, low, close prices and volume",
        "2. Symbol": "MSFT",
        "3. Last Refreshed": "2025-10-09 19:45:00",
        "4. Interval": "15min",
        "5. Output Size": "Compact",
        "6. Time Zone": "US/Eastern"
    },
    "Time Series (15min)": {
        "2025-10-09 19:45:00": {
            "1. open": "522.5600",
            "2. high": "522.9000",
            "3. low": "522.5200",
            "4. close": "522.8000",
            "5. volume": "2528"
        },
        "2025-10-09 19:30:00": {
            "1. open": "522.3800",
            "2. high": "522.7900",
            "3. low": "522.3700",
            "4. close": "522.6000",
            "5. volume": "3380"
        },
        "2025-10-09 19:15:00": {
            "1. open": "522.2117",
            "2. high": "522.7000",
            "3. low": "522.2100",
            "4. close": "522.5350",
            "5. volume": "4291"
        },
        "2025-10-09 19:00:00": {
            "1. open": "522.4100",
            "2. high": "522.7000",
            "3. low": "522.2100",
            "4. close": "522.2500",
            "5. volume": "2071"
        },
        "2025-10-09 18:45:00": {
            "1. open": "522.3100",
            "2. high": "522.4100",
            "3. low": "522.1200",
            "4. close": "522.4088",
            "5. volume": "1631"
        },
        "2025-10-09 18:30:00": {
            "1. open": "522.1421",
            "2. high": "522.4100",
            "3. low": "522.1000",
            "4. close": "522.3200",
            "5. volume": "4327"
        },
        "2025-10-09 18:15:00": {
            "1. open": "522.2500",
            "2. high": "522.4000",
            "3. low": "522.1000",
            "4. close": "522.1000",
            "5. volume": "829"
        },
        "2025-10-09 18:00:00": {
            "1. open": "522.2500",
            "2. high": "522.4000",
            "3. low": "522.1000",
            "4. close": "522.3988",
            "5. volume": "2464"
        },
        "2025-10-09 17:45:00": {
            "1. open": "522.2450",
            "2. high": "522.4000",
            "3. low": "522.1000",
            "4. close": "522.2700",
            "5. volume": "27869"
        },
        "2025-10-09 17:30:00": {
            "1. open": "521.9750",
            "2. high": "522.3900",
            "3. low": "521.8600",
            "4. close": "522.1000",
            "5. volume": "5936"
        },
        "2025-10-09 17:15:00": {
            "1. open": "522.0000",
            "2. high": "556.5060",
            "3. low": "513.9225",
            "4. close": "521.9750",
            "5. volume": "1555"
        },
        "2025-10-09 17:00:00": {
            "1. open": "521.8800",
            "2. high": "522.0800",
            "3. low": "513.9225",
            "4. close": "522.0000",
            "5. volume": "1648"
        },
        "2025-10-09 16:45:00": {
            "1. open": "521.8800",
            "2. high": "556.5060",
            "3. low": "521.7000",
            "4. close": "521.8500",
            "5. volume": "7676"
        },
        "2025-10-09 16:30:00": {
            "1. open": "521.7512",
            "2. high": "521.9000",
            "3. low": "521.7500",
            "4. close": "521.8250",
            "5. volume": "3887"
        },
        "2025-10-09 16:15:00": {
            "1. open": "521.7100",
            "2. high": "522.4000",
            "3. low": "521.6500",
            "4. close": "521.7500",
            "5. volume": "399564"
        },
        "2025-10-09 16:00:00": {
            "1. open": "522.4000",
            "2. high": "522.7800",
            "3. low": "520.6700",
            "4. close": "521.9400",
            "5. volume": "5912001"
        },
        "2025-10-09 15:45:00": {
            "1. open": "520.6800",
            "2. high": "522.4800",
            "3. low": "520.6300",
            "4. close": "522.2400",
            "5. volume": "1608061"
        },
        "2025-10-09 15:30:00": {
            "1. open": "521.5350",
            "2. high": "521.7800",
            "3. low": "520.3500",
            "4. close": "520.6700",
            "5. volume": "620845"
        },
        "2025-10-09 15:15:00": {
            "1. open": "519.8400",
            "2. high": "521.5350",
            "3. low": "517.4000",
            "4. close": "521.5200",
            "5. volume": "1825950"
        },
        "2025-10-09 15:00:00": {
            "1. open": "520.1900",
            "2. high": "520.3050",
            "3. low": "519.7900",
            "4. close": "519.8300",
            "5. volume": "355939"
        },
        "2025-10-09 14:45:00": {
            "1. open": "519.7500",
            "2. high": "520.3200",
            "3. low": "519.6300",
            "4. close": "520.1800",
            "5. volume": "247925"
        },
        "2025-10-09 14:30:00": {
            "1. open": "519.5650",
            "2. high": "519.9499",
            "3. low": "519.5001",
            "4. close": "519.7350",
            "5. volume": "183548"
        },
        "2025-10-09 14:15:00": {
            "1. open": "519.7700",
            "2. high": "520.3650",
            "3. low": "519.5500",
            "4. close": "519.5650",
            "5. volume": "263979"
        },
        "2025-10-09 14:00:00": {
            "1. open": "519.5400",
            "2. high": "520.0150",
            "3. low": "519.2500",
            "4. close": "519.8200",
            "5. volume": "246409"
        },
        "2025-10-09 13:45:00": {
            "1. open": "519.1800",
            "2. high": "519.6400",
            "3. low": "519.1000",
            "4. close": "519.5389",
            "5. volume": "213066"
        },
        "2025-10-09 13:30:00": {
            "1. open": "518.8950",
            "2. high": "519.3600",
            "3. low": "518.4300",
            "4. close": "519.1800",
            "5. volume": "246710"
        },
        "2025-10-09 13:15:00": {
            "1. open": "518.8600",
            "2. high": "519.0560",
            "3. low": "518.3100",
            "4. close": "518.9300",
            "5. volume": "271871"
        },
        "2025-10-09 13:00:00": {
            "1. open": "518.0600",
            "2. high": "518.9480",
            "3. low": "518.0500",
            "4. close": "518.8400",
            "5. volume": "258221"
        },
        "2025-10-09 12:45:00": {
            "1. open": "518.5000",
            "2. high": "519.2800",
            "3. low": "517.6600",
            "4. close": "518.0800",
            "5. volume": "355790"
        },
        "2025-10-09 12:30:00": {
            "1. open": "519.5100",
            "2. high": "519.7500",
            "3. low": "517.9400",
            "4. close": "518.5000",
            "5. volume": "479720"
        },
        "2025-10-09 12:15:00": {
            "1. open": "519.5700",
            "2. high": "520.1450",
            "3. low": "519.2140",
            "4. close": "519.5150",
            "5. volume": "532883"
        },
        "2025-10-09 12:00:00": {
            "1. open": "519.6500",
            "2. high": "520.2500",
            "3. low": "519.6300",
            "4. close": "519.6550",
            "5. volume": "357856"
        },
        "2025-10-09 11:45:00": {
            "1. open": "518.5900",
            "2. high": "520.1099",
            "3. low": "518.1300",
            "4. close": "519.5900",
            "5. volume": "507182"
        },
        "2025-10-09 11:30:00": {
            "1. open": "519.7600",
            "2. high": "519.7600",
            "3. low": "518.1250",
            "4. close": "518.5400",
            "5. volume": "710109"
        },
        "2025-10-09 11:15:00": {
            "1. open": "520.9350",
            "2. high": "521.1000",
            "3. low": "519.4000",
            "4. close": "519.7650",
            "5. volume": "713640"
        },
        "2025-10-09 11:00:00": {
            "1. open": "521.7350",
            "2. high": "521.9600",
            "3. low": "520.7500",
            "4. close": "520.9500",
            "5. volume": "463419"
        },
        "2025-10-09 10:45:00": {
            "1. open": "522.1800",
            "2. high": "522.1900",
            "3. low": "521.1600",
            "4. close": "521.7050",
            "5. volume": "446778"
        },
        "2025-10-09 10:30:00": {
            "1. open": "522.3000",
            "2. high": "522.6700",
            "3. low": "521.2300",
            "4. close": "522.1682",
            "5. volume": "494944"
        },
        "2025-10-09 10:15:00": {
            "1. open": "521.9900",
            "2. high": "522.4900",
            "3. low": "521.2815",
            "4. close": "522.3600",
            "5. volume": "365819"
        },
        "2025-10-09 10:00:00": {
            "1. open": "521.8100",
            "2. high": "522.6000",
            "3. low": "521.6200",
            "4. close": "522.0000",
            "5. volume": "668629"
        },
        "2025-10-09 09:45:00": {
            "1. open": "522.2000",
            "2. high": "522.2050",
            "3. low": "519.8500",
            "4. close": "521.7700",
            "5. volume": "1019347"
        },
        "2025-10-09 09:30:00": {
            "1. open": "522.3350",
            "2. high": "524.3250",
            "3. low": "521.8000",
            "4. close": "522.2050",
            "5. volume": "1079979"
        },
        "2025-10-09 09:15:00": {
            "1. open": "523.6800",
            "2. high": "524.0000",
            "3. low": "519.7100",
            "4. close": "522.0500",
            "5. volume": "16681"
        },
        "2025-10-09 09:00:00": {
            "1. open": "523.8000",
            "2. high": "524.3000",
            "3. low": "523.5000",
            "4. close": "523.7400",
            "5. volume": "10469"
        },
        "2025-10-09 08:45:00": {
            "1. open": "523.8000",
            "2. high": "524.4000",
            "3. low": "523.5100",
            "4. close": "523.8000",
            "5. volume": "9777"
        },
        "2025-10-09 08:30:00": {
            "1. open": "523.4850",
            "2. high": "523.8600",
            "3. low": "523.0000",
            "4. close": "523.8000",
            "5. volume": "12035"
        },
        "2025-10-09 08:15:00": {
            "1. open": "522.5250",
            "2. high": "524.8500",
            "3. low": "522.2500",
            "4. close": "523.8600",
            "5. volume": "17551"
        },
        "2025-10-09 08:00:00": {
            "1. open": "523.6400",
            "2. high": "525.9800",
            "3. low": "521.0000",
            "4. close": "522.6000",
            "5. volume": "74383"
        },
        "2025-10-09 07:45:00": {
            "1. open": "524.2500",
            "2. high": "524.6700",
            "3. low": "524.0000",
            "4. close": "524.0100",
            "5. volume": "14261"
        },
        "2025-10-09 07:30:00": {
            "1. open": "524.5000",
            "2. high": "524.7500",
            "3. low": "524.0500",
            "4. close": "524.3300",
            "5. volume": "2721"
        },
        "2025-10-09 07:15:00": {
            "1. open": "524.8100",
            "2. high": "524.9400",
            "3. low": "524.5000",
            "4. close": "524.5000",
            "5. volume": "2764"
        },
        "2025-10-09 07:00:00": {
            "1. open": "524.7100",
            "2. high": "525.0200",
            "3. low": "524.6000",
            "4. close": "524.9100",
            "5. volume": "4425"
        },
        "2025-10-09 06:45:00": {
            "1. open": "524.3900",
            "2. high": "525.0300",
            "3. low": "524.3500",
            "4. close": "524.7400",
            "5. volume": "3996"
        },
        "2025-10-09 06:30:00": {
            "1. open": "524.2100",
            "2. high": "524.4900",
            "3. low": "524.0000",
            "4. close": "524.3500",
            "5. volume": "1064"
        },
        "2025-10-09 06:15:00": {
            "1. open": "525.0100",
            "2. high": "525.2300",
            "3. low": "524.2100",
            "4. close": "524.2100",
            "5. volume": "3036"
        },
        "2025-10-09 06:00:00": {
            "1. open": "525.3700",
            "2. high": "525.5500",
            "3. low": "525.0000",
            "4. close": "525.2000",
            "5. volume": "2917"
        },
        "2025-10-09 05:45:00": {
            "1. open": "525.6200",
            "2. high": "525.6200",
            "3. low": "525.3000",
            "4. close": "525.4000",
            "5. volume": "2599"
        },
        "2025-10-09 05:30:00": {
            "1. open": "525.5400",
            "2. high": "525.8300",
            "3. low": "525.5200",
            "4. close": "525.8000",
            "5. volume": "2754"
        },
        "2025-10-09 05:15:00": {
            "1. open": "525.3300",
            "2. high": "525.6600",
            "3. low": "524.9500",
            "4. close": "525.6600",
            "5. volume": "5626"
        },
        "2025-10-09 05:00:00": {
            "1. open": "523.9600",
            "2. high": "525.1400",
            "3. low": "523.9500",
            "4. close": "525.0900",
            "5. volume": "4185"
        },
        "2025-10-09 04:45:00": {
            "1. open": "523.7600",
            "2. high": "524.3200",
            "3. low": "523.5700",
            "4. close": "523.9200",
            "5. volume": "4230"
        },
        "2025-10-09 04:30:00": {
            "1. open": "523.8300",
            "2. high": "523.8700",
            "3. low": "523.3500",
            "4. close": "523.7600",
            "5. volume": "2337"
        },
        "2025-10-09 04:15:00": {
            "1. open": "523.7900",
            "2. high": "524.0300",
            "3. low": "523.6500",
            "4. close": "523.8700",
            "5. volume": "1777"
        },
        "2025-10-09 04:00:00": {
            "1. open": "524.8500",
            "2. high": "524.8500",
            "3. low": "523.0000",
            "4. close": "523.7900",
            "5. volume": "4163"
        },
        "2025-10-08 19:45:00": {
            "1. open": "525.9100",
            "2. high": "526.1300",
            "3. low": "525.1000",
            "4. close": "525.3600",
            "5. volume": "2882"
        },
        "2025-10-08 19:30:00": {
            "1. open": "526.0000",
            "2. high": "526.1300",
            "3. low": "525.5500",
            "4. close": "525.8400",
            "5. volume": "2604"
        },
        "2025-10-08 19:15:00": {
            "1. open": "525.0950",
            "2. high": "526.5000",
            "3. low": "525.0000",
            "4. close": "525.5500",
            "5. volume": "5373"
        },
        "2025-10-08 19:00:00": {
            "1. open": "524.8795",
            "2. high": "525.2000",
            "3. low": "524.7000",
            "4. close": "525.0950",
            "5. volume": "1682"
        },
        "2025-10-08 18:45:00": {
            "1. open": "524.9500",
            "2. high": "525.2000",
            "3. low": "524.7000",
            "4. close": "524.7012",
            "5. volume": "1263"
        },
        "2025-10-08 18:30:00": {
            "1. open": "524.6450",
            "2. high": "525.2000",
            "3. low": "524.5000",
            "4. close": "524.9500",
            "5. volume": "3639"
        },
        "2025-10-08 18:15:00": {
            "1. open": "524.7888",
            "2. high": "524.7900",
            "3. low": "524.5000",
            "4. close": "524.7100",
            "5. volume": "1119"
        },
        "2025-10-08 18:00:00": {
            "1. open": "524.5489",
            "2. high": "524.7900",
            "3. low": "524.2244",
            "4. close": "524.7700",
            "5. volume": "2201"
        },
        "2025-10-08 17:45:00": {
            "1. open": "524.5950",
            "2. high": "524.7900",
            "3. low": "513.9100",
            "4. close": "524.5050",
            "5. volume": "1986"
        },
        "2025-10-08 17:30:00": {
            "1. open": "524.5200",
            "2. high": "524.7900",
            "3. low": "524.2500",
            "4. close": "524.5950",
            "5. volume": "1120"
        },
        "2025-10-08 17:15:00": {
            "1. open": "524.2687",
            "2. high": "525.0500",
            "3. low": "497.1590",
            "4. close": "524.7000",
            "5. volume": "1621"
        },
        "2025-10-08 17:00:00": {
            "1. open": "524.6350",
            "2. high": "525.0000",
            "3. low": "524.2200",
            "4. close": "524.7000",
            "5. volume": "1362"
        },
        "2025-10-08 16:45:00": {
            "1. open": "524.8500",
            "2. high": "550.8468",
            "3. low": "497.1590",
            "4. close": "524.2200",
            "5. volume": "2262"
        },
        "2025-10-08 16:30:00": {
            "1. open": "525.0200",
            "2. high": "525.2000",
            "3. low": "524.8500",
            "4. close": "524.8500",
            "5. volume": "3957"
        },
        "2025-10-08 16:15:00": {
            "1. open": "524.8000",
            "2. high": "525.1900",
            "3. low": "524.2200",
            "4. close": "524.9900",
            "5. volume": "14921"
        },
        "2025-10-08 16:00:00": {
            "1. open": "524.8000",
            "2. high": "525.0000",
            "3. low": "523.8000",
            "4. close": "524.8300",
            "5. volume": "6673123"
        },
        "2025-10-08 15:45:00": {
            "1. open": "524.9600",
            "2. high": "525.3100",
            "3. low": "523.8850",
            "4. close": "524.8300",
            "5. volume": "1295057"
        },
        "2025-10-08 15:30:00": {
            "1. open": "524.1100",
            "2. high": "525.1999",
            "3. low": "524.1100",
            "4. close": "524.9500",
            "5. volume": "559430"
        },
        "2025-10-08 15:15:00": {
            "1. open": "524.0725",
            "2. high": "524.2500",
            "3. low": "523.5900",
            "4. close": "524.1305",
            "5. volume": "266850"
        },
        "2025-10-08 15:00:00": {
            "1. open": "523.9550",
            "2. high": "524.2300",
            "3. low": "523.7600",
            "4. close": "524.0950",
            "5. volume": "182773"
        },
        "2025-10-08 14:45:00": {
            "1. open": "523.3700",
            "2. high": "524.1800",
            "3. low": "523.2701",
            "4. close": "523.9255",
            "5. volume": "217437"
        },
        "2025-10-08 14:30:00": {
            "1. open": "524.5850",
            "2. high": "524.5850",
            "3. low": "523.3000",
            "4. close": "523.3800",
            "5. volume": "243863"
        },
        "2025-10-08 14:15:00": {
            "1. open": "524.7300",
            "2. high": "525.0200",
            "3. low": "524.4400",
            "4. close": "524.5700",
            "5. volume": "182779"
        },
        "2025-10-08 14:00:00": {
            "1. open": "524.0800",
            "2. high": "525.2700",
            "3. low": "524.0800",
            "4. close": "524.7450",
            "5. volume": "411047"
        },
        "2025-10-08 13:45:00": {
            "1. open": "523.6600",
            "2. high": "524.2500",
            "3. low": "523.5600",
            "4. close": "524.0500",
            "5. volume": "250803"
        },
        "2025-10-08 13:30:00": {
            "1. open": "524.3166",
            "2. high": "524.4950",
            "3. low": "523.5700",
            "4. close": "523.6500",
            "5. volume": "212500"
        },
        "2025-10-08 13:15:00": {
            "1. open": "524.3650",
            "2. high": "524.7500",
            "3. low": "524.1501",
            "4. close": "524.2900",
            "5. volume": "190396"
        },
        "2025-10-08 13:00:00": {
            "1. open": "524.3000",
            "2. high": "524.8500",
            "3. low": "524.2500",
            "4. close": "524.3400",
            "5. volume": "257995"
        },
        "2025-10-08 12:45:00": {
            "1. open": "524.1550",
            "2. high": "524.3000",
            "3. low": "523.6500",
            "4. close": "524.2994",
            "5. volume": "206745"
        },
        "2025-10-08 12:30:00": {
            "1. open": "524.1900",
            "2. high": "524.1900",
            "3. low": "523.7900",
            "4. close": "524.1550",
            "5. volume": "161501"
        },
        "2025-10-08 12:15:00": {
            "1. open": "524.0600",
            "2. high": "524.3700",
            "3. low": "523.9600",
            "4. close": "524.1401",
            "5. volume": "213111"
        },
        "2025-10-08 12:00:00": {
            "1. open": "524.7900",
            "2. high": "524.9450",
            "3. low": "523.8400",
            "4. close": "524.0600",
            "5. volume": "270584"
        },
        "2025-10-08 11:45:00": {
            "1. open": "524.6950",
            "2. high": "525.1600",
            "3. low": "524.6000",
            "4. close": "524.8400",
            "5. volume": "268382"
        },
        "2025-10-08 11:30:00": {
            "1. open": "525.0300",
            "2. high": "525.0700",
            "3. low": "524.4200",
            "4. close": "524.6950",
            "5. volume": "224186"
        },
        "2025-10-08 11:15:00": {
            "1. open": "524.9900",
            "2. high": "525.2400",
            "3. low": "524.5100",
            "4. close": "525.0301",
            "5. volume": "288806"
        },
        "2025-10-08 11:00:00": {
            "1. open": "524.4200",
            "2. high": "525.7000",
            "3. low": "524.4100",
            "4. close": "524.9950",
            "5. volume": "299691"
        }
    }
}

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