title: Routing in static html landing page
body: <p>I have a small portfolio landing page based on js/css/html. No frameworks/CMS, just pure static html. Entry point is <code>index.html</code> file with content on English language. </p>
  
  <p>I want to use translations on my site: <code>index.ru.html</code>, <code>index.ua.html</code>, but I don't want to see any <code>*.html</code> or <code>index.ua</code> in the address bar. User can change a language by buttons on top of my page.</p>
  
  <p>How can I route:</p>
  
  <ol>
  <li><code>http://mysite/en</code> to display <code>index.html</code> - first enter to site</li>
  <li><code>http://mysite/ru</code> to display <code>index.ru.html</code></li>
  <li><code>http://mysite/ua</code> to display <code>index.ua.html</code></li>
  </ol>
  
  <p>?</p>
  
  <p>Also can I route to specific div/section html tag: user enter <code>http://mysite/ru/contacts</code> to display contacts section in <code>index.ru.html</code>? Scrolling page also must change url... is it real or not?</p>
  
  <p>Maybe I need to use micro-framework for my small needs?   </p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Found good example on this site - <a href="http://www.even.lv/" rel="nofollow">http://www.even.lv/</a></p>