title: Importing css and js files on sinatra
body: <p>Hi im currently creating a small app that uses bootstrap and jquery and im having a little problem regarding importing the css and js files.</p>
  
  <p>this is my layout.erb looks like.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Portfolio&lt;/title&gt;
      &lt;link href="public/css/bootstrap.min.css" rel="stylesheet"&gt;
      &lt;script src="public/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="public/js/jquery-3.1.0.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header&gt;
          &lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
              &lt;div class="container"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Projects &amp; Tutorials&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;The Division Highlights&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;p class="navbar-text navbar-right"&gt;&lt;a href="#" class="navbar-link"&gt;&lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; Login / Signup&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
      &lt;/header&gt;
  
      &lt;section&gt;
          &lt;%= yield %&gt;
      &lt;/section&gt;
  
      &lt;footer&gt;
          &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-footer"&gt;&amp;copy; Copywrite JDG&lt;/div&gt;
          &lt;/div&gt;
          &lt;/footer&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>here is where i configure the files for my views folder</p>
  
  <pre><code>require 'rubygems'
  require 'sinatra'
  require_relative './app'
  
  module Portfolio
  
    class MainRoutes &lt; Sinatra::Base
  
      before do
        @user_authentication = Portfolio::Main
      end
  
      configure do
        set :views          , File.expand_path('../../../Portfolio-FE/views', __FILE__)
        set :root           , File.dirname(__FILE__)
      end
  
      helpers do
        include Rack::Utils
        alias_method :h, :escape_html
      end
  
      get '/' do
        erb :index
      end
    end
  end
  </code></pre>
  
  <p>and this is what my Files looks like.</p>
  
  <p><a href="https://i.stack.imgur.com/wXBqs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wXBqs.png" alt="enter image description here"></a></p>
  
  <p>the css and js is not being imported in the project and i wonder why.</p>
  
  <p>thanks guys.</p>