diff --git a/.gitignore b/.gitignore
index 39caa9e..129f6ad 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ wfastcgi.py
 .DS_Store
 static/.DS_Store
 __pycache__/
+venv/
diff --git a/__pycache__/app.cpython-38.pyc b/__pycache__/app.cpython-38.pyc
index fe4d6de..3d4e436 100644
Binary files a/__pycache__/app.cpython-38.pyc and b/__pycache__/app.cpython-38.pyc differ
diff --git a/templates/courses_list.html b/templates/courses_list.html
index e5c7d1b..a6da80d 100644
--- a/templates/courses_list.html
+++ b/templates/courses_list.html
@@ -63,6 +63,9 @@
             .sticky + .content {
               padding-top: 60px;
             }
+            .row{
+                padding-right: 120px;
+            }
         </style>
 	</head>
   <body style="background-color: #00dcff59;   background: linear-gradient(0deg,rgba(85, 89, 96, 0.7),rgba(85, 89, 96, 0.7)), url('https://i.imgur.com/R04WgRK.jpg') center center no-repeat; background-size:cover;">
@@ -96,15 +99,15 @@ <h5 class="modal-title" > University of Cambridge | BA Computer Science</h5>
                     <ul class="content">
                     <li>UCAS Application</li></ul></li>
                 <li>
-                    <span class="year">??</span>
+                    <span class="year">1 Dec</span>
                     <ul class="content">
                     <li>Written assessment</li></ul></li>
                 <li>
-                    <span class="year">??</span>
+                    <span class="year">15 Jan</span>
                     <ul class="content">
                     <li>Interview</li></ul></li>
                 <li>
-                    <span class="year">Jan</span>
+                    <span class="year">25 Feb</span>
                     <ul class="content">
                     <li>Results</li></ul></li>
                 <li><span class="year new">...</span></li></ul>
@@ -122,7 +125,7 @@ <h5 class="modal-title" > University of Cambridge | BA Computer Science</h5>
             <div class="card col-sm-3 offset-1">
               <div class="card-body">
                 <h5 class="card-title">University of Cambridge</h5>
-                <p class="card-text">Top 5 universities worldwide...</p>
+                <p class="card-text">Top 5 universities worldwide</p>
 
                 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#cambridge-modal">Additional Details</a>
 
@@ -134,14 +137,29 @@ <h5 class="card-title">University of Cambridge</h5>
           <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
-          <h5 class="modal-title" > This is where the board goes</h5>
+          <h5 class="modal-title" > Additional Details</h5>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
         </div>
         <div class="modal-body">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </div>
+                    Requirements: 
+            <hr>
+            <br>
+            <ul class="timeline">
+                <li>
+                    <span class="year">25 Jan</span>
+                    <ul class="content">
+                    <li>UCAS Application</li></ul></li>
+                <li>
+                    <span class="year">25 Mar</span>
+                    <ul class="content">
+                    <li>Interview</li></ul></li>
+                <li>
+                    <span class="year">30 Apr</span>
+                    <ul class="content">
+                    <li>Results</li></ul></li>
+                <li><span class="year new">...</span></li></ul> </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button id="save-questions-changes" type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-save"></i>Save</button>
@@ -163,14 +181,25 @@ <h5 class="card-title">University of Southampton</h5>
           <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
-          <h5 class="modal-title" > This is where the board goes</h5>
+          <h5 class="modal-title" > Additional Details</h5>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
         </div>
         <div class="modal-body">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </div>
+                    Requirements: 
+            <hr>
+            <br>
+            <ul class="timeline">
+                <li>
+                    <span class="year">25 Jan</span>
+                    <ul class="content">
+                    <li>UCAS Application</li></ul></li>
+                <li>
+                    <span class="year">30 Apr</span>
+                    <ul class="content">
+                    <li>Results</li></ul></li>
+                <li><span class="year new">...</span></li></ul></div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button id="save-questions-changes" type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-save"></i>Save</button>
@@ -182,7 +211,7 @@ <h5 class="modal-title" > This is where the board goes</h5>
             <div class="card col-sm-3 offset-1">
               <div class="card-body">
                 <h5 class="card-title">University of Leeds</h5>
