diff --git a/app/app.py b/app/app.py
index dd86943..81cdd9f 100644
--- a/app/app.py
+++ b/app/app.py
@@ -13,9 +13,9 @@
 # Specify the folder from which Flask will serve static files
 app.static_folder = 'static'
 
-@app.route('/')
-def index():
-    return render_template('index.html')
+@app.route('/montecarlo')
+def montecarlo():
+    return render_template('montecarlo.html')
 
 @app.route('/about')
 def about():
@@ -126,5 +126,276 @@ def get_plots(ticker, days):
                     'date': days
                     }), 200
 
+# Second Section ~
+from flask import Flask, render_template, request, flash, redirect, url_for
+import matplotlib.pyplot as plt
+import yfinance as yf
+import time
+from sklearn.ensemble import RandomForestRegressor
+import os
+from helpers import plot_helper, ml_plot_helper
+import pandas as pd
+
+app.secret_key = os.getenv('flasksecret')
+
+# Define routes
+@app.route('/')
+def index():
+    form_results = {}
+    return render_template('index.html', results=form_results)
+
+@app.route('/statarb')
+def statarb():
+    form_results = {}
+    return render_template('statarb.html', results=form_results)
+
+@app.route('/statresults', methods=['POST'])
+def results():
+    form_results={}
+    # Extract user inputs from the form
+    equity1 = request.form['equity1']
+    equity2 = request.form['equity2']
+    timeframe = request.form['timeframe']
+    period = request.form['period']
+    window_size = request.form['window_size']
+    multiplier = request.form['multiplier']
+    std_mult = request.form['std_mult']
+    # confirm inputs are valid
+    if not equity1 or not equity2 or not timeframe or not window_size or not multiplier:
+        flash('All inputs must be provided', 'error')
+        return redirect(url_for('statarb'))
+    # try to cast window_size and multiplier to int, float
+    try:
+        window_size = int(window_size)
+    except ValueError:
+        flash('Window size must be an integer', 'error')
+        return redirect(url_for('statarb'))
+    try:
+        multiplier = float(multiplier)
+    except ValueError:
+        flash('Multiplier must be a float', 'error')
+        return redirect(url_for('statarb'))
+
+    try:
+        std_mult = int(std_mult)
+    except ValueError:
+        flash('Standard deviation multiplier must be an integer', 'error')
+        return redirect(url_for('statarb'))
+
+    form_results = {
+        'equity1': equity1,
+        'equity2': equity2,
+        'timeframe': timeframe,
+        'period': period,
+        'window_size': window_size,
+        'multiplier': multiplier,
+        'std_mult': std_mult
+    }
+
+    equity1_df = yf.download(equity1, interval=timeframe, period=period)
+    equity2_df = yf.download(equity2, interval=timeframe, period=period)
+
+    if len(equity1_df) == 0:
+        flash(f'No data found for {equity1}', 'error')
+        return redirect(url_for('statarb'))
+    if len(equity2_df) == 0:
+        flash(f'No data found for {equity2}', 'error')
+        return redirect(url_for('statarb'))
+    
+    # join the dfs with prefix eq1 and eq2
+    equity1_df = equity1_df.add_prefix('eq1_')
+    equity2_df = equity2_df.add_prefix('eq2_')
+
+    # merge the dataframes
+    df = equity1_df.join(equity2_df, how='outer')
+    df['Difference'] = df['eq1_Close'] - df['eq2_Close']
+
+    df[f'{window_size}_MA_Difference'] = df['Difference'].rolling(window=window_size).mean()
+    df[f'{window_size}_MA_Difference_Difference'] = df['Difference'] - df[f'{window_size}_MA_Difference']
+    
+    df['Upper_Band'] = df[f'{window_size}_MA_Difference_Difference'].rolling(window=window_size*std_mult).std() * multiplier
+    df['Lower_Band'] = -df[f'{window_size}_MA_Difference_Difference'].rolling(window=window_size*std_mult).std() * multiplier
+    # add marks for when the difference difference is outside the bands
+    df['Outside_Upper'] = df[f'{window_size}_MA_Difference_Difference'] > df['Upper_Band']
+    df['Outside_Lower'] = df[f'{window_size}_MA_Difference_Difference'] < df['Lower_Band']
+
+    # iterate through df, short the spread when the difference difference is above the upper band and long the spread when the difference difference is below the lower band
+    position = 0
+    df['return'] = 0
+    df['position'] = 0
+    for i in range(len(df)):
+        if position == 0 and df[f'{window_size}_MA_Difference_Difference'].iloc[i] > df['Upper_Band'].iloc[i]:
+            position = -1
+            entry = df['Difference'].iloc[i]
+            entry_cost = df['eq1_Close'].iloc[i] + df['eq2_Close'].iloc[i]
+            df['position'].iloc[i] = -1
+        elif position == 0 and df[f'{window_size}_MA_Difference_Difference'].iloc[i] < df['Lower_Band'].iloc[i]:
+            position = 1
+            entry = df['Difference'].iloc[i]
+            entry_cost = df['eq1_Close'].iloc[i] + df['eq2_Close'].iloc[i]
+            df['position'].iloc[i] = 1
+        
+        elif position == -1 and df[f'{window_size}_MA_Difference_Difference'].iloc[i] < df['Lower_Band'].iloc[i]:
+            position = 0
+            exitv = df['Difference'].iloc[i]
+            df['return'].iloc[i] = (entry - exitv) / entry_cost
+
+        elif position == 1 and df[f'{window_size}_MA_Difference_Difference'].iloc[i] > df['Upper_Band'].iloc[i]:
+            position = 0
+            exitv = df['Difference'].iloc[i]
+            df['return'].iloc[i] = (exitv - entry) / entry_cost
+        
+
+    imgdata = plot_helper(df, window_size)
+    return render_template('results.html', results=form_results, data = imgdata)
+
+@app.route('/machinelearning')
+def machinelearning():
+    form_results = {}
+    return render_template('mlindex.html', results=form_results)
+
+@app.route('/mlresults', methods=['POST','GET'])
+def mlresults():
+    # get form data
+    # these three same as before
+    equity1 = request.form['equity1']
+    timeframe = request.form['timeframe']
+    period = request.form['period'] 
+    # new
+    estimators = request.form['estimators'] # 1 to 100
+    features = request.form.getlist('features') # a list of the features keep in mind
+    shift = request.form['shift'] # 0 to 10
+    threshold = request.form['threshold'] # 0 to 1
+
+    # confirm inputs are valid
+    if not equity1 or not timeframe or not period or not estimators or not features or not shift or not threshold:
+        flash('All inputs must be provided', 'error')
+        return redirect(url_for('machinelearning'))
+
+    # try to cast estimators, shift to int, threshold to float
+    try:
+        estimators = int(estimators)
+    except ValueError:
+        flash('Estimators must be an integer', 'error')
+        return redirect(url_for('machinelearning'))
+    
+    try:
+        shift = int(shift)
+    except ValueError:
+        flash('Shift must be an integer', 'error')
+        return redirect(url_for('machinelearning'))
+    
+    try:
+        threshold = float(threshold)
+    except ValueError:
+        flash('Threshold must be a float', 'error')
+        return redirect(url_for('machinelearning'))
+    
+    form_results = {
+        'equity1': equity1,
+        'timeframe': timeframe,
+        'period': period,
+        'estimators': estimators,
+        'features': features,
+        'shift': shift,
+        'threshold': threshold
+    }
+
+    # Fetch data using yfinance
+    df = yf.download(equity1, interval=timeframe, period=period)
+    # check if data was found
+    if len(df) == 0:
+        flash(f'No data found for {equity1}', 'error')
+        return redirect(url_for('machinelearning'))
+
+    # create features
+    feature_list = []
+    for feature in features:
+        if feature == 'rsi':
+            # calculate rsi from the close price
+            delta = df['Close'].diff()
+            gain = (delta.where(delta > 0, 0)).rolling(14).mean()
+            loss = (-delta.where(delta < 0, 0)).rolling(14).mean()
+            rs = gain / loss
+            df['rsi'] = 100 - (100 / (1 + rs))
+            feature_list.append('rsi')
+        elif feature == 'macd':
+            # calculate the macd
+            df['ema12'] = df['Close'].ewm(span=12, adjust=False).mean()
+            df['ema26'] = df['Close'].ewm(span=26, adjust=False).mean()
+            df['macd'] = df['ema12'] - df['ema26']
+            feature_list.append('macd')
+        elif feature == 'pctfrom100ma':
+            # calculate the percent from the 100 day moving average
+            df['100ma'] = df['Close'].rolling(window=100).mean()
+            df['pctfrom100ma'] = (df['Close'] - df['100ma']) / df['100ma']
+            feature_list.append('pctfrom100ma')
+        elif feature == 'prevreturn':
+            # calculate the previous day return
+            df['prevreturn'] = df['Close'].pct_change()
+            feature_list.append('prevreturn')
+
+    # shift the features and add to list
+    shifted_features = []
+    for feature in feature_list:
+        df[f'{feature}_shift{shift}'] = df[feature].shift(shift)
+        shifted_features.append(f'{feature}_shift{shift}')
+
+    # add shifted names to feature list
+    for name in shifted_features:
+        feature_list.append(name)
+
+    # drop na
+    df = df.dropna()
+
+    # create target next (shift -1) Close higher than Open
+    df['return'] = df['Close'].shift(-1) / df['Open'].shift(-1) 
+    df['target'] = df['return'] > 1
+    df['target'] = df['target'].astype(int)
+
+    # create X and y
+    X = df[feature_list]
+    y = df['target']
+
+    # get time index for split at 80% of data
+    split_index = int(len(df) * 0.8)
+    split_date = df.index[split_index]
+
+    # split the data
+    X_train = X[:split_date]
+    X_test = X[split_date:]
+    y_train = y[:split_date]
+    y_test = y[split_date:]
+
+    # print date rate for train and test
+    print(f'Train date range: {X_train.index[0]} to {X_train.index[-1]}')
+    print(f'Test date range: {X_test.index[0]} to {X_test.index[-1]}')
+
+    # create the model
+    model = RandomForestRegressor(n_estimators=estimators, random_state=42)
+    model.fit(X_train, y_train)
+
+    # get the predictions
+    predictions = model.predict(X_test)
+
+    # create the predictions dataframe
+    preds = pd.DataFrame({'predictions': predictions, 'actual': y_test})
+
+    # add back in return column
+    preds['return'] = df['return'][split_date:]
+    preds['met'] = preds['predictions'] > threshold
+    preds['met'] = preds['met'].astype(int)
+
+    # calculate the accuracy where threshold is met
+    accuracy = preds[preds['predictions'] > threshold]['actual'].mean()
+
+    # calculate returns, 1 if not met, return if met
+    preds['return_strat'] = 1 + ((preds['return']-1) * preds['met'])
+
+    data = ml_plot_helper(preds)
+
+    # Render results template with the calculated results
+    return render_template('mlresults.html', results=form_results, imgdata=data, accuracy=accuracy, count=preds['met'].sum())
+
 if __name__ == '__main__':
     app.run(debug=True)
