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

sort files

Browse Source
This commit is contained in:
Berlyn
2026-07-02 00:52:29 -05:00
parent 8e27ab103f
commit 1d803211f7
25 changed files with 3505 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
templates/stand-template-jjba.html Normal file
View File

@@ -0,0 +1,195 @@
<!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>Stand Name: </li>
<li>Stand Nicknames: </li>
<li>Stand User: </li>
<li>Stand Ability Type: </li>
<li>Stand Form Type: </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>Stand Stats:</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>Strength/Destructive Power: </li>
<li>Speed: </li>
<li>Range: </li>
<li>Stamina/Durability: </li>
<li>Precision:</li>
<li>Developmental Potential:</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 Stand'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 Stand's personality here.
</p>
</div>
<div style="background-color:#303030; color: #E3E3E3; border-radius: 10px; padding: 10px; margin-top: 10px;">
<h2><u>Abilities</u></h2>
<h3>Ability 1</h3>
<p>
Describe your Stand's ability here.
</p>
<h3>Ability 2</h3>
<p>
Describe your Stand's ability 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>Strengths:</u></h2>
<!--u means underline, margin-bottom is the space between the heading and the stuff below-->
<ul>
<li>Strength 1</li>
<li>Strength 2</li>
<li>Strength 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>Weaknesses:</u></h2>
<!--u means underline, margin-bottom is the space between the heading and the stuff below-->
<ul>
<li>Weakness 1</li>
<li>Weakness 2</li>
<li>Weakness 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>
</div>div>
</body> <!--End Body Code-->
</html> <!--End HTML Document-->