HTML
<![CDATA[
<footer> <!-- Semantic HTML for a footer element -->
<section id="footer_left"> <!-- Left section of the footer -->
<p>© Pattern Library 2018</p> <!-- Section text -->
</section>
<section id="footer_right"> <!-- Right section of the footer -->
<img class="footer_icons" alt="social_media_icon" src="facebook_icon.png" /> <!-- Social Media Icon -->
<img class="footer_icons" alt="social_media_icon" src="insta_icon.png" /> <!-- Social Media Icon -->
<img class="footer_icons" alt="social_media_icon" src="twitter_icon.png" /> <!-- Social Media Icon -->
<img class="footer_icons" alt="social_media_icon" src="linkedin_icon.png" /> <!-- Social Media Icon -->
</section>
</footer>
]]>
CSS
<![CDATA[
footer {
min-width: 1345px;
margin: 0 auto;
width: 70%;
height: 5em;
background-color: gray;
}
#footer_left {
width: 40%;
float: left;
}
#footer_right {
padding-top: 23px;
padding-right: 15px;
width: 40%;
float: right;
}
.footer_icons {
float: right;
padding-left: 15px;
display: inline-block ;
height: 2em;
width: 2em;
cursor: pointer;
}
]]>