Goals: What you will make by the end of today

Free Bootstrap Themes and Website Templates | BootstrapMade

Examples

73+ Bootstrap Free Themes and Templates: Download @ Creative Tim

Step 1: Download the starting project

• Head over to Start Bootstrap's website and download the Clean Blog Template:

https://startbootstrap.com/previews/clean-blog/

A. Create the static and templates folders.

B. Move the files in the project to the correct folders (HTML files to templates and all folders to static).

C. Delete the mail folder. We're going to be coding up the functionality from scratch.

D. Create a header.html and footer.html file and the all important main.py.

• following is my work folder

Step 2: Ge the home page to work

• Render to home page by using Flask what we learn before http://localhost:5000

from flask import Flask
from flask import render_template

import datetime
import requests

app = Flask(__name__)

@app.route('/')
def home():
    return render_template("index.html")

 
if __name__=="__main__":
    app.debug = True
    app.run()

Step 3: Fix the header and footer