-                <p class="card-text">Not amazing, but here just as an example</p>
+                <p class="card-text">A top university for engineering courses.</p>
 
                 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#leeds-modal">Additional Details</a>
               </div>
@@ -194,7 +223,7 @@ <h5 class="card-title">University of Leeds</h5>
           <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
-          <h5 class="modal-title" > This is where the board goes</h5>
+          <h5 class="modal-title" > Additional Details</h5>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
@@ -212,8 +241,8 @@ <h5 class="modal-title" > This is where the board goes</h5>
         
             <div class="card col-sm-3 offset-1">
               <div class="card-body">
-                <h5 class="card-title">University of Cambridge</h5>
-                <p class="card-text">Top 5 universities worldwide...</p>
+                <h5 class="card-title">Imperial College of London</h5>
+                <p class="card-text">One of the best universities in London</p>
                 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#cambridge-modal">Additional Details</a>
               </div>
             </div>
@@ -223,14 +252,33 @@ <h5 class="card-title">University of Cambridge</h5>
           <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
-          <h5 class="modal-title" > This is where the board goes</h5>
+          <h5 class="modal-title" > Additional Details</h5>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
         </div>
         <div class="modal-body">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </div>
+                   Requirements: 
+            <hr>
+            <br>
+            <ul class="timeline">
+                <li>
+                    <span class="year">15 Oct</span>
+                    <ul class="content">
+                    <li>UCAS Application</li></ul></li>
+                <li>
+                    <span class="year">??</span>
+                    <ul class="content">
+                    <li>Written assessment</li></ul></li>
+                <li>
+                    <span class="year">??</span>
+                    <ul class="content">
+                    <li>Interview</li></ul></li>
+                <li>
+                    <span class="year">Jan</span>
+                    <ul class="content">
+                    <li>Results</li></ul></li>
+                <li><span class="year new">...</span></li></ul>  </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button id="save-questions-changes" type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-save"></i>Save</button>
@@ -241,8 +289,8 @@ <h5 class="modal-title" > This is where the board goes</h5>
             
             <div class="card col-sm-3 offset-1">
               <div class="card-body">
-                <h5 class="card-title">University of Southampton</h5>
-                <p class="card-text">ECS is fantastic</p>
+                <h5 class="card-title">University of Glasgow</h5>
+                <p class="card-text">A university in Scotland</p>
                 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#soton-modal">Additional Details</a>
               </div>
             </div>
@@ -251,14 +299,33 @@ <h5 class="card-title">University of Southampton</h5>
           <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
-          <h5 class="modal-title" > This is where the board goes</h5>
+          <h5 class="modal-title" > Additional Details</h5>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
         </div>
         <div class="modal-body">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </div>
+                   Requirements: 
+            <hr>
+            <br>
+            <ul class="timeline">
+                <li>
+                    <span class="year">15 Oct</span>
+                    <ul class="content">
+                    <li>UCAS Application</li></ul></li>
+                <li>
+                    <span class="year">??</span>
+                    <ul class="content">
+                    <li>Written assessment</li></ul></li>
+                <li>
+                    <span class="year">??</span>
+                    <ul class="content">
+                    <li>Interview</li></ul></li>
+                <li>
+                    <span class="year">Jan</span>
+                    <ul class="content">
+                    <li>Results</li></ul></li>
+                <li><span class="year new">...</span></li></ul>   </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button id="save-questions-changes" type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-save"></i>Save</button>
@@ -269,8 +336,8 @@ <h5 class="modal-title" > This is where the board goes</h5>
             
             <div class="card col-sm-3 offset-1">
               <div class="card-body">
-                <h5 class="card-title">University of Leeds</h5>
-                <p class="card-text">Not amazing, but here just as an example</p>
+                <h5 class="card-title">University of Manchester</h5>
+                <p class="card-text">Largest Computer Science department</p>
                 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#leeds-modal">Additional Details</a>
               </div>
             </div>
