File manager - Edit - /home/wwwroot/camplus.hk/econgraph.camplus.hk/public_html/assets/home.en_us.html
Back
<style> .image-wrap { position: relative; } .image { display: block; width: 100%; height: auto; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(96, 125, 139, 0.8); } .image-wrap:hover .overlay { opacity: 1; } .text { color: white; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: left; width: 80%; } </style> <div class="album py-5 bg-light"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/price_ceiling.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram illustrates the difference between an ineffective price ceiling and an effective price ceiling, as well as their effects on the price, quantity and total revenue.</p> <span>Concepts involved:</span> <ul> <li>Price Ceiling</li> <li>Shortage</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Price Ceiling</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_price_ceiling?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 1.1</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/price_floor.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram illustrates the difference between an ineffective price floor and an effective price floor, as well as their effects on the price, quantity and total revenue.</p> <span>Concepts involved:</span> <ul> <li>Price Floor</li> <li>Surplus</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Price Floor</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_price_floor?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 1.2</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/quota.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram illustrates the difference between an ineffective quota and an effective quota, as well as their effects on the price, quantity and total revenue.</p> <span>Concepts involved:</span> <ul> <li>Quota</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Quota</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_quota?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 1.3</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/per_unit_tax.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram illustrates the various effects of a per-unit tax on the price, quantity and total revenue based on the different elasticities of the demand curves.</p> <span>Concepts involved:</span> <ul> <li>Per-unit Tax</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Per-unit Tax</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_per_unit_tax?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 1.4</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/tax_burden.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram illustrates the tax burden of a per-unit tax that is shared between consumers and producers based on the different elasticities.</p> <span>Concepts involved:</span> <ul> <li>Per-unit Tax</li> <li>Tax Burden</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Tax Burden</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/tax_burden?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 1.5</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/per_unit_subsidy.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram illustrates the effects of a per-unit subsidy on the price, quantity and total revenue based on the different elasticities of the demand curves.</p> <span>Concepts involved:</span> <ul> <li>Per-unit Subsidy</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Per-unit Subsidy</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_per_unit_subsidy?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 1.6</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/share_subsidy.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram illustrates the sharing of a subsidy between consumers and producers based on the different elasticities.</p> <span>Concepts involved:</span> <ul> <li>Per-unit Subsidy</li> <li>Sharing of Subsidy</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Share of Subsidy</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/share_of_subsidy?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 1.7</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/price_ceiling_efficiency.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram shows the consumer surplus, producer surplus and deadweight loss that is formed from an effective price ceiling.</p> <span>Concepts involved:</span> <ul> <li>Price Ceiling</li> <li>Consumer Surplus</li> <li>Producer Surplus</li> <li>Deadweight Loss</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Efficiency of Price Ceiling</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/effective_price_ceiling?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 2.1</small> </div> </div> </div> </div> <div class="col-md-4"> <div class="card mb-4 box-shadow"> <div class="image-wrap"> <img class="card-img-top image" src="assets/images/price_floor_efficiency.png" alt="Card image cap"> <div class="overlay"> <div class="text"> <p>This diagram shows the consumer surplus, producer surplus and deadweight loss that is formed from an effective price floor.</p> <span>Concepts involved:</span> <ul> <li>Price Floor</li> <li>Consumer Surplus</li> <li>Producer Surplus</li> <li>Deadweight Loss</li> </ul> </div> </div> </div> <div class="card-body"> <h5>Efficieny of Price Floor</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/effective_price_floor?lang=en_us" class="btn btn-sm btn-outline-secondary">View</a> <small class="text-muted">Figure 2.2</small> </div> </div> </div> </div> </div> </div> </div> <footer class="text-muted"> <div class="container"> <p class="float-right"> <a href="#">Back to top</a> </p> <p>Copyright (c) 2020 Education Bureau</p> </div> </footer>
| ver. 1.4 |
Github
|
.
| PHP 7.2.34 | Generation time: 0.16 |
proxy
|
phpinfo
|
Settings