html 页眉和页脚导航HTML

Posted 2021-05-11

<div class="link_set">
    <ul>
        <li><a href="pricing.html">Pricing</a></li>
        <li><a href="how-to-switch.html">How to Switch</a></li>
        <li><a href="accessories.html">Accessories</a></li>
        <li><a href="apps.html">Apps</a></li>
        <li><a href="support.html">Support</a></li>
        <li><a href="#">Helpful Tips</a></li>
        <li><a href="blog.html">Blog</a></li>
    </ul>
</div>
<div class="link_set">
    <p><a href="point-of-sale.html">Point of Sale</a></p>
    <ul>
        <li><a href="clover-station.html">Clover Station</a></li>
        <li><a href="clover-mini.html">Clover Mini</a></li>
        <li><a href="clover-flex.html">Clover Flex</a></li>
        <li><a href="clover-mobile.html">Clover Mobile</a></li>
        <li><a href="clover-go.html">Clover Go</a></li>
        <li><a href="fd-130.html">FD 130</a></li>
    </ul>
</div>
<div class="link_set">
    <p><a href="#">Business Solutions</a></p>
    <ul>
        <li><a href="professional-services.html">Professional Services</a></li>
        <li><a href="food-beverage.html">Food &amp; Beverage</a></li>
        <li><a href="retail-goods.html">Retail Goods</a></li>
        <li><a href="convenience-store.html">Convenience Store</a></li>
        <li><a href="in-store.html">In-Store</a></li>
        <li><a href="on-the-go.html">On-the-Go</a></li>
        <li><a href="e-commerce.html">E-commerce</a></li>
    </ul>
</div>
<div class="link_set">
    <p><a href="marketing.html">Marketing Solutions</a></p>
    <ul>
        <li><a href="marketing.html#cloverinsights">Clover Insights</a></li>
        <li><a href="marketing.html#clovergiftcards">Clover Gift Cards</a></li>
        <li><a href="marketing.html#cloverrewards">Clover Rewards</a></li>
        <li><a href="security.html">Clover Security</a></li>
    </ul>
</div>

<ul class="p_nav_1">
    <li><a href="#">Solutions<img src="/etc/designs/cs/samsclubms/clientlib-site/img/v2-images/down-arrow.svg"
                                  onerror="this.src='/etc/designs/cs/samsclubms/clientlib-site/img/v2-images/down-arrow.png';this.onerror=null;"
                                  alt="down arrow"/></a>
        <div class="dropdown_nav solutions_nav">
            <div class="dropdown_nav_floats">
                <p class="down_arrow">All Solutions</p>
                <ul class="">
                    <!--<li><a href="#">Overview</a></li>-->
                    <li><a href="point-of-sale.html">Point Of Sale</a></li>
                    <li><a href="payment-processing.html">Payment Processing</a></li>
                    <li><a href="marketing.html">Marketing</a></li>
                    <li><a href="e-commerce.html">E-commerce</a></li>
                    <li><a href="on-the-go.html">On-the-Go</a></li>
                    <li><a href="security.html">Security</a></li>
                </ul>
            </div>
            <div class="dropdown_nav_floats">
                <p class="down_arrow">Solutions By Industry</p>
                <ul class="">
                    <li><a href="professional-services.html">Professional Services</a></li>
                    <li><a href="food-beverage.html">Food &amp; Beverage</a></li>
                    <li><a href="retail-goods.html">Retail Goods</a></li>
                    <li><a href="convenience-store.html">Convenience Stores</a></li>
                </ul>
            </div>
            <div class="dropdown_nav_floats">
                <p class="down_arrow">Solutions By Business Type</p>
                <ul class="">
                    <li><a href="in-store.html">In-Store</a></li>
                    <li><a href="on-the-go.html">On-the-Go</a></li>
                    <li><a href="e-commerce.html">E-commerce</a></li>
                </ul>
            </div>
        </div>
    </li>
    <li><a href="pricing.html">Pricing</a>
    </li>
</ul>
<ul class="p_nav_2">
    <li><a href="how-to-switch.html">How to Switch</a></li>
    <li><a href="support.html">Support</a></li>
</ul>
<ul class="p_nav_3">
    <li><a href="#">Resources<img src="/etc/designs/cs/samsclubms/clientlib-site/img/v2-images/down-arrow.svg"
                                  onerror="this.src='/etc/designs/cs/samsclubms/clientlib-site/img/v2-images/down-arrow.png';this.onerror=null;"
                                  alt="down arrow"/></a>
        <div class="dropdown_nav resources-nav">
            <ul>
                <li><a href="#">Helpful Tips</a></li>
                <li><a href="blog.html">Blog</a></li>
            </ul>
        </div>
    </li>
</ul>