# Footer / 頁尾</font>

###### tags: `HyUI`

檔案名稱：sass/modual/_footer.scss

<iframe height="400" style="width: 100%;" scrolling="no" title="Footer / 頁尾" src="https://codepen.io/u00hyui/embed/jOBErqy?height=265&theme-id=dark&default-tab=html,result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/u00hyui/pen/jOBErqy'>Footer / 頁尾</a> by u00hyui
(<a href='https://codepen.io/u00hyui'>@u00hyui</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

## HTML範本

<!-- footer Start-->
<footer>
    <div class="container">
        <a class="accesskey" href="#aZ" id="aZ" accesskey="Z" title="頁尾區">:::</a>
        <div class="footer_logo">
            <img src="images/logo.png" alt="" class="img-responsive">
        </div>
        <div class="footer_info">
            <ul class="footer_link">
                <li><a href="javascript:;">隱私權政策</a></li>
                <li><a href="javascript:;">網站安全政策</a></li>
                <li><a href="javascript:;">政府網站資料開放宣告</a></li>
            </ul>
            <p class="Copyright"> Hyweb Technology Co., Ltd.© 2015 All Rights Reserved</p>
            <p> 總公司：新竹縣竹北市台元一街8號5樓之6TEL：[phone] <br /> 台北分公司：台北市重慶南路二段51號5樓 TEL：[phone] <br /> 台中分公司：台中市西屯區臺灣大道三段658號6樓A1 TEL：[phone] <br /> 高雄分公司：高雄市新興區中正三路55號26樓之5 TEL：[phone] </p>
            <span class="update">更新日期:<em>2018/01/01</em></span>
            <span class="counter">累計瀏覽人次:<em>46476653</em></span>
        </div>
        <div class="footer_icon">
            <a target="_blank" href="javascript:;" title="另開視窗">
                <img src="images/basic/accessibility.jpg" alt="">
            </a>
            <a target="_blank" href="javascript:;" title="另開視窗">
                <img src="images/basic/egov.png" alt="">
            </a>
        </div>
    </div>
</footer>
<!-- footer End -->

<style>
.ui-infobar{
max-width:95%;
}
.markdown-body{
max-width:95%;
}
</style>