index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ntsuku Philosophy</title>
  <style>
    body {
      background-color: grey;
      font-family: Arial, sans-serif;
    }
    .header {
      font-size: 40px;
      background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
      -webkit-background-clip: text;
      color: transparent;
      text-align: center;
      margin-bottom: 50px;
    }
    .quote {
      font-size: 40px;
      color: maroon;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1 class="header">Ntsuku Philosophy</h1>
  <div class="quote" id="quote"></div>
    <!-- TradingView Widget BEGIN -->
  <div class="tradingview-widget-container">
    <div class="tradingview-widget-container__widget"></div>
    <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
    <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-symbol-overview.js" async>
    {
    "symbols": [
      [
        "Google",
        "GOOGL|1D"
      ],
      [
        "Microsoft",
        "MSFT|1D"
      ],
      [
        "NASDAQ:PANW|1D"
      ],
      [
        "NASDAQ:NVDA|1D"
      ],
      [
        "NASDAQ:AMD|1D"
      ],
      [
        "NYSE:TSM|1D"
      ],
      [
        "NASDAQ:CHKP|1D"
      ]
    ],
    "chartOnly": false,
    "width": 1000,
    "height": 500,
    "locale": "en",
    "colorTheme": "dark",
    "autosize": false,
    "showVolume": false,
    "showMA": false,
    "hideDateRanges": false,
    "hideMarketStatus": false,
    "hideSymbolLogo": false,
    "scalePosition": "right",
    "scaleMode": "Normal",
    "fontFamily": "Arial, sans-serif",
    "fontSize": "10",
    "noTimeScale": false,
    "valuesTracking": "1",
    "changeMode": "price-and-percent",
    "chartType": "area",
    "maLineColor": "#2962FF",
    "maLineWidth": 1,
    "maLength": 9,
    "lineWidth": 2,
    "lineType": 0,
    "dateRanges": [
      "1d|1",
      "1m|30",
      "3m|60",
      "6m|240",
      "12m|1D",
      "60m|1W",
      "all|1M"
    ]
  }
    </script>
  </div>
  <!-- TradingView Widget END -->
  <script src="ntsuku-philosophy.js"></script>
</body>
</html>