diff --git a/app/helpers.py b/app/helpers.py
new file mode 100644
index 0000000..81085fc
--- /dev/null
+++ b/app/helpers.py
@@ -0,0 +1,60 @@
+import matplotlib.pyplot as plt
+import mplfinance as mpf
+
+from io import BytesIO
+import base64
+def plot_helper(df, window_size):
+    
+    # Create a figure and axes for the main plot
+    plt.switch_backend('Agg')
+    fig, (ax1, ax2, ax3) = plt.subplots(3, 1, sharex=True, figsize=(15, 15))
+
+    # Plot the main data on the first subplot
+    ax1.plot(df[f'{window_size}_MA_Difference_Difference'], label=f'{window_size} Period MA Difference Difference', color='b')
+    ax1.plot(df['Upper_Band'], label='Upper Band', color='g')
+    ax1.plot(df['Lower_Band'], label='Lower Band', color='r')
+    ax1.axhline(0, color='red', linestyle='--')
+    ax1.set_ylabel('Difference Difference')
+    ax1.legend(loc='upper left')
+
+    # Plot the additional data on the second subplot
+    ax2.plot(df['Difference'], label='Actual Difference', color='orange')
+    ax2.set_xlabel('Time')
+    ax2.set_ylabel('Actual Difference')
+    ax2.legend(loc='upper right')
+    ax2.grid(True)
+    # Add marks for when the conditions are true on the bottom subplot
+    ax2.scatter(df.index[df['position']==-1], df['Difference'][df['position']==-1], color='red', label='Outside Upper')
+    ax2.scatter(df.index[df['position']==1], df['Difference'][df['position']==1], color='green', label='Outside Lower')
+    
+    ax2.plot(df[f'{window_size}_MA_Difference'], label=f'{window_size} Period MA Difference', color='b')
+
+    ax3.plot((1+df['return']).cumprod(), label='Cumulative Return', color='green')
+    ax3.set_xlabel('Time')
+    ax3.set_ylabel('Cumulative Return')
+    ax3.legend(loc='upper left')
+    ax3.grid(True)
+
+    # Adjust layout
+    plt.tight_layout()
+
+    buf = BytesIO()
+    plt.savefig(buf, format='png')
+    data = base64.b64encode(buf.getbuffer()).decode("ascii")
+    return data
+
+
+def ml_plot_helper(df):
+    # plot cumulative return
+    plt.figure(figsize=(15, 7))
+    plt.plot((df['return_strat']).cumprod(), label='Cumulative Return (Strategy)', color='green')
+    plt.plot((df['return']).cumprod(), label='Cumulative Return (Buy & Hold)', color='blue')
+    plt.xlabel('Time')
+    plt.ylabel('Cumulative Return')
+    plt.legend(loc='upper left')
+    plt.grid(True)
+
+    buf = BytesIO()
+    plt.savefig(buf, format='png')
+    data = base64.b64encode(buf.getbuffer()).decode("ascii")
+    return data
\ No newline at end of file
diff --git a/app/templates/about.html b/app/templates/about.html
index 88b8905..eae9181 100644
--- a/app/templates/about.html
+++ b/app/templates/about.html
@@ -9,36 +9,35 @@
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-light">
-        <div class="container">
-            <a class="navbar-brand" href="/">Stock Prediction</a>
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarNav">
-                <ul class="navbar-nav ml-auto">
-                    <li class="nav-item active">
-                        <a class="nav-link" href="/">Home</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="about">About</a>
-                    </li>
-                </ul>
-            </div>
+        <a class="navbar-brand" href="{{ url_for('index') }}">QI</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav">
+            <li class="nav-item active">
+                <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('statarb') }}">Stat Arb</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('machinelearning') }}">ML</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('montecarlo') }}">Monte Carlo</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('about') }}">About</a>
+            </li>
+            </ul>
         </div>
     </nav>
     <div class="container">
