Footer

<style>
/* CSS Footer Wrapper */
#footer-wrapper{-moz-animation:footer 4s;-webkit-animation:footer 4s;}
@-webkit-keyframes footer{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}
@-moz-keyframes footer{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}
#footer-wrapper{text-align:center;background:#111211;color:#555;padding:20px 20px 0 20px;margin:0 auto}
#footer-last2{color:#555;background:#000;position:relative;display:block;margin:0 auto;padding:20px 20px 15px 20px}
#footer-last2 .maxwrap {position:relative;}
.ascredit{display:block;position:relative;padding:0 0 5px 0;font-size:13px}
.ascredit a {color:rgba(255,255,255,.4);}
.ascredit a:hover {color:rgba(255,255,255,1);}
#footer-last ul:after{content:&quot;.&quot;;visibility:hidden;display:block;height:0;clear:both}
.footer-column{position:relative;margin:20px auto;clear:both;font-size:14px;line-height:24px;overflow:hidden;text-align:left;max-width:920px;}
.footer-column h3{position:relative;margin:0 0 10px 0;font-size:16px;padding:0 0 10px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.9);}
.footer-column h3:after{content:&#39;&#39;;position:absolute;bottom:-2px;left:0;right:0;background:rgba(255,255,255,.3);width:14%;height:2px}
.footer-column h2:before,.footer-column h3:before{font-family:FontAwesome;content:&#39;\f036&#39;;color:inherit;margin:0 8px 0 0;font-size:inherit;font-weight:normal}
.footer-column .footer-menu:nth-child(1) h2:before,.footer-column .footer-menu:nth-child(1) h3:before{content:&#39;\f007&#39;}
.footer-column .footer-menu:nth-child(2) h2:before,.footer-column .footer-menu:nth-child(2) h3:before{content:&#39;\f085&#39;}
.footer-column .footer-menu:nth-child(3) h2:before,.footer-column .footer-menu:nth-child(3) h3:before{content:&#39;\f003&#39;}
.footer-menu{float:left;width:31%;margin:0 20px 20px 0}
.footer-menu ul{margin:0}
.footer-menu ul li a{color:rgba(255,255,255,.4)}
.footer-menu ul li a:hover{color:rgba(255,255,255,1)}
/* Subscribe Footer */
#subscribe-footer{overflow:hidden;margin:0 0 20px 0;width:33.4%}
#subscribe-footer p{margin:1em 0}
#subscribe-footer .emailfooter{margin:auto;text-align:center;}
#subscribe-footer .emailfooter form{margin:0;padding:0;float:left}
#subscribe-footer .emailfooter input{background:rgba(0,0,0,.1);padding:12px;color:rgba(255,255,255,.4);font-size:14px;margin-bottom:10px;border:0;transition:all .3s}
#subscribe-footer .emailfooter input:focus{color:rgba(255,255,255,15);outline:none;}
#subscribe-footer .emailfooter .submitfooter{background:rgba(255,255,255,.11);color:#fff;margin:0 0 0 5px;font-size:14px;cursor:pointer;padding:9px;border:0;border-radius:3px;transition:all .3s}
#subscribe-footer .emailfooter .submitfooter:active,#subscribe-footer .emailfooter .submitfooter:hover{background-color:rgba(255,255,255,.18);color:#fff;}
</style>
<footer id='footer-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPFooter'>
<div id='footer-last'>
<div class='footer-column'>
<div class='footer-menu'>
<h3>Info agussalikur</h3>
<ul class='footer2 line'>
<li><a href='/p/about-agussalikur.html' title='About us'>About</a></li>
<li><a href='/p/disclaimer.html' title='Disclaimer'>Disclaimer</a></li>
<li><a href='/p/privacy-policy.html' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='/p/daftar-isi-agussalikur.html' title='Daftar Isi Blog'>Sitemap</a></li>
</ul>
</div>
<div class='footer-menu'>
<h3>Peralatan</h3>
<ul class='footer2 line'>
<li><a href='/p/css-minifier.html' title='CSS Minifier'>CSS Minifier</a></li>
<li><a href='/p/flat-ui-color.html' title='Kode Warna Flat UI'>Flat UI</a></li>
<li><a href='/p/parse-code-agussalikur.html' title='HTML Converter'>HTML Converter</a></li>
<li><a href='/p/terms-of-service.html' title='Terms of Service'>Terms of Service</a></li>
</ul>
</div>
<div class='footer-menu' id='subscribe-footer'>
<h3>Berlangganan</h3>
<p>Subscribe here to receive new updates</p>
<div class='emailfooter'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=agussalikur beb&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email address&quot;;}' onfocus='if (this.value == &quot;Email address&quot;) {this.value = &quot;&quot;;}' type='text' value='Email address'/>
  <input name='uri' type='hidden' value='ayang beb'/>
  <input name='loc' type='hidden' value='en_US'/>
  <input class='submitfooter' type='submit' value='Submit'/>
</form>
</div>
</div>
</div>
  </div>
<div class='footer-last2' id='footer-last2'>
<div class='maxwrap'>
<div class='ascredit'>
Copyright &#169; <span id='current-year'>2016</span>
<a href='https://agussalikur.blogspot.com/' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'>agussalikur</span></a> All Right Reserved
</div>
<!-- Do not edit or remove credits without our permission : www.arlinadzgn.com -->
<div class='ascredit'>
Template by <a class='agussalikur' href='//www.arlinadzgn.com/' target='_blank' title='Arlina Design'>Arlina Design</a>
</div>
<!-- Do not edit or remove credits without our permission : www.arlinadzgn.com -->
<div class='contact-trigger'><i class='fa fa-envelope-o'/> Contact</div>
</div>
  </div>
  </footer>

Share this

Related Posts

Previous
Next Post »

Countdown

Hai sobat Agussalikur berjumpa kembali ! Kali ini admin berbagi tips seputar blogger dalam topik Time Countdown, kebetulan admin contohkan m...