title: Managing back office and front office of website
body: <p>I'm working to a project and my aim is to create an <strong>html page</strong> to view the train/bus/tram timeboards. </p>
  
  <p>So there is one <code>html</code> page for <strong>back-office</strong>(for the company) and one page for <strong>front-office</strong>(for the customers). </p>
  
  <p>The company wants to change files in the page (pdf/links that can be viewed inpage) from back-office. </p>
  
  <p>How can i <strong>manage the informations</strong> between back-office and front-office by using some simple stuff/programming languages?
  Anyone has an idea?</p>
  
  <p>Substantially I want to do something like this for front-office view:</p>
  
  <p><a href="http://codepen.io/anon/pen/NGxrQp" rel="nofollow noreferrer">http://codepen.io/anon/pen/NGxrQp</a> <code>&lt;--Check this</code></p>
  
  <p>OR</p>
  
  <p><a href="http://jsbin.com/mawevuwi/1#tab4" rel="nofollow noreferrer">http://jsbin.com/mawevuwi/1#tab4</a></p>
  
  <p>And then something more simple for back-office. </p>
  
  <p>PS: I'm new at stackoverflow and sorry for my bad english explanation.</p>