-        <h1 class="mt-5">About Stock Price Prediction using Monte Carlo Methods</h1>
-        
-        <p>This website allows you to predict future stock prices using Monte Carlo simulation methods.</p>
-        
-        <h2>How to Use</h2>
-        <p>To use this website, enter a valid stock ticker symbol and the number of days you want to predict into the form on the homepage. Click the "Simulate" button, and the website will generate a prediction plot and display relevant stock data.</p>
-        
-        <h2>What is Monte Carlo Simulation?</h2>
-        <p>Monte Carlo simulation is a computational technique used to approximate the probability of certain outcomes by running multiple simulations with random variables. In the context of stock price prediction, Monte Carlo simulation can be used to generate possible future price scenarios based on historical data and statistical models.</p>
-        
-        <h2>About Us</h2>
-        <p>This website was originally created by Ryan Nie.</p>
+        <h1 class="mt-4">About Us</h1>
+        <p class="mt-4">This website was originally created by Ryan Nie. It was then modified by Jason Huang. Additional features and functionality were added by including the work done by Ryan Gilbert. The platform is designed to display the work done by Quant Seniors at BU Alpha.</p>
+        <p class="mt-4">The website is managed by BU Alpha, a subdivision of BU Finance & Investment Club, a student organization at Boston University dedicated to promoting financial literacy and fostering a community of aspiring finance professionals.</p>
+        <p class="mt-4">Our long-term goal is to simplify complex financial concepts and empower individuals to make informed decisions in the financial markets. We aim to help users enhance their trading strategies and optimize their investment portfolios.</p>
     </div>
 </body>
 </html>
