File manager - Edit - /home/wwwroot/camplus.hk/econgraph.camplus.hk/public_html/assets/home.zh_hk.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: 20px; 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>此圖顯示有效與無效的價格上限對價格、成交量和總收入的影響。</p> <span>重點概念</span> <ul> <li>價格上限</li> <li>短缺</li> </ul> </div> </div> </div> <div class="card-body"> <h5>價格上限</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_price_ceiling?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>此圖顯示有效與無效的價格下限對價格、成交量和總收入的影響。</p> <span>重點概念</span> <ul> <li>價格下限</li> <li>盈餘</li> </ul> </div> </div> </div> <div class="card-body"> <h5>價格下限</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_price_floor?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>此圖顯示有效與無效的配額對價格、成交量和總收入的影響。</p> <span>重點概念</span> <ul> <li>配額</li> </ul> </div> </div> </div> <div class="card-body"> <h5>配額</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_quota?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>此圖顯示在不同需求價格彈性下的從量稅對價格、成交量和總收入的影響。</p> <span>重點概念</span> <ul> <li>從量稅</li> </ul> </div> </div> </div> <div class="card-body"> <h5>從量稅</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_per_unit_tax?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>此圖顯示在不同需求價格彈性下的消費者和生產商從量稅負擔。</p> <span>重點概念</span> <ul> <li>從量稅</li> <li>從量稅負擔</li> </ul> </div> </div> </div> <div class="card-body"> <h5>從量稅負擔</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/tax_burden?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>此圖顯示在不同價格彈性下的從量津貼對價格、成交量和總收入的影響。</p> <span>重點概念</span> <ul> <li>從量津貼</li> </ul> </div> </div> </div> <div class="card-body"> <h5>從量津貼</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/econ_effect_per_unit_subsidy?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>此圖顯示在不同價格彈性下的消費者和生產商分享的從量津貼得益。</p> <span>重點概念</span> <ul> <li>從量津貼</li> <li>津貼得益分配</li> </ul> </div> </div> </div> <div class="card-body"> <h5>從量津貼得益</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/share_of_subsidy?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>此圖顯示價格上限對消費者盈餘、生產者盈餘和凈損失的影響。</p> <span>重點概念</span> <ul> <li>價格上限</li> <li>消費者盈餘</li> <li>生產者盈餘</li> <li>凈損失</li> </ul> </div> </div> </div> <div class="card-body"> <h5>價格上限的經濟效益</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/effective_price_ceiling?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>此圖顯示價格下限對消費者盈餘、生產者盈餘和凈損失的影響。</p> <span>重點概念</span> <ul> <li>價格下限</li> <li>消費者盈餘</li> <li>生產者盈餘</li> <li>凈損失</li> </ul> </div> </div> </div> <div class="card-body"> <h5>價格下限的經濟效益</h5> <div class="d-flex justify-content-between align-items-center"> <a href="/#/effective_price_floor?lang=zh_hk" class="btn btn-sm btn-outline-secondary">檢視</a> <small class="text-muted">圖 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>版權所有 (c) 2020 教育局</p> </div> </footer>
| ver. 1.4 |
Github
|
.
| PHP 7.2.34 | Generation time: 0.11 |
proxy
|
phpinfo
|
Settings