berlyn/Artfight-HTML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

start new felix profile

Browse Source
This commit is contained in:
Berlyn
2026-07-02 01:31:37 -05:00
parent db8f70328b
commit ba2389bc48
1 changed files with 210 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
my-characters/felix/felix.html Normal file
View File

@@ -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-->