diff --git a/app/templates/formbase.html b/app/templates/formbase.html
new file mode 100644
index 0000000..33fec99
--- /dev/null
+++ b/app/templates/formbase.html
@@ -0,0 +1,142 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Statistical Arbitrage Trading</title>
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"></head>
+    <style>p {font-size: 18px;}</style>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="{{ url_for('index') }}">QI</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav">
+            <li class="nav-item active">
+                <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('statarb') }}">Stat Arb</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('machinelearning') }}">ML</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('montecarlo') }}">Monte Carlo</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('about') }}">About</a>
+            </li>
+            </ul>
+        </div>
+    </nav>
+    <div class="container" style="padding-right:3%;">
+        {% with messages = get_flashed_messages() %}
+        {% if messages %}
+            <ul class=flashes>
+            {% for message in messages %}
+                <br>
+                <div class="alert alert-danger" role="alert">
+                    {{ message }}
+                </div>
+            {% endfor %}
+            </ul>
+        {% endif %}
+        
+        {% endwith %}
+    </div>
+    
+    <div class="container">
+        <h1 class="mt-4">Statistical Arbitrage Trading</h1>
+        <form action="/statresults" method="post" class="mt-4">
+            <div class="form-group">
+                <label for="equity1">Equity 1:</label>
+                <input type="text" id="equity1" name="equity1" value="{{ results.equity1 | default('KO') }}" class="form-control" required>
+                <p class="constraint-description">This is the first equity symbol. Example: KO, V, AUDUSD=X.</p><br>
+            </div>
+            <div class="form-group">
+                <label for="equity2">Equity 2:</label>
+                <input type="text" id="equity2" name="equity2" value="{{ results.equity2 | default('PEP') }}" class="form-control" required>
+                <p class="constraint-description">This is the second equity symbol. Example: PEP, M, NZDUSD=X.</p><br>
+            </div>
+            <div class="form-group">
+                <label for="timeframe">Timeframe:</label>
+                <select id="timeframe" name="timeframe" class="form-control" onchange="tftoperiod()" required>
+                    <option value="1h" {% if results.timeframe == '1h' %} selected {% endif %}>1 Hour</option>
+                    <option value="1d" {% if results.timeframe == '1d' %} selected {% endif %}>1 Day</option>
+                    <option value="1wk" {% if results.timeframe == '1wk' %} selected {% endif %}>1 Week</option>
+                </select>
+                <p class="constraint-description">This is the granularity of historical data retrieved.</p><br>
+            </div>
+            <div class="form-group">
+                <label for="period">Period:</label>
+                <select id="period" name="period" class="form-control" required>
+                    <option value="1d" {% if results.period == '1d' %} selected {% endif %}>1 Day</option>
+                    <option value="5d" {% if results.period == '5d' %} selected {% endif %}>5 Days</option>
+                    <option value="1mo" {% if results.period == '1mo' %} selected {% endif %}>1 Month</option>
+                    <option value="3mo" {% if results.period == '3mo' %} selected {% endif %}>3 Months</option>
+                    <option value="6mo" {% if results.period == '6mo' %} selected {% endif %}>6 Months</option>
+                    <option value="1y" {% if results.period == '1y' %} selected {% else %} selected {% endif %}>1 Year</option>
+                    <option value="2y" {% if results.period == '2y' %} selected {% endif %}>2 Years</option>
+                    <option value="5y" {% if results.period == '5y' %} selected {% endif %}>5 Years</option>
+                    <option value="10y" {% if results.period == '10y' %} selected {% endif %}>10 Years</option>
+                    <option value="ytd" {% if results.period == 'ytd' %} selected {% endif %}>YTD</option>
+                    <option value="max" {% if results.period == 'max' %} selected {% endif %}>Max</option>
+                </select>
+                <p class="constraint-description">How far back to fetch data.</p><br>
+            </div>
+            <div class="form-group">
+                <label for="window_size">Rolling Average Window Size:</label>
+                <input type="number" id="window_size" name="window_size" min="1" value="{{ results.window_size | default('100') }}" class="form-control" required>
+                <p class="constraint-description">This is used to smooth out and normalize the spread.</p><br>
+            </div>
+            <div class="form-group">
+                <label for="multiplier">Standard Deviation Band Multiplier:</label>
+                <input type="number" id="multiplier" name="multiplier" min="0" step="0.01" value="{{ results.multiplier | default('1.75') }}" class="form-control" required>
+                <p class="constraint-description">By using a dynamic threshold, we can account for varying volatility. This changes how far the threshold is.</p><br>
+            </div>
+            <div class="form-group">
+                <label for="std_mult">Standard Deviation Moving Average Multiplier:</label>
+                <input type="number" id="std_mult" name="std_mult" min="0" step="1" value="{{ results.std_mult | default('3') }}" class="form-control" required>
+                <p class="constraint-description">This is used to smooth out the standard deviation further.</p><br>
+            </div>
+            <button type="submit" class="btn btn-primary">Submit</button>
+        </form>
+        <p class="mt-4">In this trading strategy, known as statistical arbitrage, statistical models are leveraged to identify and exploit pricing disparities between two equities, which are referred to as Equity 1 and Equity 2. By analyzing historical price data and applying statistical techniques such as mean reversion or cointegration analysis, the strategy aims to identify pairs of equities that exhibit a stable relationship over time.</p><br>
+            
+        <p class="mt-4">Once you've identified a suitable pair, an entry and exit strategy capitalizes on pricing disparities. Positions are initiated when no open position exists and the spread between the two equities exceeds a predefined threshold. If the spread indicates that one equity is overvalued relative to the other, the strategy will short the overvalued asset and long the undervalued asset, anticipating a mean reversion towards their historical relationship.</p><br>
+            
+        <p class="mt-4">Conversely, if the spread indicates that the other equity is overvalued, the positions are adjusted accordingly. The exit strategy is triggered when the spread reverts back and reaches the opposite side of the threshold, allowing us to exit the positions and lock in profits.</p><br>
+            
+        <p class="mt-4">By dynamically adjusting the positions based on statistical signals and effectively managing risk, the strategy aims to exploit short-term pricing inefficiencies between Equity 1 and Equity 2, while maximizing returns.</p><br>
+    </div>
+
+    <main>
+        {% block content %}
+        {% endblock %}
+    </main>
+
+    <!-- Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+
+    <script>
+        function tftoperiod() {
+            var tf = document.getElementById("timeframe").value;
+            var period = document.getElementById("period");
+            if (tf == "1h") {
+                period.value = "1y";
+            } else if (tf == "1d") {
+                period.value = "5y";
+            } else if (tf == "1wk") {
+                period.value = "max";
+            }
+        }
+    </script>
+</body>
+</html>
diff --git a/app/templates/index.html b/app/templates/index.html
index ed367db..a785bb1 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -1,127 +1,55 @@
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Stock Price Prediction using Monte Carlo Methods</title>
-    <!-- Add Bootstrap CSS -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
-</head>
+    <title>Statistical Arbitrage Trading</title>
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"></head>
+    <style>p {font-size: 18px;}</style>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-light">
-        <div class="container">
-            <a class="navbar-brand" href="/">Stock Prediction</a>
-            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarNav">
-                <ul class="navbar-nav ml-auto">
-                    <li class="nav-item active">
-                        <a class="nav-link" href="/">Home</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="about">About</a>
-                    </li>
-                </ul>
-            </div>
+        <a class="navbar-brand" href="{{ url_for('index') }}">QI</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav">
+            <li class="nav-item active">
+                <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('statarb') }}">Stat Arb</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('machinelearning') }}">ML</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('montecarlo') }}">Monte Carlo</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('about') }}">About</a>
+            </li>
+            </ul>
         </div>
     </nav>
