You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
5.7 KiB
104 lines
5.7 KiB
<!-- Header-->
|
|
<header class="bg-dark py-5">
|
|
<div class="container px-5">
|
|
<div class="row gx-5 justify-content-center">
|
|
<div class="col-lg-6">
|
|
<div class="text-center my-5">
|
|
<h1 class="display-5 fw-bolder text-white mb-2">The Education Commonwealth Project</h1>
|
|
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Features section-->
|
|
<section class="py-5 border-bottom" id="features">
|
|
<div class="container px-5 my-5">
|
|
<div class="row gx-5">
|
|
<div class="col-lg-4 mb-5 mb-lg-0">
|
|
<h2><%= link_to "About ECP", work_with_ecp_index_path %></h2>
|
|
<p>The Education Commonwealth Project (ECP) works to support assessment of student learning and school progress that is valid, democratic, and equitable. Pushing back against the overreliance on standardized testing, ECP offers free and open-source resources that all schools can use. And thanks to support from the Massachusetts State Legislature, ECP offers additional support for public schools and districts in Massachusetts.</p>
|
|
</div>
|
|
<div class="col-lg-4 mb-5 mb-lg-0">
|
|
<h2><%= link_to "School Quality Measures", sqm_index_path %></h2>
|
|
<p>SQM honors the full range of what schools do, using data to support and sustain schools rather than to rate and rank them. Whether it means identifying new indicators for tracking progress, or visualizing data in ways that foster richer conversations, the SQM team is here to support Massachusetts districts as they work to assemble a fuller and more accurate portrait of their schools. </p>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<h2><%= link_to "Quality Performance Assessment", qpa_index_path %></h2>
|
|
<p>QPA offers a clearer picture of what students know and can do, assessing learning through the use of meaningful projects designed by educators. By providing examples of high quality performance assessments, a toolkit of protocols, and guidance, the QPA team seeks to provide a model for reimagining state assessment in Massachusetts and beyond. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact section-->
|
|
<section class="bg-light py-5">
|
|
<div class="container px-5 my-5 px-5">
|
|
<div class="text-center mb-5">
|
|
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-envelope"></i></div>
|
|
<h2 class="fw-bolder">Get in touch</h2>
|
|
<p class="lead mb-0">We'd love to hear from you</p>
|
|
</div>
|
|
<div class="row gx-5 justify-content-center">
|
|
<div class="col-lg-6">
|
|
<!-- * * * * * * * * * * * * * * *-->
|
|
<!-- * * SB Forms Contact Form * *-->
|
|
<!-- * * * * * * * * * * * * * * *-->
|
|
<!-- This form is pre-integrated with SB Forms.-->
|
|
<!-- To make this form functional, sign up at-->
|
|
<!-- https://startbootstrap.com/solution/contact-forms-->
|
|
<!-- to get an API token!-->
|
|
<form id="contactForm" data-sb-form-api-token="8495ab6d-c9ab-43f4-9e22-4203c4481357">
|
|
<!-- Name input-->
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="name" type="text" placeholder="Enter your name..." data-sb-validations="required" />
|
|
<label for="name">Full name</label>
|
|
<div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
|
|
</div>
|
|
<!-- Email address input-->
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="email" type="email" placeholder="name@example.com" data-sb-validations="required,email" />
|
|
<label for="email">Email address</label>
|
|
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
|
|
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
|
|
</div>
|
|
<!-- Phone number input-->
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
|
|
<label for="phone">Phone number</label>
|
|
<div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
|
|
</div>
|
|
<!-- Message input-->
|
|
<div class="form-floating mb-3">
|
|
<textarea class="form-control" id="message" type="text" placeholder="Enter your message here..." style="height: 10rem" data-sb-validations="required"></textarea>
|
|
<label for="message">Message</label>
|
|
<div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
|
|
</div>
|
|
<!-- Submit success message-->
|
|
<!---->
|
|
<!-- This is what your users will see when the form-->
|
|
<!-- has successfully submitted-->
|
|
<div class="d-none" id="submitSuccessMessage">
|
|
<div class="text-center mb-3">
|
|
<div class="fw-bolder">Form submission successful!</div>
|
|
To activate this form, sign up at
|
|
<br />
|
|
<a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
|
|
</div>
|
|
</div>
|
|
<!-- Submit error message-->
|
|
<!---->
|
|
<!-- This is what your users will see when there is-->
|
|
<!-- an error submitting the form-->
|
|
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
|
|
<!-- Submit Button-->
|
|
<div class="d-grid"><button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|