Merge pull request #34 from beprodeep4718/footer-branch

footer modified #27

assets/css/templatemo-edu-meeting.css

@@ -1466,8 +1466,8 @@ section.contact-us .right-info ul li span {
 .footer {
   text-align: center;
   margin-top: 140px;
-  border-top: 1px solid rgba(250,250,250,0.15);
-  padding: 50px 0px;
+  padding-top: 50px;
+  background-color: #a12c2f;
 }
 .footer p {
   text-transform: uppercase;
@@ -1478,7 +1478,114 @@ section.contact-us .right-info ul li span {
 .footer p a {
   color: #f5a425;
 }
+.copyright {
+  border-top: 1px solid rgba(250,250,250,0.15);
+  padding: 20px 0;
+  background-color: #191a2039;
+}
+.cont {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 0 3.5rem;
+  margin-bottom: 20px;
+}
+.row {
+  display: flex;
+  justify-content: space-between;
+  align-items: start;
+}
+.col {
+  color: white;
+  min-width: 200px;
+  padding: 0 1rem !important; 
+  text-align: start;
+}
+.col .links a {
+  display: block;
+  text-decoration: none;
+  color: #f2f2f2;
+  position: relative;
+  margin-bottom: 5px;
+  transition: .5s ease;
+}
+.col .links a::before {
+  content: "";
+  position: absolute;
+  height: 16px;
+  width: 3px;
+  background-color: #F5A425;
+  top: 5px;
+  left: -10px;
+  opacity: 0;
+  transition: .2s ease;
+}
+.col .links a:hover::before {
+  opacity: 1;
+}
+.col .links a:hover {
+  transform: translateX(-6px);
+  color: #F5A425;
+}
+.col .contact-details {
+  display: flex;
+  align-items: center;
+  margin-bottom: 5px;
+}
+.col .contact-details i {
+  margin-right: 5px;
+}
+
+
+#company .logo {
+  margin-bottom: 25px;
+  display: block;
+  font-size: 2rem;
+  text-transform: uppercase;
+  color: white;
+  font-weight: 600;
+  letter-spacing: 1px;
+}
+#company {
+  flex-basis: 20rem;
+}
+.col h3 {
+  margin-bottom: 20px;
+  position: relative;
+  cursor: pointer;
+  color: #f5a425;
+}
+.col h3::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 3px;
+  width: 0;
+  background-color: white;
+  transition: .5s ease;
+}
 
+.col h3:hover::after {
+  width: 50%;
+}
+#company .social-links {
+  display: flex;
+  gap: 20px;
+}
+#company .social-links a {
+  margin: 0;
+  margin-top: 20px;
+  color: white;
+}
+#company .social-links a i {
+  font-size: 1.5rem;
+  transition: .2s;
+}
+#company .social-links a:hover i{
+  transform: scale(2);
+}
 
 /*
 ---------------------------------------------

index.html

@@ -953,8 +953,61 @@ <h6>Website URL</h6>
       </div>
     </div>
     <div class="footer">
-      <p>Copyright © 2022 Edu Meeting Co., Ltd. All Rights Reserved. 
-          <br>Design: <a href="https://templatemo.com" target="_parent" title="free css templates">TemplateMo</a></p>
+      <div class="cont">
+        <div class="row">
+          <div class="col" id="company">
+            <a href="index.html" class="logo">
+              <span  style="color: rgb(10, 226, 255); font-weight: bolder;">IRIS</span>-Smart Tutor
+            </a>
+            <p>This is a Smart Tutor Project made by <br> Sayandip Paul And Arka Mandal For Soft-code Hackathon.</p>
+            <div class="social-links">
+              <a href="https://www.facebook.com/sayandip.paul.54/"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>
+              <a href="https://www.linkedin.com/in/arka-mandal-9373b8253/"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a>
+            </div>
+          </div>
+          <div class="col" id="services">
+            <h3>Services</h3>
+            <div class="links">
+              <a href="#courses">courses</a>
+              <a href="#apply">To-Do list</a>
+              <a href="#courses">Course study time-table</a>
+            </div>
+          </div>
+          <div class="col" id="useful-links">
+            <h3>Links</h3>
+            <div class="links">
+              <a href="">Home</a>
+              <a href="">Courses</a>
+              <a href="">Quiz/Practice</a>
+              <a href="">Upcoming Tasks</a>
+              <a href="">Contact-us</a>
+            </div>
+          </div>
+          <div class="col" id="contact-us">
+            <h3>Contact</h3>
+            <div class="contact-details">
+              <i class="fa fa-phone" aria-hidden="true"></i>
+              <p>010-020-0340</p>
+            </div>
+            <div class="contact-details">
+              <i class="fa fa-envelope" aria-hidden="true"></i>
+              <p>[email protected]</p>
+            </div>
+            <div class="contact-details">
+              <i class="fa fa-map-marker" aria-hidden="true"></i>
+              <p>Rio de Janeiro - RJ, 22795-008, Brazil</p>
+            </div>
+            <div class="contact-details">
+              <i class="fa fa-link" aria-hidden="true"></i>
+              <p>www.meeting.edu</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="copyright">
+        <p>Copyright © 2022 Edu Meeting Co., Ltd. All Rights Reserved. 
+            <br>Design: <a href="https://templatemo.com" target="_parent" title="free css templates">TemplateMo</a></p>
+      </div>
     </div>
   </section>