HTML Code
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>aws s3 ls</title>
  <style>
    body { font-family: system-ui, sans-serif; padding: 1.5rem; background: #f1f5f9; color: #0f172a; }
    h1 { margin: 0 0 0.35rem; font-size: 1.35rem; }
    p.lead { margin: 0 0 1.25rem; color: #475569; }
    .terminal {
      background: #0f172a;
      color: #e2e8f0;
      border-radius: 0.75rem;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
      max-width: 640px;
    }
    .terminal-bar {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.6rem 0.9rem;
      background: #1e293b;
      border-bottom: 1px solid #334155;
    }
    .terminal-bar span {
      width: 11px;
      height: 11px;
      border-radius: 50%;
      display: inline-block;
    }
    .dot-red { background: #ef4444; }
    .dot-yellow { background: #f59e0b; }
    .dot-green { background: #22c55e; }
    .terminal-title {
      margin-left: 0.5rem;
      font-size: 0.8rem;
      color: #94a3b8;
      font-family: ui-monospace, monospace;
    }
    .terminal-body {
      padding: 1rem 1.1rem 1.4rem;
      font-family: ui-monospace, "Cascadia Code", monospace;
      font-size: 0.92rem;
      line-height: 1.6;
      white-space: pre-wrap;
    }
    .prompt { color: #22c55e; }
    .cmd { color: #e2e8f0; }
    .out { color: #93c5fd; }
    .note { margin-top: 1rem; color: #64748b; font-size: 0.9rem; }
  </style>
</head>
<body>
  <h1>List your S3 buckets</h1>
  <p class="lead"><code>aws s3 ls</code> with no path lists every bucket owned by the account.</p>

  <div class="terminal">
    <div class="terminal-bar">
      <span class="dot-red"></span>
      <span class="dot-yellow"></span>
      <span class="dot-green"></span>
      <span class="terminal-title">terminal</span>
    </div>
    <div class="terminal-body"><span class="prompt">$</span> <span class="cmd">aws s3 ls</span>
<span class="out">2024-01-15 10:22:31 codetofun-assets
2024-03-02 08:05:12 codetofun-backups
2025-06-30 19:41:07 codetofun-website-logs</span>
<span class="prompt">$</span> <span class="cmd"></span></div>
  </div>

  <p class="note">Add a bucket path, like <code>aws s3 ls s3://codetofun-assets/</code>, to list the objects inside a specific bucket.</p>
</body>
</html>
Lines: 0 | Characters: 0
Live Preview Auto-refresh on Run
AWS Introduction — List Your S3 Buckets
