import React from "react";
import "./footers.css";
import MyClock from "../clock/Myclock";
import MyCalander from "../calander/calander";
export default function Footer() {
	return (
		<>
			<footer className="footer shadow-lg">


				<div className="container">

					<div className="row justify-content-around">
						<div className="footer-col">
							<h4>Sections</h4>
							<ul>
								<li><a href="#">about us</a></li>
								<li><a href="#">our services</a></li>
								<li><a href="#">privacy policy</a></li>
								<li><a href="#">Give a Feedback</a></li>
							</ul>
						</div>

						<div className="footer-col">
							<MyClock />
						</div>

						<div className="footer-col">
							<MyCalander />
						</div>


					</div> 
					<hr />
					<div className="row justify-content-around">
						<div className="footer-col">
							<h5>Copyright 222 © SLIIT-AF. All Rights Reserved.</h5>
						</div>


						<div class="footer-col">
							<h4>follow us</h4>
							<div class="social-links"> 
								<a href="https://www.facebook.com/sliit.lk/"><i class="fab fa-facebook-f"></i></a>
								<a href="https://twitter.com/sliitinfo?lang=en"><i class="fab fa-twitter"></i></a>
								<a href="https://www.instagram.com/sliit.life/?hl=en"><i class="fab fa-instagram"></i></a>
								<a href="https://www.linkedin.com/school/sliit/?originalSubdomain=lk"><i class="fab fa-linkedin-in"></i></a>
							</div>
						</div>
					</div>
				</div>
			</footer>

		</>
	);
}
