diff --git a/Topics/Tech_Stacks.md b/Topics/Tech_Stacks.md
index 5c9431135..29159444a 100644
--- a/Topics/Tech_Stacks.md
+++ b/Topics/Tech_Stacks.md
@@ -10,7 +10,10 @@
### [Angular Resources](./Tech_Stacks/Angular.md)
### [Learning PostgreSQL and psycopg2](./Tech_Stacks/PostgreSQL_psycopg2.md)
### [CSS](./Tech_Stacks/CSS.md)
+### [Learning Bootstrap](./Tech_Stacks/Bootstrap.md)
### [Learning TypeScript](./Tech_Stacks/TypeScript.md)
### [Learning JavaScript](./Tech_Stacks/JavaScript.md)
### [Learning React Native](./Tech_Stacks/ReactNative.md)
+### [Learning Nodemailer](./Tech_Stacks/Nodemailer.md)
### [React Components Guide](./Tech_Stacks/React_Components.md)
+### [Temporal For Workflow Orchestration](./Tech_Stacks/Temporal.md)
diff --git a/Topics/Tech_Stacks/Bootstrap.md b/Topics/Tech_Stacks/Bootstrap.md
new file mode 100644
index 000000000..c749ed53d
--- /dev/null
+++ b/Topics/Tech_Stacks/Bootstrap.md
@@ -0,0 +1,166 @@
+# Learning Bootstrap, a CSS Framework
+
+## Table of contents
+### [Introduction](#what-is-bootstrap?-1)
+### [What is Bootstrap](#what-is-bootstrap-1)
+### [Where to begin](#where-to-begin-1)
+### [Bootstrap Basics](#bootstrap-basics-1)
+### [References](#references-and-links-1)
+
+## Preface
+Here you will learn the basics of how to incorporate Bootstrap into your website-building workflow. This should not serve as an in-depth guide, but rather one that should help you get your foot in the door to begin understanding and using Bootstrap components. Before you start, it is recommended that you have working knowledge of both HTML and CSS. This could be as little as a simple styled website. You can get started at [this CSS guide](./CSS.md), but it is suggested to have more practice with CSS. Although not required, it will be helpful in understanding why Bootstrap is such a widely-used and useful framework when working with CSS. At the end of this guide, you should be able to apply some simple Bootstrap components or formatting into your website.
+
+## What is Bootstrap?
+Bootstrap is a CSS Framework that simplifies and standardizes much of the styling process. It does this by including much of the common styling choices as an optional pre-built class that can be attached to HTML elements, most commonly divs or spans. In a typical workflow, you would need to create the CSS for these class yourself in a .css file and import those styles. Over a large project, you might begin to realize that the styles can get messy and/or redundnant. Using Bootstrap's built-in styles would instead allow you to rely on their basic foundational stylistic building blocks, requiring less custom CSS from you.
+
+## Where to begin
+The most extensive guide in getting started with Bootstrap is undoubtedly from the official documentation. Everything here will have its corresponding reference on [their website here](https://getbootstrap.com/docs/5.3/getting-started/introduction/).
+
+For starters, you will need to add Bootstrap to your website's HTML files. Following the guide in the link above:
+
+1. For responsive design, insert `` inside your ` ` element.
+2. For Bootstrap's CSS, insert `` inside your ` ` element.
+3. For Bootstrap's JavaScript, insert `` inside your ` ` element, at the bottom. This allows the use of certain Bootstrap elements that rely on JavaScript.
+
+For the sake of this tutorial, insert all the above and it should look something like:
+```html
+
+
+
+
+
+
+
+
+ Bootstrap demo
+
+
+
+
+
+
+
Hello, world!
+
+
+
+
+
+```
+
+## Bootstrap Basics
+At the heart of Bootstrap is the inclusion of Bootstrap classes into your HTML elements. At the start, you will find yourself constantly looking at documentation to refer to which available class options are available. These classes are used to add styling into your elements as either a Bootstrap component, or a simple shorthand for common CSS adjustments. Some commonly used classes include the adjustment of margins and padding. Here is an example of how each of them can be used in code, along with their corresponding reference.
+
+[Margins / Padding](https://getbootstrap.com/docs/5.3/utilities/spacing/)
+```html
+
+
+
+
+
+
+
+```
+
+These class names may look foreign, but essentially they follow the format of `[margin / padding][side]-[scale]`. What they do is change the margins or paddings of the HTML elements without the need for custom CSS styling or classes, since it is common to want to adjust spacing conveniently on the fly. Add these classes to any element, and watch the spacing change! The specific selections can be found in the documentation, but a summary is:
+
+```
+# Types
+m = margin, p = padding
+
+# Sides
+t = top, b = bottom, s = start (typically left), e = end (typically right)
+x = x-axis (left and right), y = y-axis (top and bottom)
+Using m or p alone = all sides
+
+# Values
+auto = CSS auto
+0, 1, 2, 3, 4, 5 = Relative sizes from 0 to 3 rem
+```
+
+### Cards
+[Bootstrap Cards Resource](https://getbootstrap.com/docs/5.3/components/card/)
+
+Cards are one of the best places to start to understand how Bootstrap compoments work. They are a simple way to contain a collection of information, and work like their name, as a "card". In essence, they are a rectangular container with a slight border radius to round out the corners that can contain things like an image, a header, a body, and more. Since they do not have margins, you can utilize and append the simple spacing shown in the [previous section](#bootstrap-basics-1).
+
+When starting out with Bootstrap, it is helpful to play around with template code such as the one below. Let's start by breaking down the example code in the reference:
+
+
+
+
+```html
+
+
+
+
Card title
+
Some quick example text to build on the card title and make up the bulk of the card's content.
+```
+
+Here, we have a sample Bootstrap card that will display as the above image. The outer-most element is a div with the `"card"` class, establishing the basic rounded rectangle of width 18rem. This allows for cards to be placed anywhere and adjusted to the appropriate sizes with your own styles. Nested within this element is where you can place other parts of a card, such as `"card-img-top"`, `"card-body"`, `"card-title"`, and `"card-text"`. There are other options you may find on the official documentation, but for now we will focus on these.
+
+- `"card-img-top"` is a class that can format an image to fill the top of the card. Thus, it is usually attached to an `img` element and can be paired with text in the `"card-body"` that will fill the bottom.
+- `"card-body"` is a class where most of the content can be nested inside. The class allots a padded space for your content, such as text, to belong. It can be paired with `"card-title"` and `"card-text"` to format the text within.
+- `"card-title"` and `"card-text"` are classes that will style your text. It can be added as a child of the `"card-body"` to utilize the premade formatting, or it can be used on its own with your own custom CSS formatting.
+
+Reminder that these classes do not have to be placed in this certain order, and liberties can be taken with your own custom CSS to determine the proper formatting that you desire. A lot of Bootstrap components are tools you can use as reference, and you can apply further customization to fit your needs.
+
+### Grid Layout
+[Bootstrap Grid Resource](https://getbootstrap.com/docs/5.3/layout/grid/)
+
+The Bootstrap Grid System is a fundamental tool for creating responsive and organized layouts in web development. It revolves around a 12-column grid structure, providing a flexible framework to arrange content on your webpage.
+
+- **Container:** The `container` class creates a responsive wrapper for your content, adjusting its width based on the screen size.
+
+- **Rows and Columns:** Use the `row` class to define horizontal containers. Inside a row, you can divide the space into 12 columns using classes like `col-`, `col-sm-`, `col-md-`, etc. For example:
+
+ ```html
+
+
+
+
+
+
+
+
+
+
+ ```
+
+- **Responsive Classes:** Bootstrap provides responsive classes to control column behavior on different screen sizes. Prefix classes like `col-sm-` for small screens, `col-md-` for medium screens, and so on.
+
+- **Offsetting and Nesting:** Offset classes add space between columns, while nesting allows you to create more intricate layouts by placing rows and columns inside existing columns.
+
+#### Example Implementation
+
+Creating a three-column layout:
+
+```html
+