> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vantage.sh/llms.txt
> Use this file to discover all available pages before exploring further.

# Vantage University

> Learn Vantage through hands-on practice and interactive tutorials.

## 📚 Feature Video Lessons

Reference these focused lessons to learn specific Vantage features in detail.

<Columns cols={4}>
  <Card title="Manage Account" img="https://assets.vantage.sh/docs/vantage-university/account-management.jpg" href="/vantage_university_account_management">
    Set up and navigate workspaces.
  </Card>

  <Card title="Integrations" img="https://assets.vantage.sh/docs/vantage-university/integrations.jpg" href="/vantage_university_integrations">
    Connect cloud providers and custom sources.
  </Card>

  <Card title="Cost Reporting" img="https://assets.vantage.sh/docs/vantage-university/cost-reporting.jpg" href="/vantage_university_cost_reporting">
    Create, filter, and visualize Cost Reports.
  </Card>

  <Card title="Cost Allocation" img="https://assets.vantage.sh/docs/vantage-university/cost-allocation.jpg" href="/vantage_university_cost_allocation">
    Create virtual tags and segment hierarchies.
  </Card>

  <Card title="Observability" img="https://assets.vantage.sh/docs/vantage-university/observability.jpg" href="/vantage_university_observability">
    Set up anomaly alerts and act on recommendations.
  </Card>

  <Card title="Unit Costs" img="https://assets.vantage.sh/docs/vantage-university/unit-costs.jpg" href="/vantage_university_unit_costs">
    Track cost per unit and business metrics.
  </Card>

  <Card title="Budgeting" img="https://assets.vantage.sh/docs/vantage-university/budgeting.jpg" href="/vantage_university_budgeting">
    Create budgets and configure alerts.
  </Card>

  <Card title="Per Resource Costs" img="https://assets.vantage.sh/docs/vantage-university/per-resource-costs.jpg" href="/vantage_university_per_resource_costs">
    Monitor per-resource costs and network flows.
  </Card>
</Columns>

***

## 🚀 Hands-On Learning

Use your knowledge to complete a hands-on demo.

<Frame>
  {(() => {
    const [isMobile, setIsMobile] = React.useState(false);
    React.useEffect(() => {
      if (typeof window === 'undefined') return;
      const check = () => setIsMobile(window.innerWidth <= 768);
      check();
      window.addEventListener('resize', check);
      return () => window.removeEventListener('resize', check);
    }, []);
    const innerStyle = isMobile
      ? { display: 'grid', gridTemplateColumns: '1fr', gap: 0, alignItems: 'stretch', minHeight: 'unset' }
      : { display: 'grid', gridTemplateColumns: 'minmax(0,1fr) minmax(0,1.2fr)', gap: 0, alignItems: 'stretch', minHeight: '280px' };
    const imageStyle = isMobile
      ? { minHeight: '200px', background: '#f8f7fa', backgroundImage: 'url(/img/dashboard-preview.png)', backgroundSize: 'cover', backgroundPosition: 'center' }
      : { minHeight: '240px', background: '#f8f7fa', backgroundImage: 'url(/img/dashboard-preview.png)', backgroundSize: 'cover', backgroundPosition: 'center' };
    const contentStyle = isMobile
      ? { padding: '24px', display: 'flex', flexDirection: 'column', justifyContent: 'center' }
      : { padding: '32px 36px', display: 'flex', flexDirection: 'column', justifyContent: 'center' };
    return (
      <a
        href="/vantage_university_demo"
        style={{textDecoration:'none', color:'inherit', display:'block', borderRadius:'16px', overflow:'hidden', boxShadow:'0 4px 24px rgba(0,0,0,0.06)', border:'1px solid rgba(0,0,0,0.06)', transition:'box-shadow 0.2s ease, border-color 0.2s ease'}}
        onMouseEnter={(e) => {
          e.currentTarget.style.boxShadow = '0 8px 32px rgba(103, 66, 214, 0.15)';
          e.currentTarget.style.borderColor = 'rgba(103, 66, 214, 0.35)';
        }}
        onMouseLeave={(e) => {
          e.currentTarget.style.boxShadow = '0 4px 24px rgba(0,0,0,0.06)';
          e.currentTarget.style.borderColor = 'rgba(0,0,0,0.06)';
        }}
      >
        <div style={innerStyle}>
          <div style={imageStyle} aria-label="Executive dashboard preview" />
          <div style={contentStyle}>
            <h3 style={{margin:0, marginBottom:'12px', fontSize:'1.35rem', fontWeight:700}}>Build Your First Executive Dashboard</h3>
            <p style={{margin:0, marginBottom:'24px', lineHeight:1.6, opacity:0.9}}>Create Cost Reports, set up virtual tags, and combine everything into a comprehensive management dashboard. Step-by-step interactive demos you can practice with.</p>
            <span style={{display:'inline-flex', alignItems:'center', gap:'8px', fontWeight:600, color:'#6742D6', fontSize:'1rem'}}>Start the Demo <span style={{fontSize:'1.1em'}}>→</span></span>
          </div>
        </div>
      </a>
    );
    })()}
</Frame>

***

## 👥 Role-Specific Learning Tracks

Explore Vantage from the perspective of your role. Lessons include a mix of videos and hands-on learning.

<Columns cols={3}>
  <Card title="FinOps Analyst" img="https://assets.vantage.sh/docs/vantage-university/finops-analyst.jpg" href="/vantage_university_finops_analyst">
    Learn about how to use Vantage effectively as your organization's FinOps power user, building a culture of cloud cost optimization.
  </Card>

  <Card title="Developer" img="https://assets.vantage.sh/docs/vantage-university/developer.jpg" href="/vantage_university_developer">
    Learn about how you can best use Vantage to manage and optimize the cloud resources you are responsible for.
  </Card>

  <Card title="Finance Manager" img="https://assets.vantage.sh/docs/vantage-university/finance-manager.jpg" href="/vantage_university_finance_manager">
    Learn about how you can use Vantage to manage and analyze the total cost of your organization.
  </Card>
</Columns>