{% extends 'base.html.twig' %}

{% block title %}Swimming Pool Comparisons | {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>

        .rowrelative {
            /*position: relative;*/
        }

        .centertextverticaltoleft {
            /*position: absolute !important;*/
            /*top: 50%;*/
            /*transform: translate(0, -50%);*/
            font-weight: 900;
        }

        /* CSS smallest */
        @media (min-width: 0px) {

            .fiberglass {
                background-color: rgba(38, 92, 242, 0.4);
            }

            .concrete {
                background-color: rgba(178, 178, 178, 0.4);
            }

            .vinyl {
                background-color: rgba(184, 25, 25, 0.3);
            }

        }

        /* NAV CSS tablet */
        @media (min-width: 768px) {

            .row {
                padding: 5px 0;
            }

            .fiberglass {
                background-color: transparent;
            }

            .concrete {
                background-color: transparent;
            }

            .vinyl {
                background-color: transparent;
            }

        }
    </style>
{% endblock %}

{% block body %}
    <h1>Fiberglass VS Concrete VS Vinyl Swimming Pools</h1>
    <p>Here's a chart comparing Fiberglass, Concrete (Gunite) and Vinyl Liner pools. We've put the data together so that you can weigh the benefits of buying a Fiberglass pool for yourself. If you have questions or wish to inquire about a pool, please call <a href="tel:6148907665">614.890.POOL</a> or <a href="quote-request.php">send an inquiry</a>.</p>
    <div class="row justify-content-center">
        <div class="col-3 col-md-2 align-middle"></div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass" style="font-weight:900;">Luxury Fiberglass Pool</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete" style="font-weight:900;">Concrete Pool</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl" style="font-weight:900;">Vinyl Liner Pool</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative bg-info">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Warranty
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">35 years by Luxury and backed by the Manufacturer</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">1-5 years by contractor</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Liner seams only</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Installation Time
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">5-13 days installation, ready for decking using few (if any) subcontractors.</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">8-12 weeks using many different subcontractors.</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">2-3 weeks using few subcontractors.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative bg-info">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Shapes of Pools
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Limited to the models of the manufacturer.</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Unlimited</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Limited to the models of the manufacturer.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Price of Pools
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Average</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">High</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Average</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative bg-info">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Estimated Chemical Usage
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Surface does not alter water's chemical balance. Substantially fewer chemicals used.</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Plaster reacts with water to raise pH levels. Uses substantially more acid & chlorine to counterbalance this chemical reaction.</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Surface does not alter water's chemical balance. Substantially fewer chemicals used.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Estimate Electricity Use
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Circulate water 4-6 hours daily.</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Circulate water 8-10 hours daily.</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Circulate water 5-7 hours daily.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative bg-info">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Surface Texture
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Smooth, non-abrasive to skin or swim suits, walking and seating areas are textured for slip resistance.</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Rough, causes skin abrasions to feet, hands and swim wear.</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Slippery, easily punctured or torn by toys, pets, or surfacing rocks.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Algae Penetration
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Algae sweeps off with wall brush.</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Algae grows and is harbored in pores of gunite. Acid baths and scrubbing required to remove algae.</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Seams of liner harbor algae.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative bg-info">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Estimated Maintenance Time
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">1/2 hour per week maximum</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">4-5 hours per week</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">2-3 hours per week</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Major Renovation
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">None</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Re-marcite or re-plaster at 5-7 years.</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Vinyl Liner needs to be replaced every 7- 9 years.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative bg-info">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Stairs and Seating
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Built into pool shell.</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Optional & Additional Cost.</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Optional & Additional Cost.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Quality Control
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Manufactured in environmentally controlled factory under stringent quality control standards.</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Manufactured on-site. No environmental control.</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Kit manufactured in factory. Quality of on-site assembly varies by installer and weather.</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative bg-info">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Type of Coping
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Fiberglass, Concrete, or Pavers</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Concrete</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Aluminum (which easily corrodes)</div>
            </div>
        </div>
    </div>
    <div class="row rowrelative">
        <div class="col-3 col-md-2 align-middle centertextverticaltoleft">
            Loan Acceptance
        </div>
        <div class="col-9 col-md-10">
            <div class="row">
                <div class="col-2 d-md-none fiberglass">(F)</div>
                <div class="col-10 col-md-4 fiberglass">Excellent</div>
                <div class="col-2 d-md-none concrete">(C)</div>
                <div class="col-10 col-md-4 concrete">Good</div>
                <div class="col-2 d-md-none vinyl">(V)</div>
                <div class="col-10 col-md-4 vinyl">Fair</div>
            </div>
        </div>
    </div>
{% endblock %}