diff --git a/pages/html-training.mdx b/pages/html-training.mdx
index 601a181..1664dff 100644
--- a/pages/html-training.mdx
+++ b/pages/html-training.mdx
@@ -542,6 +542,24 @@ export const StepsList = () => {
 </ol>
 ```
 
+## Forms
+
+### Label
+
+Each `input` must have a `label` connected which should have a text inside. Thought there are anothers ways to make a form field accesible this is the standar. A quick check that a label is asign to the input is that if you click the label the input it should focus.
+
+```html
+<label for="peas">Do you like peas?</label>
+<input type="text" name="peas" id="peas" />
+```
+
+```html
+<label>
+  <span>Do you like peas?</span>
+  <input type="text" name="peas" />
+</label>
+```
+
 ## Landmarks
 
 Use the appropriate landmarks to identify the different regions of content on a web page. The most important landmark roles are `main` and `navigation`, as nearly every page will include at least those regions.
diff --git a/pages/ui-bookmarks.mdx b/pages/ui-bookmarks.mdx
index b8f73bc..604a544 100644
--- a/pages/ui-bookmarks.mdx
+++ b/pages/ui-bookmarks.mdx
@@ -31,6 +31,7 @@
 - [Stephanie Eckles ](https://thinkdobecreate.com/)
 - [Manuel Matuzovic](https://www.matuzo.at/)
 - [HTMHell - Manuel Matuzović](https://www.htmhell.dev/)
+- [Eric Bailey](https://ericwbailey.website/)
 - [Ahmad Shadeed](https://ishadeed.com/)
 - [Josh W Comeau](https://www.joshwcomeau.com/)
 - [Web Axe](http://www.webaxe.org/)
@@ -48,3 +49,4 @@
 - [Free Lottie Animation Files, Tools & Plugins - LottieFiles](https://lottiefiles.com/)
 - [CSS triangle generator](http://apps.eky.hk/css-triangle-generator/)
 - [CSS Shorthand Generator](https://shrthnd.volume7.io/)
+- [Aspect Ratio Calculator](https://aspectratiocalculator.com/)