html`<div class="main">
<h1 class="highlight" style="text-align: center; margin-left: 7vw; margin-right: 7vw; font-weight: 800; font-size: 45px;"> Arizona K-12 Funding Reform Model</h1>

<hr style='margin:1px; padding:0; border-top: 4px solid #333;'>

<h3 style="margin-left: 10vw; margin-right: 10vw; text-align: left; font-size: 18px;"> 
<span style="font-weight: 400;">Reason Foundation's Arizona K-12 Funding Reform Model estimates the financial effects of potential changes to Arizona's Education Equalization Formula and local sources of revenue. This tool is intended only to provide estimates for policymakers and researchers.</span></h3>

<h3 style="margin-left: 10vw; margin-right: 10vw; text-align: left; font-size: 18px;"> 
<span style="font-weight: 400;"><b>Instructions</b>: To model scenarios, change the formula and local revenue parameters in the Model Input Panel button in the lower left corner of your screen. The baseline scenario is pre-set to match Arizona's current funding system and inputting different values will allow users to make comparisons between the state's current funding system and a modeled funding system.</span></h3>

<hr style='margin:3px; padding:0; border-top: 4px solid #333;'>


  <ul class="cards">
    <li class="cards-item">
    <a href="model.html" style="text-decoration: none;">
      <div class="card">
        <div class="card-content">
          <h2 class="card-title">Model</h2>
          <p class="card-text">Users can explore the implications of funding reforms for the state's individual school districts and charter schools in both total and per-pupil terms.</p>
        </div>
      </div>
    </a>
    </li>
    <li class="cards-item">
        <a href="transportation.html" style="text-decoration: none;">
      <div class="card">
        <div class="card-content">
          <h2 class="card-title">Transportation</h2>
          <p class="card-text">Users can look at the impact of transportation funding on school districts and charter schools.</p>
        </div>
      </div>
          </a>
    </li>
    <li class="cards-item">
        <a href="methodology.html" style="text-decoration: none;">
      <div class="card">
        <div class="card-content">
          <h2 class="card-title">Methodology</h2>
          <p class="card-text">Background on the model and the data used to create it.</p>
        </div>
      </div>
          </a>
    </li>

  </ul>

</div>

`