Kimochi Post Style

<!-- Designed by Yume -->
<div class="container">
    <!-- Story -->
    <div class="card bg-secondary text-white text-justify mb-3">
        <div class="card-header bg-dark">Story</div>
        <div class="card-body">
            EDIT_HERE
        </div>
    </div>

    <!-- Background Image -->
    <img src="EDIT_HERE" class="rounded mx-auto d-block img-fluid mb-3" alt="Kimochi.Info">

    <!-- All Information -->
    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" data-toggle="tab" href="#info"><strong class="text-dark">Info</strong></a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#hcg"><strong class="text-dark">HCGs</strong></a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#download"><strong class="text-dark">Download</strong></a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#guide"><strong class="text-dark">Guide</strong></a>
        </li>
        <li class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#requirement"><strong class="text-dark">Requirement</strong></a>
        </li>
    </ul>

    <div class="tab-content mb-3">
        <!-- Info -->
        <div id="info" class="container tab-pane active"><br>
            <ul class="text-justify">
                <li><strong class="text-secondary">Original Title:</strong> EDIT_HERE</li>
                <li><strong class="text-secondary">Language:</strong> EDIT_HERE</li>
                <li><strong class="text-secondary">Publisher:</strong> <a href="EDIT_HERE" class="text-primary" target="_blank">EDIT_HERE</a></li>
                <li><strong class="text-secondary">Release Date:</strong> EDIT_HERE</li>
                <li><strong class="text-secondary">Platform:</strong> <strong class="text-danger">Windows</strong></li>
            </ul>
        </div>

        <!-- HCGs -->
        <div id="hcg" class="container mx-auto tab-pane fade carousel slide" data-ride="carousel"><br>
            <ul class="carousel-indicators">
                <li data-target="#hcg" data-slide-to="0" class="active"></li>
                <li data-target="#hcg" data-slide-to="1"></li>
                <li data-target="#hcg" data-slide-to="2"></li>
            </ul>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="EDIT_HERE" class="rounded mx-auto d-block img-fluid mb-3" alt="Kimochi.Info">
                </div>
                <div class="carousel-item">
                    <img src="EDIT_HERE" class="rounded mx-auto d-block img-fluid mb-3" alt="Kimochi.Info">
                </div>
                <div class="carousel-item">
                    <img src="EDIT_HERE" class="rounded mx-auto d-block img-fluid mb-3" alt="Kimochi.Info">
                </div>
            </div>
            <a class="carousel-control-prev" href="#hcg" data-slide="prev">
                <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#hcg" data-slide="next">
                <span class="carousel-control-next-icon"></span>
            </a>
        </div>

        <!-- Download -->
        <div id="download" class="container text-center tab-pane fade"><br>
            <div class="card bg-secondary">
                <div class="card-header bg-dark">
                    <strong class="text-primary">Please spend time to read <a class="text-danger" href="https://kimochi.info/faqs/" target="_blank">FAQs</a> before downloading. Sometimes it may help you.</strong>
                </div>
                <div class="card-body">
                    <a class="btn btn-dark" href="EDIT_HERE" data-toggle="tooltip" data-placement="right" title="Password: kimochi.info" target="_blank">EDIT_HERE</a>
                </div>
                <div class="card-footer bg-dark">
                    <strong class="text-danger">Password:</strong> <strong class="text-primary">kimochi.info</strong>
                </div>
            </div>
        </div>

        <!-- Guide -->
        <div id="guide" class="container tab-pane fade"><br>
            <ol class="text-justify">
                <li>EDIT_HERE</li>
                <li>EDIT_HERE</li>
            </ol>
        </div>

        <!-- Requirement -->
        <div id="requirement" class="container tab-pane fade"><br>
            <ul class="text-justify">
                <li><strong class="text-secondary">OS:</strong> EDIT_HERE</li>
                <li><strong class="text-secondary">RAM:</strong> EDIT_HERE</li>
                <li><strong class="text-secondary">CPU:</strong> EDIT_HERE</li>
                <li><strong class="text-secondary">GPU:</strong> EDIT_HERE</li>
                <li><strong class="text-secondary">Storage:</strong> EDIT_HERE</li>
            </ul>
        </div>
    </div>

    <!-- Video Embed -->
    <div class="mx-auto mb-3">
        EDIT_HERE
    </div>
</div>