Alternative Footer to replace the original footer ads on Weebly

alternative-footer.tpl

{{!
	The structure for the alternative footer displayed at the bottom of every page.
}}

<div>
	  <p class="copyright" id="copyright"></p>
	  <div align="center">
        <p class="copyright">
		  <a href="http://weeblyin3min.weebly.com" style="color: white;"> 首頁 &nbsp</a> |
		  <a href="http://weeblyin3min.weebly.com/about.html" style="color: white;">&nbsp 關於我們 &nbsp</a> |
          <a href="http://weeblyin3min.weebly.com/hank-chans-blog" style="color: white;">&nbsp 攻略 &nbsp</a> |
          <a href="http://weeblyin3min.weebly.com/slides.html" style="color: white;">&nbsp Slides &nbsp</a> |
		  <a href="http://weeblyin3min.weebly.com/forum.html" style="color: white;">&nbsp 討論版 &nbsp</a>
		</p>
      </div> 
	  
	  
	  <div class="middle-footer-wrapper">
	    <div id="footer-image-block">
		  <img id="footer-image" src="http://weeblyin3min.weebly.com/files/theme/Weebly-logo.png">
		</div>
		
		<div id="social-share-block">
		  <div id="social-share-wrapper">
		  <!-- Facebook Share -->
		  <iframe id="fb-likes" style="margin-top: 5px;" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fweeblyin3min.weebly.com%2F&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80"
		  scrolling="no" frameborder="0" allowTransparency="true">
		  </iframe>
		  <br>
		  <!-- Line Share -->
		  <div class="line-it-button" data-lang="en" data-type="share-a" data-url="http://weeblyin3min.weebly.com" style="display: none;">
		  </div>
		  <div class="line-it-button" data-lang="en" data-type="like" data-url="http://weeblyin3min.weebly.com" data-share="true" style="display: none;">
		  </div>
		  </div>
        </div>
		
	  </div>
	  <p class="license">Except where otherwise noted, contents on this site is licensed under the 
		<a href="https://creativecommons.org/licenses/by-sa/3.0/" style="color: white; border-bottom: thin solid grey;">Creative Commons Attribution Share-Alike License v3.0</a>
		or any later version.
      </p>
</div>

main.less

/* Footer Code, including fb-likes ------------------------------------------------------------
----------------------------------*/
#footer-alternative {
  background-color: #333333;
  margin-bottom: 0;
}

.copyright {
  font-size: 16px;
  text-align: center;
  color: white;
}

.middle-footer-wrapper {
  width: 100%; 
  height: 160px; 
}

#footer-image-block {
  border: none;
  width: 45%; 
  display: inline-block;
}

#footer-image {
  width: 100px;
  height: 100px;
  float: right;
  margin-bottom: 50px !important;
  margin-right: 30px;
}

#social-share-block {
  border: none;
  width: 45%;
  overflow: hidden;
  display: inline-block;
}

#social-share-wrapper {
  float: left;
  height: 150px;
  margin-top: 20px;
  margin-left: 30px;
}

@media screen and (max-width: 450px) {
  #footer-image {
    margin-right: 20px;
  }
  
  #social-share-wrapper {
    margin-left: 20px;
  }
}

@media screen and (max-width: 320px) {
  #footer-image {
    margin-right: 15px;
  }
  
  #social-share-wrapper {
    margin-left: 15px;
  }
}


#fb-likes {
  height: 60px;
  width: auto;
  position: relative;
  margin: auto;
}

.license {
  display: block;
  margin: auto;
  text-align: center;
  font-size: 16px;
  width: 80%;
  color: white;
}