diff --git a/my-characters/felix/felix.html b/my-characters/felix/felix.html
new file mode 100644
index 0000000..071a03c
--- /dev/null
+++ b/my-characters/felix/felix.html
@@ -0,0 +1,210 @@
+<!DOCTYPE html> <!--Tells the computer that this is an HTML document-->
+<html lang="en"><!--Tells the computer that the language is English-->  
+<body><!--Tells the computer that this is the code you see on the page-->
+
+<div style="background-color:#222222; padding: 20px;">
+
+    <div style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-top: 10px;">
+            <h2><u>Notices</u></h2>
+            <ul>
+                <li>Notice 1</li>
+                <li>Notice 2</li>
+                <li>Notice 3</li>
+            </ul>
+    </div>
+
+    <div class="row mx-auto g-4 justify-content-center" style="margin-top: 10px;">
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-right: 10px;">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Important Notes</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul style="margin:0; padding:0; list-style:none;">
+                    <li>Note 1</li>
+                    <li>Note 2</li>
+                    <li>Note 3</li>
+                </ul>
+            </p>
+        </div>
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px;">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Important Links:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul>
+                    <li>Link 1</li>
+                    <li>Link 2</li>
+                    <li>Link 3</li>
+                </ul>
+            </p>
+        </div>
+
+    </div>
+
+    <div class="row mx-auto g-4 justify-content-center" style="margin-top: 10px;">
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-right: 10px;">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Basic Info:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul style="margin:0; padding:0; list-style:none;">
+                    <li>Full Name: Felix Finnegan Fox</li>
+                    <li>Nickname(s): [Nickname]</li>
+                    <li>Birthday: [Birthday]</li>
+                    <li>Gender: Male</li>
+                    <li>Height: [Height]</li>
+                    <li>Fur color: Orange</li>
+                </ul>
+            </p>
+        </div>
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px;">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Typology:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul style="margin:0; padding:0; list-style:none;">
+                    <li>Western Zodiac: [Zodiac]</li>
+                    <li>Chinese Zodiac: [Zodiac]</li>
+                    <li>MBTI: [XXXX]</li>
+                    <li>Enneagram: 7w6</li>
+                </ul>
+            </p>
+        </div>
+
+    </div>
+
+
+        <div style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-top: 10px;">
+            <h2><u>Appearance</u></h2>
+            <p>
+                Describe your Character's appearance here.
+            </p>
+        </div>
+
+        <div style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-top: 10px;">
+            <h2><u>Personality</u></h2>
+            <p>
+                Felix Finnegan Fox is my (Potential) Children's Book main character.
+                He is the local forest detective, quite friendly and playful, but a bit clumsy.
+                When he was younger, he tended to get into things he shouldn't,
+                but has become more cautious as he got himself into many tricky situations.
+            </p>
+        </div>
+
+    <div class="row mx-auto g-4 justify-content-center" style="margin-top: 10px;">
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-right: 10px">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Favorites:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul>
+                    <li>Like 1</li>
+                    <li>Like 2</li>
+                    <li>Like 3</li>
+                </ul>
+            </p>
+        </div>
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px;">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Hates:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul>
+                    <li>Dislike 1</li>
+                    <li>Dislike 2</li>
+                    <li>Dislike 3</li>
+                </ul>
+            </p>
+        </div>
+
+    </div>
+
+    <div class="row mx-auto g-4 justify-content-center" style="margin-top: 10px;">
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-right: 10px">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Hobbies:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul>
+                    <li>Hobby 1</li>
+                    <li>Hobby 2</li>
+                    <li>Hobby 3</li>
+                </ul>
+            </p>
+        </div>
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px;">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Fears:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul>
+                    <li>Fear 1</li>
+                    <li>Fear 2</li>
+                    <li>Fear 3</li>
+                </ul>
+            </p>
+        </div>
+
+    </div>
+
+    <div class="row mx-auto g-4 justify-content-center" style="margin-top: 10px;">
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-right: 10px">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Matching Songs:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul>
+                    <li>Hobby 1</li>
+                    <li>Hobby 2</li>
+                    <li>Hobby 3</li>
+                </ul>
+            </p>
+        </div>
+
+        <div class="col-md-5 p-1" style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px;">
+        <!-- background color is the color of the box, color is the text color,
+         border-radius is the roundness of the corners,
+         padding is the space between the text and the border -->
+            <p>
+                <h2><u>Matching Songs with other characters:</u></h2>
+                <!--u means underline, margin-bottom is the space between the heading and the stuff below-->
+                <ul>
+                    <li>Fear 1</li>
+                    <li>Fear 2</li>
+                    <li>Fear 3</li>
+                </ul>
+            </p>
+        </div>
+
+    </div>
+
+    </div> <!--End Background Color-->
+    </body> <!--End Body Code-->
+</html> <!--End HTML Document-->
\ No newline at end of file
