ok
Mini Shell
<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<!-- Wrapper -->
<div id="wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="page-confirm">
<div class="circle-loader">
<div class="checkmark draw"></div>
</div>
<h1 class="title"><?php echo trans("msg_order_completed"); ?></h1>
<p class="p-order-number"><?php echo trans("order"); ?>: #<?php echo $order->order_number; ?></p>
<?php if($order->payment_method=="Bank Transfer"): ?>
<p class="p-complete-payment"><?php echo trans("msg_bank_transfer_text_order_completed"); ?></p>
<div class="bank-account-container">
<?php echo $this->payment_settings->bank_transfer_accounts; ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<!-- Wrapper End-->
<style>
.circle-loader{margin-bottom:3.5em;border:1px solid rgba(0,0,0,0.2);border-left-color:#5cb85c;animation:loader-spin 1.2s infinite linear;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:7em;height:7em}.load-complete{-webkit-animation:none;animation:none;border-color:#5cb85c;transition:border 500ms ease-out}.checkmark{display:none}.checkmark.draw:after{animation-duration:800ms;animation-timing-function:ease;animation-name:checkmark;transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;height:3.5em;width:1.75em;transform-origin:left top;border-right:3px solid #5cb85c;border-top:3px solid #5cb85c;content:'';left:1.75em;top:3.5em;position:absolute}@keyframes loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%{height:3.5em;width:1.75em;opacity:1}100%{height:3.5em;width:1.75em;opacity:1}}.error-circle{margin-bottom:3.5em;border:1px solid #dc3545;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:7em;height:7em;line-height:7em;color:#dc3545}.error-circle i{font-size:30px}
</style>
Zerion Mini Shell 1.0