-    <div class="container" style="margin-top: -20px">
-        <h1 class="mt-5">Stock Price Prediction using Monte Carlo Methods</h1>
-
-        <form id="plotForm" class="mt-4" style="margin-bottom: -30px;">
-            <div class="form-group">
-                <label for="ticker">Enter Ticker:</label>
-                <input type="text" id="ticker" name="ticker" class="form-control" required>
-            </div>
-
-            <div class="form-group">
-                <label for="days">Enter Number of Days (1-500):</label>
-                <input type="number" id="days" name="days" class="form-control" min="1" max="500" required>
-            </div>
-
-            <button type="button" class="btn btn-primary" onclick="MCsimulate()">Simulate</button>
-        </form>
-
-        <!-- Display plots and table data -->
-        <div id="plotContainer" class="mt-5"></div>
-        <div id="tableContainer" class="mt-5"></div>
+    <div class="container">
+        <h1 class="mt-4">Quant Inform</h1>
+        <strong><h3 class="mt-4">Welcome to Our Platform</h3></strong>
+        <p class="mt-4">Discover the world of quantitative finance with us. Our platform is dedicated to simplifying complex financial concepts and empowering individuals to make informed trading decisions.</p>
+        <strong><h3 class="mt-4">Understanding Statistical Arbitrage</h3></strong>
+        <p class="mt-4">Statistical arbitrage is a strategy that involves exploiting pricing inefficiencies between assets based on statistical models. We provide insights into how this approach can be used to identify trading opportunities and maximize returns.</p>
+        <strong><h3 class="mt-4">Harnessing Machine Learning for Trading Strategies</h3></strong>
+        <p class="mt-4">Explore the power of machine learning in predicting market trends and optimizing trading strategies. Our platform offers resources to help you leverage ML algorithms for more effective decision-making in the financial markets.</p>
+        <strong><h3 class="mt-4">Make Stock Price Prediction using Monte Carlo Methods</h3></strong>
+        <p class="mt-4">This website enables users to predict future stock prices by employing advanced Monte Carlo simulation methods, leveraging historical data and statistical models.</p>
     </div>
 
