Split website page on two parts with diagonal line <p>I'm building a website and my home page(index) needs to be splitted on two parts. Left(white) and Right(blue). So both sides needs to be links and to have hover effect. For example, when I hover on right side it should be a little bit extended.</p> <p>So my question is: How can I split page on two parts with diagonal line and made them links?</p> <p><img src="https://i.stack.imgur.com/IgqAu.jpg" alt="Wireframe Image"></p>