diff --git a/projects/templates/projects/all_projects.html b/projects/templates/projects/all_projects.html
index 76123aa..76d478c 100644
--- a/projects/templates/projects/all_projects.html
+++ b/projects/templates/projects/all_projects.html
@@ -5,19 +5,29 @@
         <meta charset="UTF-8">
         <title>Title</title>
         <!-- CSS only -->
-        <!-- link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" -->
-
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     </head>
     <body>
-        <h1>Hi again</h1>
-        <!--div class="alert alert-warning" role="alert">
-            Remember that errors are your friends!
-        </div -->
-        {% for project in projects%}
-            <img src="{% static project.image %}" alt="screenshot of project">
-            <h1>{{ project.title }}</h1>
-            <p>{{ project.description }}</p>
-            <p>{{ project.technology }}</p>
+    <div class="container">
+        <h1>Projects</h1>
+        <div class="row">
+            <!-- h1>Hi again</h1 -->
+            <!--div class="alert alert-warning" role="alert">
+                Remember that errors are your friends!
+            </div -->
+            {% for project in projects%}
+            <div class="col-md-4">
+                <div class="card mb-2">
+                    <img class="card-img-top" src="{% static project.image %}" alt="{{ project.description }}">
+                    <div class="card-body">
+                        <h5 class="card-title">{{ project.title }}</h5>
+                        <p class="card-text">{{ project.description }}</p>
+                        <a href="#" class="btn btn-primary">Read More</a>
+                    </div>
+                </div>
+            </div>
         {% endfor %}
+        </div>
+    </div>
     </body>
 </html>
\ No newline at end of file