-    <script>
-        function MCsimulate() {
-            // Get values from the form
-            var ticker = document.getElementById('ticker').value;
-            var days = document.getElementById('days').value;
-
-            // Validating inputs
-            if (!ticker || !days || isNaN(days) || days < 1 || days > 500) {
-                var errorMessage = "";
-                if (!ticker) {
-                    errorMessage += "Please enter a valid ticker symbol (e.g. AAPL).\n";
-                }
-                if (isNaN(days) || days < 1 || days > 500) {
-                    errorMessage += "Please enter a valid number of days (1-500).\n";
-                }
-                alert(errorMessage);
-                return;
-            }
-
-            // Make API call to generate and display the plot
-            fetch('/plots/' + ticker + '/' + days, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify({
-                    ticker: ticker,
-                    days: days
-                })
-            })
-            .then(response => {
-                if (response.status === 404) {
-                    alert('Ticker not found. Please enter a valid ticker symbol.');
-                    return;
-                }
-                return response.json();
-            })
-            .then(data => {
-                if (!data) return;  // No need to proceed if data is null
-                // Create an <img> element with the plot image URL
-                var plotImage = document.createElement('img');
-                plotImage.src = data.image_url;
-                plotImage.alt = 'Generated Plot';
-                plotImage.classList.add('img-fluid'); // Add Bootstrap class for responsive images
-                            
-                // Clear previous content of plotContainer and append the new <img> element
-                var plotContainer = document.getElementById('plotContainer');
-                plotContainer.innerHTML = '';
-                plotContainer.appendChild(plotImage);
+    <!-- Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 
-                // Check if table data is present in response
-                if (data.table_data) {
-                    var tableContainer = document.getElementById('tableContainer');
-                    tableContainer.innerHTML = '<h2 class="mt-5">Stock Data</h2>';
-                    var table = document.createElement('table');
-                    table.classList.add('table');
-                    var tbody = document.createElement('tbody');
-                    data.table_data.forEach(function(row) {
-                        var tr = document.createElement('tr');
-                        row.forEach(function(cell) {
-                            var td = document.createElement('td');
-                            td.textContent = cell;
-                            tr.appendChild(td);
-                        });
-                        tbody.appendChild(tr);
-                    });
-                    table.appendChild(tbody);
-                    tableContainer.appendChild(table);
-                }
-            })
-            .catch(error => {
-                console.error('Error:', error);
-            });
-        }
-    </script>
 </body>
 </html>
