Skip to content

Instantly share code, notes, and snippets.

@97997
Created December 11, 2020 08:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 97997/a9efb013f5d1ae81f7a9b9f42b37a57c to your computer and use it in GitHub Desktop.
Save 97997/a9efb013f5d1ae81f7a9b9f42b37a57c to your computer and use it in GitHub Desktop.
<!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