Files
scha/schasite/templates/schasite/about_us2.html

277 lines
17 KiB
HTML

{% extends 'schasite/base2.html' %}
{% load static %}
{% block pagetitle %}
<title>Stonehedge Community Homeowners Association</title>
{% endblock %}
{% block content %}
<section id="schools" class="py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 mb-4 mb-lg-0">
<img src="{% static 'images/District_200.png' %}" alt="Local Schools" class="img-fluid rounded shadow">
</div>
<div class="col-lg-6">
<h2 class="text-success mb-4">Excellent Schools Serving Our Community</h2>
<p>Stonehedge Community Homeowners Association is proud to be served by some of the highest-rated schools in the district, providing quality education for all ages.</p>
<div class="accordion mt-4" id="schoolsAccordion">
<div class="accordion-item">
<h3 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne">
Whittier Elementary School
</button>
</h3>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#schoolsAccordion">
<div class="accordion-body">
<p><strong>Rating:</strong> 87.5/100 (<a href="https://www.usnews.com/education/k12/illinois/whittier-elementary-school-249318">U.S. News</a>)<br>
<strong>Grades:</strong> K-5<br>
<strong>Enrollment:</strong> 414<br>
<strong>Distance:</strong> 2.3 miles from community entrance<br>
<strong>Principal:</strong> Robert Cerny</p>
<a href="https://www.cusd200.org/o/whittier" target="_blank" class="btn btn-sm btn-outline-success">Visit Website</a>
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
Edison Middle School
</button>
</h3>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#schoolsAccordion">
<div class="accordion-body">
<p><strong>Rating:</strong> 75.69/10 (<a href="https://www.usnews.com/education/k12/illinois/edison-middle-school-262446">U.S. News</a>)<br>
<strong>Grades:</strong> 6-8<br>
<strong>Enrollment:</strong> 674<br>
<strong>Distance:</strong> 2.5 miles from community entrance<br>
<strong>Principal:</strong> Rachel Bednar</p>
<a href="https://www.cusd200.org/o/edison" target="_blank" class="btn btn-sm btn-outline-success">Visit Website</a>
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree">
Wheaton Warrenville South High School
</button>
</h3>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#schoolsAccordion">
<div class="accordion-body">
<p><strong>Rating:</strong> 90.43/10 (<a href="https://www.usnews.com/education/best-high-schools/illinois/districts/community-unified-school-district-200/wheaton-warrenville-south-high-school-7074">U.S. News</a>)<br>
<strong>Grades:</strong> 9-12<br>
<strong>Enrollment:</strong> 1845<br>
<strong>Distance:</strong> 3.1 miles from community entrance<br>
<strong>Principal:</strong> Lorie Campos</p>
<a href="https://www.cusd200.org/o/wheatonwarrenvillesouth" target="_blank" class="btn btn-sm btn-outline-success">Visit Website</a>
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour">
St. Michael Parish School
</button>
</h3>
<div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#schoolsAccordion">
<div class="accordion-body">
<strong>Grades:</strong> Pre-K-8<br>
<strong>Distance:</strong> 2.5 miles from community entrance<br>
<strong>Principal:</strong> Adam Furgson</p>
<a href="https://www.stmichaelschoolwheaton.org/" target="_blank" class="btn btn-sm btn-outline-success">Visit Website</a>
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive">
St. Francis High School
</button>
</h3>
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#schoolsAccordion">
<div class="accordion-body">
<strong>Grades:</strong> 9-12<br>
<strong>Enrollment:</strong> 698<br>
<strong>Distance:</strong> 2.7 miles from community entrance<br>
<strong>Principal:</strong> TBD</p>
<a href="https://www.sfhscollegeprep.org/" target="_blank" class="btn btn-sm btn-outline-success">Visit Website</a>
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix">
Benet Academy High School
</button>
</h3>
<div id="collapseSix" class="accordion-collapse collapse" data-bs-parent="#schoolsAccordion">
<div class="accordion-body">
<strong>Grades:</strong> 9-12<br>
<strong>Enrollment:</strong> 1265<br>
<strong>Distance:</strong> 5.9 miles from community entrance<br>
<strong>Principal:</strong> TBD</p>
<a href="http://www.cusd200.org/Domain/140" target="_blank" class="btn btn-sm btn-outline-success">Visit Website</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- History Section -->
<section id="history" class="py-5 bg-success bg-opacity-10">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2 mb-4 mb-lg-0">
<img src="{% static 'images/header.gif' %}" alt="Community History" class="img-fluid rounded shadow">
</div>
<div class="col-lg-6 order-lg-1">
<h2 class="text-success mb-4">Our Rich History</h2>
<div class="timeline mt-4">
<div class="timeline-item">
<div class="timeline-badge bg-success"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">1977</h4>
</div>
<div class="timeline-body">
<p>Levitt Homes began building the Stonehedge Subdivision.&nbsp; In 1978, Levitt had financial problems and construction was halted for many months until local builders Joe Keim, Ed Keim and Faganel Builders took over the development of the Stonehedge subdivision in South Wheaton. Today these attractive residences are much in demand. The Orchard Cove subdivision was established in 1985 and development began in the Marywood subdivision in 1994.&nbsp; Both Orchard Cove &amp; Marywood were built by Keim.&nbsp; </p>
<p>hese subdivisions offer a variety of spacious, two-story Georgian, Tudor, Victorian and salt box style homes, mixed with a limited number of contemporaries, split levels and ranches.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Local Shopping Section -->
<section id="shopping" class="py-5">
<div class="container">
<h2 class="text-center text-success mb-5">Local Shopping & Dining</h2>
<p class="text-center mb-5">Stonehedge Community Homeowners Association is conveniently located near excellent shopping and dining options to meet all your needs.</p>
<div class="row g-4">
<div class="col-md-6">
<div class="card h-100 shadow-sm">
<img src="{% static 'images/danada.jpeg' %}" class="card-img-top" alt="Greenwood Mall">
<div class="card-body">
<h5 class="card-title">Danada</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>1.0 miles from community</p>
<p class="card-text">Over 10 stores including major department stores, fashion retailers, and specialty shops.</p>
</div>
<div class="card-footer bg-transparent">
<small class="text-muted">Open Mon-Sat 10am-9pm, Sun 11am-7pm</small>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 shadow-sm">
<img src="{% static 'images/downtown_wheaton.jpeg' %}" class="card-img-top" alt="Farmers Market">
<div class="card-body">
<h5 class="card-title">Downtown Wheaton</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>2.7 miles from community</p>
<p class="card-text">Fresh local produce, artisanal foods, and handmade goods every Saturday morning.</p>
</div>
<div class="card-footer bg-transparent">
<small class="text-muted">Saturdays 7am-1pm, May through October</small>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 shadow-sm">
<img src="{% static 'images/wheaton_farmers_market.jpeg' %}" class="card-img-top" alt="Farmers Market">
<div class="card-body">
<h5 class="card-title">Wheaton Farmersmarket</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>2.8 miles from community</p>
<p class="card-text">Fresh local produce, artisanal foods, and handmade goods every Saturday morning.</p>
</div>
<div class="card-footer bg-transparent">
<small class="text-muted">Saturdays 7am-1pm, May through October</small>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 shadow-sm">
<img src="{% static 'images/downtown_naperville.jpeg' %}" class="card-img-top" alt="Dining District">
<div class="card-body">
<h5 class="card-title">Downtown Naperville</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>6.2 miles from community</p>
<p class="card-text">Diverse restaurants featuring Italian, Asian, Mexican, and American cuisine options.</p>
</div>
<div class="card-footer bg-transparent">
<small class="text-muted">Various hours - over 25 restaurants</small>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Parks & Recreation Section -->
<section id="parks" class="py-5 bg-success bg-opacity-10">
<div class="container">
<h2 class="text-center text-success mb-5">Parks</h2>
<div class="row g-4">
<div class="col-lg-6">
<div class="card shadow-sm h-100">
<div class="row g-0 h-100">
<div class="col-md-5">
<img src="{% static 'images/brighton.jpg' %}" class="img-fluid rounded-start h-100" alt="Community Park" style="object-fit: cover;">
</div>
<div class="col-md-7">
<div class="card-body">
<h5 class="card-title">Brighton Park</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>Within SCHA</p>
<ul class="list-group list-group-flush mb-3">
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>Playground</li>
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>Picninc Tables</li>
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>Dogs Allowed</li>
</ul>
<p class="card-text"><small class="text-muted">Open daily from dawn to dusk</small></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-sm h-100">
<div class="row g-0 h-100">
<div class="col-md-5">
<img src="{% static 'images/seven_gables.jpg' %}" class="img-fluid rounded-start h-100" alt="Nature Preserve" style="object-fit: cover;">
</div>
<div class="col-md-7">
<div class="card-body">
<h5 class="card-title">Seven Gables Park</h5>
<p class="card-text"><i class="bi bi-geo-alt-fill text-success me-2"></i>0.5 miles from SCHA</p>
<p>66.5 acres featuring sports fields, tennis courts & an ice rink, plus other recreational facilities.</p>
<ul class="list-group list-group-flush mb-3">
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>Playground</li>
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>Baseball Field</li>
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>Tennis Court</li>
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>BasketballCourt</li>
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>Picninc Tables</li>
<li class="list-group-item"><i class="bi bi-check text-success me-2"></i>Dogs Allowed</li>
</ul>
<p class="card-text"><small class="text-muted">Open daily from 8am to sunset</small></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}