Difference between revisions of "Template:ICT-Mumbai/basic"

Line 273: Line 273:
 
}
 
}
  
−
footer {
 
−
    padding: 0px 0;
 
−
    background-color: #f8fafa;
 
−
    height: 110px;
 
−
    position:absolute;
 
−
    bottom:-180px;
 
−
    width:100%;
 
−
 
 
  
  
 +
.social-footer {
 +
  padding: 1rem;
 +
  background: #8a8a8a;
 +
  display: -webkit-flex;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-align-items: center;
 +
      -ms-flex-align: center;
 +
          align-items: center;
 +
  -webkit-justify-content: space-between;
 +
      -ms-flex-pack: justify;
 +
          justify-content: space-between;
 
}
 
}
−
#footer-info {
+
 
−
    width: 600px;
+
.social-footer .social-footer-icons li:last-of-type {
−
    float: left;
+
  margin-right: 0;
−
    margin-top: 10px;
+
 
}
 
}
−
#footer-links {
+
 
−
    width: 520px;
+
.social-footer .social-footer-icons .fa {
−
    float: right;
+
  font-size: 1.3rem;
−
}
+
  color: #fefefe;
−
#footer-links ul {
+
−
    width: 150px;
+
−
    float: left;
+
−
    margin-left: 20px;
+
−
}
+
−
#footer-links ul li {
+
−
    margin: 10px 0;
+
 
}
 
}
  
−
.hov{
+
.social-footer .social-footer-icons .fa:hover {
−
    position:relative;
+
  color: #4a4a4a;
−
    z-index:1000;
+
  transition: color 0.3s ease-in;
 
}
 
}
 +
 +
  
 
</style>
 
</style>
Line 825: Line 823:
 
<br>
 
<br>
 
<br>
 
<br>
 +
 +
<footer class="social-footer">
 +
  <div class="social-footer-left">
 +
    <a href="#"><img class="logo" src="https://placehold.it/150x30"></a>
 +
  </div>
 +
  <div class="social-footer-icons">
 +
    <ul class="menu simple">
 +
      <li><a href="https://www.facebook.com/"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
 +
      <li><a href="https://www.instagram.com/?hl=en"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
 +
      <li><a href="https://www.pinterest.com/"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
 +
      <li><a href="https://twitter.com/?lang=en"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
 +
    </ul>
 +
  </div>
 +
</footer>
  
  

Revision as of 06:36, 9 October 2018

Simply