Created
December 11, 2020 08:21
-
-
Save 97997/a9efb013f5d1ae81f7a9b9f42b37a57c to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<style> | |
* { | |
box-sizing: border-box; | |
} | |
/* Create two equal columns that floats next to each other */ | |
body { | |
background-color: #252525; | |
color: #f39c12; | |
text-align: center; | |
font-size: 210%; | |
} | |
.column { | |
float: left; | |
width: 50%; | |
padding: 10px; | |
/* margin-top: 1%;*/ | |
/* height: fill;*/ | |
} | |
/* Clear floats after the columns */ | |
.row:after { | |
content: ""; | |
display: table; | |
clear: both; | |
} | |
</style> | |
</head> | |
<body> | |
<!--Two Equal Columns--> | |
<div class="row"> | |
<div class="column" style="background-color:#252525;"> | |
<h2>The Hero Club's Six Tenets</h2> | |
<p>1. Give people a good greeting. <br>挨拶はきちんと</p> | |
<p>2. Try not to give up. <br>なるべく諦めない</p> | |
<p>3. Sleep well, eat well. <br>よく寢て、よく食べる</p> | |
<p>4. If you're troubled, talk to someone! <br>悩んだら相談!</p> | |
<p>5. You're likely to succeed if you try. <br>なせば大抵なんとかなる</p> | |
<p>6. Don't push yourself and make sure you're happy as well. <br>無理せず 自分も幸せであること</p> | |
</div> | |
<div class="column" style="background-color:#252525;"> | |
<h2>武德 Martial virtues </h2> | |
<p>GON (Hànzì: 功, Pinyin: Gōng, On'yomi: Kō) <br> Everyday, without neglect, to keep training </p> | |
<p>DAN (Hànzì: 胆, Pinyin: Dǎn, On'yomi: Tan) <br> Be brave and stay calm to make the right decision </p> | |
<p>JIE (Hànzì: 戒, Pinyin: Jiè, On'yomi: Kai) <br> Judge yourself without conceit and do not show moves thoughtlessly </p> | |
<p>YI (Hànzì: 義, Pinyin: Yì, On'yomi: Gi) <br> To act without hesitation, to do what is right </p> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment