start new felix profile
This commit is contained in:
210
my-characters/felix/felix.html
Normal file
210
my-characters/felix/felix.html
Normal 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-->
|
||||||
Reference in New Issue
Block a user