黑色頁腳二 · 云落的代碼庫

``` <style type="text/css"> /*! CSS Used from: https://demos.famethemes.com/wellness-pro/wp-content/cache/min/43/2cb00ad76ed73aea5e40641d3a3dcfba.css */ footer,section{display:block;} a{background-color:transparent;} a:active,a:hover{outline:0;} *,*:before,*:after{box-sizing:inherit;} a{color:#42caad;text-decoration:none;} a:hover,a:focus,a:active{color:#666;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;} h4{clear:both;color:inherit;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.2;margin-top:0;font-weight:500;margin-bottom:20px;margin-bottom:1.25rem;} h4{font-size:20px;font-size:1.25rem;} ul,p,address{margin-bottom:17px;margin-bottom:1.0625rem;margin-top:0;} .site-footer:before,.site-footer:after,.container::before,.container:after{content:"";display:table;clear:both;} .site-footer:after,.container:after{clear:both;} .container:after{content:"";display:table;table-layout:fixed;} .container{max-width:1220px;margin:0 auto;padding:0 40px;clear:both;position:relative;} @media (max-width:991px){ .container{padding:0 20px;} } @media (max-width:767px){ .container{padding:0 10px;} } .footer-widget-area,.site-footer{color:rgba(255,255,255,.75);} .footer-widget-area a,.site-footer a{color:rgba(255,255,255,.75);} .footer-widget-area a:hover,.site-footer a:hover{color:#42caad;} .footer-widget-area{padding:60px 0 20px;padding:3.75rem 0 1.25rem;background:#273039;} .footer-widget-area .widget-area{float:none;margin-left:10%;margin-right:10%;width:auto;margin-left:0%;margin-right:0%;width:auto;float:none;} @media (min-width:768px){ .footer-widget-area .widget-area{margin-left:15px;margin-right:15px;width:auto;float:none;} } @media (min-width:992px){ .footer-widget-area .widget-area{float:left;margin-right:inherit;margin-left:inherit;width:inherit;} } @media (min-width:992px){ .footer-widget-area .widget-area:nth-child(1):nth-last-child(4),.footer-widget-area .widget-area:nth-child(2):nth-last-child(3),.footer-widget-area .widget-area:nth-child(3):nth-last-child(2),.footer-widget-area .widget-area:nth-child(4):nth-last-child(1){margin-right:3%;width:22.75%;} .footer-widget-area .widget-area:nth-child(4):nth-last-child(1):last-of-type{margin-right:0;} } .site-footer{font-size:15px;font-size:.9375rem;background:#1f272f;padding:20px 0;padding:1.25rem 0;text-align:center;} .site-footer .site-copyright{float:left;} .site-footer .theme-info{float:right;} @media (max-width:991px){ .site-footer .site-copyright{float:none;text-align:center;margin-bottom:15px;} .site-footer .theme-info{float:none;text-align:center;} } .widget{font-size:15px;font-size:.9375rem;margin-bottom:30px;margin-bottom:1.875rem;} .widget:last-child{margin-bottom:0;} .widget .widget-title{color:rgba(39,48,57,.85);margin-bottom:18px;margin-bottom:1.125rem;font-weight:400;} .footer-widget-area .widget .widget-title{color:#FFF;} .widget ul{list-style:outside none none;margin:0;padding:0;} .widget ul>li{border-top:1px solid rgba(39,48,57,.1);padding:9px 0 10px;padding:.5625rem 0 .625rem;} .footer-widget-area .widget{margin-bottom:30px;margin-bottom:1.875rem;} .footer-widget-area .widget ul>li{border-top:1px solid rgba(255,255,255,.05);} .widget_recent_entries ul>li{border-top:none;} .widget_tag_cloud a{border:1px solid rgba(39,48,57,.1);border-radius:2px;display:inline-block;font-size:13px!important;margin-bottom:5px;padding:3px 10px;color:#757575;} .widget_tag_cloud a:hover{border-color:#42caad;color:#42caad;} .footer-widget-area .widget_tag_cloud a{border-color:rgba(255,255,255,.05);color:inherit;} .footer-widget-area .widget_tag_cloud a:hover{border-color:#42caad;color:#42caad;} /*! CSS Used from: Embedded */ body p,body div{font-family:"Roboto";font-weight:400;} h4{font-family:"Roboto";font-weight:500;} </style> <div> <div id="tertiary" class="widget-area footer-widget-area" role="complementary"><div class="container"><div id="widget-area-2" class="widget-area"><section id="text-6" class="widget widget_text"><h4 class="widget-title">About Us</h4><div class="textwidget"><p>Wellness – Health & Wellness WordPress Theme, is a responsive multipurpose WordPress theme for Health, Fitness & Wellness related business.</p> <address> 1600 Amphitheatre Parkway<br> Mountain View <br> CA 94043<br> Call us: <a href="tel:1.800.123.4567">1.800.123.4567</a><br> </address></div></section></div><div id="widget-area-3" class="widget-area"><section id="text-2" class="widget widget_text"><h4 class="widget-title">Opening Hours</h4><div class="textwidget"><p>Our support available to help you 24 hours a day, seven days a week.</p><ul class="hours"><li>Monday-Friday: <span>9am to 5pm</span></li><li>Saturday: <span>10am to 2pm</span></li><li>Sunday: <span>Closed</span></li></ul></div></section></div><div id="widget-area-4" class="widget-area"><section id="recent-posts-3" class="widget widget_recent_entries"><h4 class="widget-title">Recent Posts</h4><ul><li> <a href="https://demos.famethemes.com/wellness-pro/gain-weight-increasing-caloric-intake/">Gain Weight by Increasing your Caloric Intake</a></li><li> <a href="https://demos.famethemes.com/wellness-pro/say-goodbye-thunder-thighs-hello-sexy-legs/">Say Goodbye to Thunder & Hello to Sexy Legs</a></li><li> <a href="https://demos.famethemes.com/wellness-pro/beauty-wellness-tips-rich-famous/">Wellness Tips from the Rich and Famous</a></li><li> <a href="https://demos.famethemes.com/wellness-pro/traveling-can-change-lifestyle/">How Traveling can change your Lifestyle</a></li><li> <a href="https://demos.famethemes.com/wellness-pro/yoga-in-thailand/">Yoga in Thailand</a></li></ul></section></div><div id="widget-area-5" class="widget-area"><section id="tag_cloud-6" class="widget widget_tag_cloud"><h4 class="widget-title">Tags</h4><div class="tagcloud"><a href="https://demos.famethemes.com/wellness-pro/tag/beach/" class="tag-cloud-link tag-link-17 tag-link-position-1" style="font-size: 8pt;" aria-label="Beach (1 item)">Beach</a> <a href="https://demos.famethemes.com/wellness-pro/tag/diet/" class="tag-cloud-link tag-link-16 tag-link-position-2" style="font-size: 8pt;" aria-label="Diet (1 item)">Diet</a> <a href="https://demos.famethemes.com/wellness-pro/tag/exercise/" class="tag-cloud-link tag-link-14 tag-link-position-3" style="font-size: 8pt;" aria-label="Exercise (1 item)">Exercise</a> <a href="https://demos.famethemes.com/wellness-pro/tag/fashion/" class="tag-cloud-link tag-link-18 tag-link-position-4" style="font-size: 8pt;" aria-label="Fashion (1 item)">Fashion</a> <a href="https://demos.famethemes.com/wellness-pro/tag/featured/" class="tag-cloud-link tag-link-23 tag-link-position-5" style="font-size: 11.876923076923pt;" aria-label="featured (2 items)">featured</a> <a href="https://demos.famethemes.com/wellness-pro/tag/fitness/" class="tag-cloud-link tag-link-10 tag-link-position-6" style="font-size: 22pt;" aria-label="Fitness (8 items)">Fitness</a> <a href="https://demos.famethemes.com/wellness-pro/tag/health/" class="tag-cloud-link tag-link-12 tag-link-position-7" style="font-size: 11.876923076923pt;" aria-label="Health (2 items)">Health</a> <a href="https://demos.famethemes.com/wellness-pro/tag/healthy-food/" class="tag-cloud-link tag-link-15 tag-link-position-8" style="font-size: 8pt;" aria-label="Healthy Food (1 item)">Healthy Food</a> <a href="https://demos.famethemes.com/wellness-pro/tag/lifestyle/" class="tag-cloud-link tag-link-13 tag-link-position-9" style="font-size: 19.846153846154pt;" aria-label="Lifestyle (6 items)">Lifestyle</a> <a href="https://demos.famethemes.com/wellness-pro/tag/rich/" class="tag-cloud-link tag-link-21 tag-link-position-10" style="font-size: 8pt;" aria-label="Rich (1 item)">Rich</a> <a href="https://demos.famethemes.com/wellness-pro/tag/startup-day/" class="tag-cloud-link tag-link-11 tag-link-position-11" style="font-size: 8pt;" aria-label="Startup Day (1 item)">Startup Day</a> <a href="https://demos.famethemes.com/wellness-pro/tag/travel/" class="tag-cloud-link tag-link-20 tag-link-position-12" style="font-size: 8pt;" aria-label="Travel (1 item)">Travel</a> <a href="https://demos.famethemes.com/wellness-pro/tag/wellness/" class="tag-cloud-link tag-link-22 tag-link-position-13" style="font-size: 8pt;" aria-label="Wellness (1 item)">Wellness</a> <a href="https://demos.famethemes.com/wellness-pro/tag/yoga/" class="tag-cloud-link tag-link-19 tag-link-position-14" style="font-size: 11.876923076923pt;" aria-label="Yoga (2 items)">Yoga</a></div></section></div></div></div><footer id="colophon" class="site-footer" role="contentinfo"><div class=" site-info"><div class="container"><div class="site-copyright"> Copyright ? 2019 Wellness Pro. All Rights Reserved.</div><div class="theme-info"> Wellness theme by <a href="https://www.famethemes.com/">FameThemes</a>.</div></div></div></footer></div> ``` ## 效果 ![c046b8ed033013f25e43a009eee42b99.png](https://ae05.alicdn.com/kf/U52ea7793ecdb4e388c336a21616fd948Z.png)