title: How to create a one-page website?
body: <p>I am fairly new to webpage designing and to learn about website layouts I was browsing YouTube and I came across <a href="http://www.youtube.com/watch?v=bKrY0o_3TqU" rel="nofollow">this video</a> where the vlogger explains his top 5 favorite website designs.  </p>
  
  <p>At time <code>1:44</code> he begins talking of one-page designs and talks about <a href="https://www.splitsecnd.com/" rel="nofollow">SplitSecnd</a>. I like the way their background is designed.  </p>
  
  <p>I know how to give <code>div</code> elements a different background image or color but I want to know how can I create a similar or replicate their background ? Their background has image and a triangle cut out of it and then a new section begins :)  </p>
  
  <p>Any help on that would be appreciated. I would appreciate an explanation with some sample code :)  </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;title&gt; Lot of Divs &lt;/title&gt;
  &lt;style&gt;
  
      body{
          margin: 0;
          padding: 0;
      }
      .content{
          width: 1280px;
          height: 800px;
          font-family: "Courier New",monospaced;
          font-size: 18px;
          color: white;
      }
      #div1{
          background-image: url("../img/mentalist-1.jpg");
          background-repeat: no-repeat;
          margin: 0;
          padding: 0;
      }
      #div2{
          background-image: url("../img/prisonbreak-1.jpg");
          background-repeat: no-repeat;
          margin: 0;
          padding: 0;
      }
      p{
          text-align: justify;
      }
  &lt;/style&gt;
  &lt;body&gt;
      &lt;div class = "content" id="div1"&gt;
          &lt;p&gt;
              An infamous 'psychic' abandons his public persona, outing himself as a fake, to focus on his work as a consultant 
              for the California Bureau of Investigation in order to find "Red John," the madman who killed his wife and daughter.
          &lt;/p&gt;
      &lt;/div&gt;
      &lt;div class = "content" id="div2"&gt;
          &lt;p&gt;
              Structural Engineer Michael Scofield turns himself in to the Fox River Penitentiary in order to break out his brother Lincoln Burrows, 
              who is on death row for the murder of the Vice President's brother. 
              But Lincoln was set up by some of the Company (an agency formed by corrupt government officials) guys, 
              headed by General Jonathan Krantz. Michael breaks out from Fox River with his brother Lincoln and other convicts
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;  
  </code></pre>
  
  <p>What I am trying to achieve is:<br>
  <li> background style similar to that of SplitSecnd </li>
  <li> Get the two omages in the background to stick together (no white spaces at the bottom) </li></p>