title: two divs split with diagonal line - CSS
body: <p>I am trying to get two divs to fit the full width of the page but split in half with a diagonal line.</p>
  
  <p><img src="https://i.stack.imgur.com/Cbo59.png" alt="example of what i want it to look like"></p>
  
  <p>How can I achieve this with two divs through CSS? it is for a slider and needs content added to each part when finished</p>