211 lines
8.8 KiB
HTML
211 lines
8.8 KiB
HTML
<!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:#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: [Full Name]</li>
|
|
<li>Nickname: [Nickname]</li>
|
|
<li>Birthday: [Birthday]</li>
|
|
<li>Gender: [Gender]</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: [Full Name]</li>
|
|
<li>Chinese Zodiac: [Nickname]</li>
|
|
<li>Birthday: [Birthday]</li>
|
|
<li>Gender: [Gender]</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>
|
|
Describe your Character's personality here.
|
|
</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 style="text-align: center; margin-top:30px;">
|
|
<p>
|
|
Thanks for reading!
|
|
</p>
|
|
<div style="text-align: right;">
|
|
<img src="https://files.catbox.moe/zhls1u.png">
|
|
</div>
|
|
</div>
|
|
|
|
</body> <!--End Body Code-->
|
|
</html> <!--End HTML Document--> |