<div class="py-3 py-md-5 bg-light"> 
    <div class="container"> 
        <div class="row align-items-center"> 
            <div class="col-3 col-sm-2 col-md-1"> 
                <i class="<?= $meta->icon; ?> mdi-4x"></i> 
            </div> 
            <div class="col-9 col-sm-10 col-md-11"> 
                <h3 class="mb-0<?= (! $meta->description ? ' mt-3' : null); ?>"> 
                    <?= $meta->title; ?> 
                </h3> 
                <p class="lead"> 
                    <?= truncate($meta->description, 256); ?> 
                </p> 
            </div> 
        </div> 
    </div> 
</div> 
<div class="py-5"> 
    <div class="container"> 
        <div class="row"> 
            <div class="col-md-8 offset-md-2 col-md-8 offset-md-2 col-lg-6 offset-lg-3"> 
                <form action="<?= current_page(); ?>" method="POST" class="--validate-form"> 
                    <div class="mb-3"> 
                        <label class="d-block text-muted mb-3" for="username_input"> 
                            <?= phrase('Enter your valid username or email to request a password reset link.'); ?> 
                        </label> 
                        <input type="text" name="username" class="form-control" id="username_input" placeholder="<?= phrase('Enter your username or email'); ?>" /> 
                    </div> 
                    <div class="mb-3"> 
                        <div class="row"> 
                            <div class="col-6"> 
                                <div class="d-grid"> 
                                    <a href="<?= current_page('../'); ?>" class="btn btn-light --xhr"> 
                                        <i class="mdi mdi-arrow-left"></i> 
                                        <?= phrase('Back'); ?> 
                                    </a> 
                                </div> 
                            </div> 
                            <div class="col-6"> 
                                <div class="d-grid"> 
                                    <button type="submit" class="btn btn-primary"> 
                                        <i class="mdi mdi-check"></i>  
                                        <?= phrase('Reset Password'); ?> 
                                    </button> 
                                </div> 
                            </div> 
                        </div> 
                    </div> 
                </form> 
            </div> 
        </div> 
    </div> 
</div> 
 
 |