@@ -281,7 +348,7 @@ <h5 class="card-title">University of Leeds</h5>
           <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
-          <h5 class="modal-title" > This is where the board goes</h5>
+          <h5 class="modal-title" > Additional Details</h5>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
@@ -299,8 +366,8 @@ <h5 class="modal-title" > This is where the board goes</h5>
         
             <div class="card col-sm-3 offset-1">
               <div class="card-body">
-                <h5 class="card-title">University of Cambridge</h5>
-                <p class="card-text">Top 5 universities worldwide...</p>
+                <h5 class="card-title">UCL</h5>
+                <p class="card-text">London's global university</p>
                 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#cambridge-modal">Additional Details</a>
               </div>
             </div>
@@ -310,14 +377,33 @@ <h5 class="card-title">University of Cambridge</h5>
           <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
-          <h5 class="modal-title" > This is where the board goes</h5>
+          <h5 class="modal-title" > Additional Details</h5>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
         </div>
         <div class="modal-body">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </div>
+                   Requirements: 
+            <hr>
+            <br>
+            <ul class="timeline">
+                <li>
+                    <span class="year">15 Oct</span>
+                    <ul class="content">
+                    <li>UCAS Application</li></ul></li>
+                <li>
+                    <span class="year">??</span>
+                    <ul class="content">
+                    <li>Written assessment</li></ul></li>
+                <li>
+                    <span class="year">??</span>
+                    <ul class="content">
+                    <li>Interview</li></ul></li>
+                <li>
+                    <span class="year">Jan</span>
+                    <ul class="content">
+                    <li>Results</li></ul></li>
+                <li><span class="year new">...</span></li></ul>  </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button id="save-questions-changes" type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-save"></i>Save</button>
@@ -328,8 +414,8 @@ <h5 class="modal-title" > This is where the board goes</h5>
             
             <div class="card col-sm-3 offset-1">
               <div class="card-body">
-                <h5 class="card-title">University of Southampton</h5>
-                <p class="card-text">ECS is fantastic</p>
+                <h5 class="card-title">University of Bristol</h5>
+                <p class="card-text">A red brick research university </p>
                 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#soton-modal">Additional Details</a>
               </div>
             </div>
@@ -338,14 +424,33 @@ <h5 class="card-title">University of Southampton</h5>
           <div class="modal-dialog modal-xl">
             <div class="modal-content">
                 <div class="modal-header">
-          <h5 class="modal-title" > This is where the board goes</h5>
+          <h5 class="modal-title" > Additional Details</h5>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
         </div>
         <div class="modal-body">
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </div>
+                   Requirements: 
+            <hr>
+            <br>
+            <ul class="timeline">
+                <li>
+                    <span class="year">15 Oct</span>
+                    <ul class="content">
+                    <li>UCAS Application</li></ul></li>
+                <li>
+                    <span class="year">??</span>
+                    <ul class="content">
+                    <li>Written assessment</li></ul></li>
+                <li>
+                    <span class="year">??</span>
+                    <ul class="content">
+                    <li>Interview</li></ul></li>
+                <li>
+                    <span class="year">Jan</span>
+                    <ul class="content">
+                    <li>Results</li></ul></li>
+                <li><span class="year new">...</span></li></ul>   </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button id="save-questions-changes" type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-save"></i>Save</button>
@@ -356,9 +461,9 @@ <h5 class="modal-title" > This is where the board goes</h5>
             
             <div class="card col-sm-3 offset-1">
               <div class="card-body">
-                <h5 class="card-title">University of Leeds</h5>
-                <p class="card-text">Not amazing, but here just as an example</p>
-                <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#leeds-modal">Additional Details</a>
+                <h5 class="card-title">University of Oxford</h5>
+                <p class="card-text">One of the first universities in the UK</p>
+                <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#cambridge-modal">Additional Details</a>
               </div>
             </div>
         </div>