diff --git a/app/templates/mlbase.html b/app/templates/mlbase.html
new file mode 100644
index 0000000..d1c3f20
--- /dev/null
+++ b/app/templates/mlbase.html
@@ -0,0 +1,182 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Statistical Arbitrage Trading</title>
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"></head>
+    <style>p {font-size: 18px;}</style>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="{{ url_for('index') }}">QI</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav">
+            <li class="nav-item active">
+                <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('statarb') }}">Stat Arb</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('machinelearning') }}">ML</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('montecarlo') }}">Monte Carlo</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('about') }}">About</a>
+            </li>
+            </ul>
+        </div>
+    </nav>
+    <div class="container" style="padding-right:3%;">
+        {% with messages = get_flashed_messages() %}
+        {% if messages %}
+            <ul class=flashes>
+            {% for message in messages %}
+                <br>
+                <div class="alert alert-danger" role="alert">
+                    {{ message }}
+                </div>
+            {% endfor %}
+            </ul>
+        {% endif %}
+        
+        {% endwith %}
+    </div>
+    
+    <div class="container">
+        <h1 class="mt-4">Machine Learning Trading</h1>
+        <form action="/mlresults" method="post" class="mt-4">
+            <h1 class="mt-4">Asset Data</h1>
+            <div class="form-group">
+                <label for="equity1">Equity:</label>
+                <input type="text" id="equity1" name="equity1" value="{{ results.equity1 | default('SPY') }}" class="form-control" required>
+                <p class="constraint-description">This is the equity symbol to be analyzed. Example: SPY, AAPL, MSFT.</p><br>
+            </div>
+
+            <div class="form-group">
+                <label for="timeframe">Timeframe:</label>
+                <select id="timeframe" name="timeframe" class="form-control" onchange="tftoperiod()" required>
+                    <option value="1h" {% if results.timeframe == '1h' %} selected {% endif %}>1 Hour</option>
+                    <option value="1d" {% if results.timeframe == '1d' %} selected {% endif %}>1 Day</option>
+                    <option value="1wk" {% if results.timeframe == '1wk' %} selected {% endif %}>1 Week</option>
+                </select>
+                <p class="constraint-description">This is the granularity of historical data retrieved.</p><br>
+            </div>
+            <div class="form-group">
+                <label for="period">Period:</label>
+                <select id="period" name="period" class="form-control" required>
+                    <option value="1d" {% if results.period == '1d' %} selected {% endif %}>1 Day</option>
+                    <option value="5d" {% if results.period == '5d' %} selected {% endif %}>5 Days</option>
+                    <option value="1mo" {% if results.period == '1mo' %} selected {% endif %}>1 Month</option>
+                    <option value="3mo" {% if results.period == '3mo' %} selected {% endif %}>3 Months</option>
+                    <option value="6mo" {% if results.period == '6mo' %} selected {% endif %}>6 Months</option>
+                    <option value="1y" {% if results.period == '1y' %} selected {% else %} selected {% endif %}>1 Year</option>
+                    <option value="2y" {% if results.period == '2y' %} selected {% endif %}>2 Years</option>
+                    <option value="5y" {% if results.period == '5y' %} selected {% endif %}>5 Years</option>
+                    <option value="10y" {% if results.period == '10y' %} selected {% endif %}>10 Years</option>
+                    <option value="ytd" {% if results.period == 'ytd' %} selected {% endif %}>YTD</option>
+                    <option value="max" {% if results.period == 'max' %} selected {% endif %}>Max</option>
+                </select>
+                <p class="constraint-description">How far back to fetch data.</p><br>
+            </div>
+            
+            <h1 class="mt-4">Machine Learning Parameters</h1>
+            <!-- slider for random forest estimators -->
+            <div class="form-group">
+                <label for="estimators" id="estimatorsLabel">Random Forest Estimators:</label>
+                <input type="range" id="estimators" name="estimators" min="1" max="100" value="{{ results.estimators | default('100') }}" class="form-control" required>
+                <p class="constraint-description">Number of estimators for the Random Forest.</p><br>
+            </div>
+            <!-- multi select with options: RSI, MACD, % from 100MA, Prev. Return -->
+            <div class="form-group">
+                <label for="features">Features:</label>
+                <select id="features" name="features" class="form-control selectpicker" multiple required>
+                    <option value="rsi" {% if 'rsi' in results.features %} selected {% endif %}>RSI</option>
+                    <option value="macd" {% if 'macd' in results.features %} selected {% endif %}>MACD</option>
+                    <option value="pctfrom100ma" {% if 'pctfrom100ma' in results.features %} selected {% endif %}>% from 100MA</option>
+                    <option value="prevreturn" {% if 'prevreturn' in results.features %} selected {% endif %}>Prev. Return</option>
+                </select>
+                <p class="constraint-description">Features to use for the Random Forest. Select multiple.</p><br>
+            </div>
+
+
+            <!-- range(0, 10) input for shifting features-->
+            <!-- updates the label element to say Shift: {value} when it changes to display current value -->
+            <div class="form-group">
+                <label for="shift" id="shiftLabel">Shift:</label>
+                <input type="range" id="shift" name="shift" min="1" max="10" value="{{ results.shift | default('1') }}" class="form-control" required>
+                <p class="constraint-description">Creates new features by getting the other features for this amount of intervals ago. May provide the model with valuable information.</p><br>
+            </div>
+
+            <h1 class="mt-4">Strategy Threshold</h1>
+            <!-- Threshold from 0 to 1 with step 0.01-->
+            <div class="form-group">
+                <label for="threshold" id="thresholdLabel">Threshold:</label>
+                <input type="range" id="threshold" name="threshold" min="0" max="1" step="0.01" value="{{ results.threshold | default('0.5') }}" class="form-control" required>
+                <p class="constraint-description">By predicting a range from 0 to 1, we can filter for stronger predictions to get a higher prediction of winning.</p><br>
+            </div>
+
+            <button type="submit" class="btn btn-primary">Submit</button>
+        </form>
+        <p class="mt-4">This strategy makes a prediction about whether or not the next hour/day/week will have a positive(1) or negative gain(0). By predicting a range from 0 to 1, we can filter for stronger predictions to get a higher prediction of winning. Note the data split. This is an important part of machine learning, as we must validate the model's prediction accuracy.</p><br>
+    </div>
+    
+
+    <main>
+        
+        {% block content %}
+        {% endblock %}
+    </main>
+
+    <!-- Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+
+    <script>
+        function tftoperiod() {
+            var tf = document.getElementById("timeframe").value;
+            var period = document.getElementById("period");
+            if (tf == "1h") {
+                period.value = "1y";
+            } else if (tf == "1d") {
+                period.value = "5y";
+            } else if (tf == "1wk") {
+                period.value = "max";
+            }
+        }
+
+        var estimators = document.getElementById("estimators");
+        var estimatorsLabel = document.getElementById("estimatorsLabel");
+        estimators.oninput = function() {
+            estimatorsLabel.innerHTML = "Random Forest Estimators: " + estimators.value;
+        }
+
+        var shift = document.getElementById("shift");
+        var shiftLabel = document.getElementById("shiftLabel");
+        shift.oninput = function() {
+            shiftLabel.innerHTML = "Shift: " + shift.value;
+        }
+
+        var threshold = document.getElementById("threshold");
+        var thresholdLabel = document.getElementById("thresholdLabel");
+        threshold.oninput = function() {
+            thresholdLabel.innerHTML = "Threshold: " + threshold.value;
+        }
+                
+        // onload set the labels to the current value
+        estimatorsLabel.innerHTML = "Random Forest Estimators: " + estimators.value;
+        shiftLabel.innerHTML = "Shift: " + shift.value;
+        thresholdLabel.innerHTML = "Threshold: " + threshold.value;
+
+        
+    </script>
+</body>
+</html>
diff --git a/app/templates/mlindex.html b/app/templates/mlindex.html
new file mode 100644
index 0000000..346a45d
--- /dev/null
+++ b/app/templates/mlindex.html
@@ -0,0 +1,8 @@
+{% extends 'mlbase.html' %}
+
+{% block title %}Home - {{ super() }}{% endblock %}
+
+{% block content %}
+<!-- <h2>Welcome to the Home Page</h2> -->
+<!-- <p>This is the content for the home page.</p> -->
+{% endblock %}
diff --git a/app/templates/mlresults.html b/app/templates/mlresults.html
new file mode 100644
index 0000000..40e7dad
--- /dev/null
+++ b/app/templates/mlresults.html
@@ -0,0 +1,12 @@
+{% extends 'mlbase.html' %}
+
+{% block title %}Results - {{ super() }}{% endblock %}
+
+{% block content %}
+    <div class="container">
+        <!-- show graphs and feature importance here: -->
+        <h2 class="mt-4">Results</h2>
+        <h3 class="mt-4">Accuracy: {{accuracy}} | Count: {{count}}</h3>
+        <img src='data:image/png;base64,{{ imgdata }}' class="img-fluid mt-4"/>
+    </div>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/montecarlo.html b/app/templates/montecarlo.html
new file mode 100644
index 0000000..6fe7ed9
--- /dev/null
+++ b/app/templates/montecarlo.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stock Price Prediction using Monte Carlo Methods</title>
+    <!-- Add Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <a class="navbar-brand" href="{{ url_for('index') }}">QI</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+            <ul class="navbar-nav">
+            <li class="nav-item active">
+                <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('statarb') }}">Stat Arb</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('machinelearning') }}">ML</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('montecarlo') }}">Monte Carlo</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ url_for('about') }}">About</a>
+            </li>
+            </ul>
+        </div>
+    </nav>
+    <div class="container" style="margin-top: -20px">
+        <h1 class="mt-5">Stock Price Prediction using Monte Carlo Methods</h1>
+
+        <form id="plotForm" class="mt-4" style="margin-bottom: -30px;">
+            <div class="form-group">
+                <label for="ticker">Enter Ticker:</label>
+                <input type="text" id="ticker" name="ticker" class="form-control" required>
+            </div>
+
+            <div class="form-group">
+                <label for="days">Enter Number of Days (1-500):</label>
+                <input type="number" id="days" name="days" class="form-control" min="1" max="500" required>
+            </div>
+
+            <button type="button" class="btn btn-primary" onclick="MCsimulate()">Simulate</button>
+        </form>
+
+        <!-- Display plots and table data -->
+        <div id="plotContainer" class="mt-5"></div>
+        <div id="tableContainer" class="mt-5"></div>
+    </div>
+
+    <script>
+        function MCsimulate() {
+            // Get values from the form
+            var ticker = document.getElementById('ticker').value;
+            var days = document.getElementById('days').value;
+
+            // Validating inputs
+            if (!ticker || !days || isNaN(days) || days < 1 || days > 500) {
+                var errorMessage = "";
+                if (!ticker) {
+                    errorMessage += "Please enter a valid ticker symbol (e.g. AAPL).\n";
+                }
+                if (isNaN(days) || days < 1 || days > 500) {
+                    errorMessage += "Please enter a valid number of days (1-500).\n";
+                }
+                alert(errorMessage);
+                return;
+            }
+
+            // Make API call to generate and display the plot
+            fetch('/plots/' + ticker + '/' + days, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    ticker: ticker,
+                    days: days
+                })
+            })
+            .then(response => {
+                if (response.status === 404) {
+                    alert('Ticker not found. Please enter a valid ticker symbol.');
+                    return;
+                }
+                return response.json();
+            })
+            .then(data => {
+                if (!data) return;  // No need to proceed if data is null
+                // Create an <img> element with the plot image URL
+                var plotImage = document.createElement('img');
+                plotImage.src = data.image_url;
+                plotImage.alt = 'Generated Plot';
+                plotImage.classList.add('img-fluid'); // Add Bootstrap class for responsive images
+                            
+                // Clear previous content of plotContainer and append the new <img> element
+                var plotContainer = document.getElementById('plotContainer');
+                plotContainer.innerHTML = '';
+                plotContainer.appendChild(plotImage);
+
+                // Check if table data is present in response
+                if (data.table_data) {
+                    var tableContainer = document.getElementById('tableContainer');
+                    tableContainer.innerHTML = '<h2 class="mt-5">Stock Data</h2>';
+                    var table = document.createElement('table');
+                    table.classList.add('table');
+                    var tbody = document.createElement('tbody');
+                    data.table_data.forEach(function(row) {
+                        var tr = document.createElement('tr');
+                        row.forEach(function(cell) {
+                            var td = document.createElement('td');
+                            td.textContent = cell;
+                            tr.appendChild(td);
+                        });
+                        tbody.appendChild(tr);
+                    });
+                    table.appendChild(tbody);
+                    tableContainer.appendChild(table);
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+            });
+        }
+    </script>
+</body>
+</html>
diff --git a/app/templates/results.html b/app/templates/results.html
new file mode 100644
index 0000000..77cce7c
--- /dev/null
+++ b/app/templates/results.html
@@ -0,0 +1,10 @@
+{% extends 'formbase.html' %}
+
+{% block title %}Results - {{ super() }}{% endblock %}
+
+{% block content %}
+    <div class="container">
+        <h2 class="mt-4">Results</h2>
+        <img src='data:image/png;base64,{{ data }}' class="img-fluid mt-4"/>
+    </div>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/statarb.html b/app/templates/statarb.html
new file mode 100644
index 0000000..8c22a36
--- /dev/null
+++ b/app/templates/statarb.html
@@ -0,0 +1,8 @@
+{% extends 'formbase.html' %}
+
+{% block title %}Home - {{ super() }}{% endblock %}
+
+{% block content %}
+<!-- <h2>Welcome to the Home Page</h2> -->
+<!-- <p>This is the content for the home page.</p> -->
+{% endblock %}