How do I add CSS & JavaScript to ? I want to add the following code in my  section of the front page using a Drupal 8 sub theme of Bartik. 

Can anybody help how to do it? What is the best way to do it in this new twig version of theme? Where is page.tpl?

&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="stepcarousel.js"&gt;&lt;/script&gt;
On you THEME.libraries.yml:

global-styling:
  version: VERSION
  header: true // &lt;--- To the header!!!
  css:
    theme:
      css/mystyle.css: {} // if you want add custom css
  js:
    js/stepcarousel.js: {}
  dependencies:
    - core/drupal // for use drupal.js
    - core/jquery


On you THEME.info.yml:

name: THEME
base theme: Bartik
...
libraries:
  - THEME/global-styling
...


and Clear Cache


  Where is page.tpl?


Here: core/modules/system/templates/page.html.twig

If you want use it, copy to theme folder inside templates, like this:

 THEME
   templates
     page.html.twig


Change all you want and Clear Cache