<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* form-wizard.html.twig */
class __TwigTemplate_7731f99cce5ff757d163234eec99b59c extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'css' => [$this, 'block_css'],
            'pagetitle' => [$this, 'block_pagetitle'],
            'body' => [$this, 'block_body'],
            'javascript' => [$this, 'block_javascript'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "partials/layout-vertical.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "form-wizard.html.twig"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "form-wizard.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "form-wizard.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    public function block_title($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        echo "Form Wizard
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 6
    public function block_css($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 8
    public function block_pagetitle($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        // line 9
        echo "\t";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Forms", "page_title" => "Form Wizard"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 12
    public function block_body($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        // line 13
        echo "
\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title mb-3\">
\t\t\t\t\t\tBasic Wizard</h4>

\t\t\t\t\t<form>
\t\t\t\t\t\t<div id=\"basicwizard\">

\t\t\t\t\t\t\t<ul class=\"nav nav-pills nav-justified form-wizard-header mb-4\">
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#basictab1\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-account-circle-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Account</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#basictab2\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-profile-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Profile</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#basictab3\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Finish</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t</ul>

\t\t\t\t\t\t\t<div class=\"tab-content b-0 mb-0\">
\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"basictab1\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"userName\">User name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"userName\" name=\"userName\" value=\"Jidox\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"password\">
\t\t\t\t\t\t\t\t\t\t\t\t\tPassword</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"password\" name=\"password\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"confirm\">Re Password</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"confirm\" name=\"confirm\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t\t\t<ul class=\"list-inline wizard mb-0\">
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"basictab2\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"name\">
\t\t\t\t\t\t\t\t\t\t\t\t\tFirst name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"name\" name=\"name\" class=\"form-control\" value=\"Francis\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"surname\">
\t\t\t\t\t\t\t\t\t\t\t\t\tLast name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"surname\" name=\"surname\" class=\"form-control\" value=\"Brinkman\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"email\">Email</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" value=\"cory1979@hotmail.com\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline\">
\t\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t\tBack to Account</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"basictab3\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"mt-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-0\">Thank you !</h3>

\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"w-75 mb-2 mx-auto\">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                        mattis dictum aliquet.</p>

\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-check d-inline-block\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"customCheck1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"customCheck1\">I agree with the Terms and Conditions</label>
\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline mt-1\">
\t\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t\tBack to Profile</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Submit</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- tab-content -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end #basicwizard-->
\t\t\t\t\t</form>

\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title mb-3\">
\t\t\t\t\t\tButton Wizard</h4>

\t\t\t\t\t<div id=\"btnwizard\">
\t\t\t\t\t\t<ul class=\"nav nav-pills nav-justified form-wizard-header mb-4\">
\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t<a href=\"#tab12\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-account-circle-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Account</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t<a href=\"#tab22\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-profile-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Profile</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t<a href=\"#tab32\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Finish</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t</ul>

\t\t\t\t\t\t<div class=\"tab-content mb-0 b-0\">

\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"tab12\">
\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"userName2\">User name</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"userName2\" name=\"userName2\" value=\"Jidox\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"password2\">
\t\t\t\t\t\t\t\t\t\t\t\tPassword</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"password2\" name=\"password2\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"confirm2\">Re Password</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"confirm2\" name=\"confirm2\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"tab22\">
\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"name2\">
\t\t\t\t\t\t\t\t\t\t\t\tFirst name</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"name2\" name=\"name2\" class=\"form-control\" value=\"Francis\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"surname2\">
\t\t\t\t\t\t\t\t\t\t\t\tLast name</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"surname2\" name=\"surname2\" class=\"form-control\" value=\"Brinkman\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"email2\">Email</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"email2\" name=\"email2\" class=\"form-control\" value=\"cory1979@hotmail.com\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"tab32\">
\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"mt-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-0\">Thank you !</h3>

\t\t\t\t\t\t\t\t\t\t\t<p class=\"w-75 mb-2 mx-auto\">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                    mattis dictum aliquet.</p>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-check d-inline-block\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"customCheck2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"customCheck2\">I agree with the Terms and Conditions</label>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t\t\t\t<input type='button' class='btn btn-info button-next' name='next' value='Next'/>
\t\t\t\t\t\t\t\t<input type='button' class='btn btn-info button-last' name='last' value='Last'/>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"float-start\">
\t\t\t\t\t\t\t\t<input type='button' class='btn btn-info button-first' name='first' value='First'/>
\t\t\t\t\t\t\t\t<input type='button' class='btn btn-info button-previous' name='previous' value='Previous'/>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"clearfix\"></div>

\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- tab-content -->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end #btnwizard-->

\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->
\t</div>
\t<!-- end row -->


\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title mb-3\">Wizard With Progress Bar</h4>

\t\t\t\t\t<form>
\t\t\t\t\t\t<div id=\"progressbarwizard\">

\t\t\t\t\t\t\t<ul class=\"nav nav-pills nav-justified form-wizard-header mb-3\">
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#account-2\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-account-circle-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Account</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#profile-tab-2\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-profile-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Profile</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#finish-2\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Finish</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t</ul>

\t\t\t\t\t\t\t<div class=\"tab-content b-0 mb-0\">

\t\t\t\t\t\t\t\t<div id=\"bar\" class=\"progress mb-3\" style=\"height: 7px;\">
\t\t\t\t\t\t\t\t\t<div class=\"bar progress-bar progress-bar-striped progress-bar-animated bg-success\"></div>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"account-2\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"userName1\">User name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"userName1\" name=\"userName1\" value=\"Jidox\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"password1\">
\t\t\t\t\t\t\t\t\t\t\t\t\tPassword</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"password1\" name=\"password1\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"confirm1\">Re Password</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"confirm1\" name=\"confirm1\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t\t\t<ul class=\"list-inline wizard mb-0\">
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"profile-tab-2\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"name1\">
\t\t\t\t\t\t\t\t\t\t\t\t\tFirst name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"name1\" name=\"name1\" class=\"form-control\" value=\"Francis\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"surname1\">
\t\t\t\t\t\t\t\t\t\t\t\t\tLast name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"surname1\" name=\"surname1\" class=\"form-control\" value=\"Brinkman\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"email1\">Email</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"email1\" name=\"email1\" class=\"form-control\" value=\"cory1979@hotmail.com\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline\">
\t\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t\tBack to Account</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"finish-2\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"mt-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-0\">Thank you !</h3>

\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"w-75 mb-2 mx-auto\">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                        mattis dictum aliquet.</p>

\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-check d-inline-block\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"customCheck3\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"customCheck3\">I agree with the Terms and Conditions</label>
\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline mt-1\">
\t\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t\tBack to Profile</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Submit</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- tab-content -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end #progressbarwizard-->
\t\t\t\t\t</form>

\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title mb-3\">
\t\t\t\t\t\tWizard With Form Validation</h4>

\t\t\t\t\t<div id=\"rootwizard\">
\t\t\t\t\t\t<ul class=\"nav nav-pills nav-justified form-wizard-header mb-3\">
\t\t\t\t\t\t\t<li class=\"nav-item\" data-target-form=\"#accountForm\">
\t\t\t\t\t\t\t\t<a href=\"#first\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-account-circle-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Account</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li class=\"nav-item\" data-target-form=\"#profileForm\">
\t\t\t\t\t\t\t\t<a href=\"#second\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-profile-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Profile</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li class=\"nav-item\" data-target-form=\"#otherForm\">
\t\t\t\t\t\t\t\t<a href=\"#third\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Finish</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t</ul>

\t\t\t\t\t\t<div class=\"tab-content mb-0 b-0\">

\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"first\">
\t\t\t\t\t\t\t\t<form id=\"accountForm\" method=\"post\" action=\"#\" class=\"form-horizontal\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"userName3\">User name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"userName3\" name=\"userName3\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"password3\">
\t\t\t\t\t\t\t\t\t\t\t\t\tPassword</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"password3\" name=\"password3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"confirm3\">Re Password</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"confirm3\" name=\"confirm3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t\t<ul class=\"list-inline wizard mb-0\">
\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"second\">
\t\t\t\t\t\t\t\t<form id=\"profileForm\" method=\"post\" action=\"#\" class=\"form-horizontal\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"name3\">
\t\t\t\t\t\t\t\t\t\t\t\t\tFirst name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"name3\" name=\"name3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"surname3\">
\t\t\t\t\t\t\t\t\t\t\t\t\tLast name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"surname3\" name=\"surname3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"email3\">Email</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"email3\" name=\"email3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline\">
\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\tBack to Account</button>
\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"third\">
\t\t\t\t\t\t\t\t<form id=\"otherForm\" method=\"post\" action=\"#\" class=\"form-horizontal\"></form>
\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"mt-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-0\">Thank you !</h3>

\t\t\t\t\t\t\t\t\t\t\t<p class=\"w-75 mb-2 mx-auto\">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                            dui. Aliquam mattis dictum aliquet.</p>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-check d-inline-block\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"customCheck4\" required>
\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"customCheck4\">I agree with the Terms and Conditions</label>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline mt-1\">
\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\tBack to Profile</button>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Submit</button>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t</div>

\t\t\t\t\t</div>
\t\t\t\t\t<!-- tab-content -->
\t\t\t\t</div>
\t\t\t\t<!-- end #rootwizard-->
\t\t\t</form>

\t\t</div>
\t\t<!-- end card-body -->
\t</div>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 641
    public function block_javascript($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));

        // line 642
        echo "<!-- Bootstrap Wizard Form js -->
<script src=\"/vendor/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js\"></script>
<!-- Wizard Form Demo js -->
<script src=\"/js/pages/demo.form-wizard.js\"></script>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "form-wizard.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  780 => 642,  770 => 641,  133 => 13,  123 => 12,  110 => 9,  100 => 8,  82 => 6,  62 => 3,  39 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{% extends 'partials/layout-vertical.html.twig' %}

{% block title %}Form Wizard
{% endblock %}

{% block css %}{% endblock %}

{% block pagetitle %}
\t{{ include('partials/page-title.html.twig', { sub_title: 'Forms', page_title: 'Form Wizard' }) }}
{% endblock %}

{% block body %}

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title mb-3\">
\t\t\t\t\t\tBasic Wizard</h4>

\t\t\t\t\t<form>
\t\t\t\t\t\t<div id=\"basicwizard\">

\t\t\t\t\t\t\t<ul class=\"nav nav-pills nav-justified form-wizard-header mb-4\">
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#basictab1\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-account-circle-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Account</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#basictab2\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-profile-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Profile</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#basictab3\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Finish</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t</ul>

\t\t\t\t\t\t\t<div class=\"tab-content b-0 mb-0\">
\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"basictab1\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"userName\">User name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"userName\" name=\"userName\" value=\"Jidox\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"password\">
\t\t\t\t\t\t\t\t\t\t\t\t\tPassword</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"password\" name=\"password\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"confirm\">Re Password</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"confirm\" name=\"confirm\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t\t\t<ul class=\"list-inline wizard mb-0\">
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"basictab2\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"name\">
\t\t\t\t\t\t\t\t\t\t\t\t\tFirst name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"name\" name=\"name\" class=\"form-control\" value=\"Francis\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"surname\">
\t\t\t\t\t\t\t\t\t\t\t\t\tLast name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"surname\" name=\"surname\" class=\"form-control\" value=\"Brinkman\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"email\">Email</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" value=\"cory1979@hotmail.com\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline\">
\t\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t\tBack to Account</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"basictab3\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"mt-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-0\">Thank you !</h3>

\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"w-75 mb-2 mx-auto\">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                        mattis dictum aliquet.</p>

\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-check d-inline-block\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"customCheck1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"customCheck1\">I agree with the Terms and Conditions</label>
\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline mt-1\">
\t\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t\tBack to Profile</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Submit</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- tab-content -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end #basicwizard-->
\t\t\t\t\t</form>

\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title mb-3\">
\t\t\t\t\t\tButton Wizard</h4>

\t\t\t\t\t<div id=\"btnwizard\">
\t\t\t\t\t\t<ul class=\"nav nav-pills nav-justified form-wizard-header mb-4\">
\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t<a href=\"#tab12\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-account-circle-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Account</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t<a href=\"#tab22\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-profile-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Profile</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t<a href=\"#tab32\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Finish</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t</ul>

\t\t\t\t\t\t<div class=\"tab-content mb-0 b-0\">

\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"tab12\">
\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"userName2\">User name</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"userName2\" name=\"userName2\" value=\"Jidox\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"password2\">
\t\t\t\t\t\t\t\t\t\t\t\tPassword</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"password2\" name=\"password2\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"confirm2\">Re Password</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"confirm2\" name=\"confirm2\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"tab22\">
\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"name2\">
\t\t\t\t\t\t\t\t\t\t\t\tFirst name</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"name2\" name=\"name2\" class=\"form-control\" value=\"Francis\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"surname2\">
\t\t\t\t\t\t\t\t\t\t\t\tLast name</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"surname2\" name=\"surname2\" class=\"form-control\" value=\"Brinkman\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"email2\">Email</label>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"email2\" name=\"email2\" class=\"form-control\" value=\"cory1979@hotmail.com\">
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"tab32\">
\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"mt-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-0\">Thank you !</h3>

\t\t\t\t\t\t\t\t\t\t\t<p class=\"w-75 mb-2 mx-auto\">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                    mattis dictum aliquet.</p>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-check d-inline-block\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"customCheck2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"customCheck2\">I agree with the Terms and Conditions</label>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t\t\t\t<input type='button' class='btn btn-info button-next' name='next' value='Next'/>
\t\t\t\t\t\t\t\t<input type='button' class='btn btn-info button-last' name='last' value='Last'/>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"float-start\">
\t\t\t\t\t\t\t\t<input type='button' class='btn btn-info button-first' name='first' value='First'/>
\t\t\t\t\t\t\t\t<input type='button' class='btn btn-info button-previous' name='previous' value='Previous'/>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"clearfix\"></div>

\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- tab-content -->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end #btnwizard-->

\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->
\t</div>
\t<!-- end row -->


\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title mb-3\">Wizard With Progress Bar</h4>

\t\t\t\t\t<form>
\t\t\t\t\t\t<div id=\"progressbarwizard\">

\t\t\t\t\t\t\t<ul class=\"nav nav-pills nav-justified form-wizard-header mb-3\">
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#account-2\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-account-circle-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Account</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#profile-tab-2\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-profile-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Profile</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"nav-item\">
\t\t\t\t\t\t\t\t\t<a href=\"#finish-2\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Finish</span>
\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t</ul>

\t\t\t\t\t\t\t<div class=\"tab-content b-0 mb-0\">

\t\t\t\t\t\t\t\t<div id=\"bar\" class=\"progress mb-3\" style=\"height: 7px;\">
\t\t\t\t\t\t\t\t\t<div class=\"bar progress-bar progress-bar-striped progress-bar-animated bg-success\"></div>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"account-2\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"userName1\">User name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"userName1\" name=\"userName1\" value=\"Jidox\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"password1\">
\t\t\t\t\t\t\t\t\t\t\t\t\tPassword</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"password1\" name=\"password1\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"confirm1\">Re Password</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"confirm1\" name=\"confirm1\" class=\"form-control\" value=\"123456789\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t\t\t<ul class=\"list-inline wizard mb-0\">
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"profile-tab-2\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"name1\">
\t\t\t\t\t\t\t\t\t\t\t\t\tFirst name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"name1\" name=\"name1\" class=\"form-control\" value=\"Francis\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"surname1\">
\t\t\t\t\t\t\t\t\t\t\t\t\tLast name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"surname1\" name=\"surname1\" class=\"form-control\" value=\"Brinkman\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"email1\">Email</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"email1\" name=\"email1\" class=\"form-control\" value=\"cory1979@hotmail.com\">
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline\">
\t\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t\tBack to Account</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"finish-2\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"mt-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-0\">Thank you !</h3>

\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"w-75 mb-2 mx-auto\">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                        mattis dictum aliquet.</p>

\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-check d-inline-block\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"customCheck3\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"customCheck3\">I agree with the Terms and Conditions</label>
\t\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline mt-1\">
\t\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\t\tBack to Profile</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Submit</button>
\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- tab-content -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end #progressbarwizard-->
\t\t\t\t\t</form>

\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title mb-3\">
\t\t\t\t\t\tWizard With Form Validation</h4>

\t\t\t\t\t<div id=\"rootwizard\">
\t\t\t\t\t\t<ul class=\"nav nav-pills nav-justified form-wizard-header mb-3\">
\t\t\t\t\t\t\t<li class=\"nav-item\" data-target-form=\"#accountForm\">
\t\t\t\t\t\t\t\t<a href=\"#first\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-account-circle-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Account</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li class=\"nav-item\" data-target-form=\"#profileForm\">
\t\t\t\t\t\t\t\t<a href=\"#second\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-profile-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Profile</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t<li class=\"nav-item\" data-target-form=\"#otherForm\">
\t\t\t\t\t\t\t\t<a href=\"#third\" data-bs-toggle=\"tab\" data-toggle=\"tab\" class=\"nav-link rounded-0 py-1\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line fw-normal fs-18 align-middle me-1\"></i>
\t\t\t\t\t\t\t\t\t<span class=\"d-none d-sm-inline\">Finish</span>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t</ul>

\t\t\t\t\t\t<div class=\"tab-content mb-0 b-0\">

\t\t\t\t\t\t\t<div class=\"tab-pane\" id=\"first\">
\t\t\t\t\t\t\t\t<form id=\"accountForm\" method=\"post\" action=\"#\" class=\"form-horizontal\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"userName3\">User name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"userName3\" name=\"userName3\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"password3\">
\t\t\t\t\t\t\t\t\t\t\t\t\tPassword</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"password3\" name=\"password3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"confirm3\">Re Password</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"password\" id=\"confirm3\" name=\"confirm3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t\t<ul class=\"list-inline wizard mb-0\">
\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"second\">
\t\t\t\t\t\t\t\t<form id=\"profileForm\" method=\"post\" action=\"#\" class=\"form-horizontal\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"name3\">
\t\t\t\t\t\t\t\t\t\t\t\t\tFirst name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"name3\" name=\"name3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"surname3\">
\t\t\t\t\t\t\t\t\t\t\t\t\tLast name</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"surname3\" name=\"surname3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"row mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"col-md-3 col-form-label\" for=\"email3\">Email</label>
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-9\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"email\" id=\"email3\" name=\"email3\" class=\"form-control\" required>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline\">
\t\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\t\tBack to Account</button>
\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Add More Info
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-right-line ms-1\"></i>
\t\t\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"third\">
\t\t\t\t\t\t\t\t<form id=\"otherForm\" method=\"post\" action=\"#\" class=\"form-horizontal\"></form>
\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"mt-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-check-double-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-0\">Thank you !</h3>

\t\t\t\t\t\t\t\t\t\t\t<p class=\"w-75 mb-2 mx-auto\">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                                                                            dui. Aliquam mattis dictum aliquet.</p>

\t\t\t\t\t\t\t\t\t\t\t<div class=\"mb-3\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-check d-inline-block\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"customCheck4\" required>
\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"customCheck4\">I agree with the Terms and Conditions</label>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t<ul class=\"pager wizard mb-0 list-inline mt-1\">
\t\t\t\t\t\t\t\t<li class=\"previous list-inline-item\">
\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t<i class=\"ri-arrow-left-line me-1\"></i>
\t\t\t\t\t\t\t\t\t\tBack to Profile</button>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t<li class=\"next list-inline-item float-end\">
\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"btn btn-info\">Submit</button>
\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t</div>

\t\t\t\t\t</div>
\t\t\t\t\t<!-- tab-content -->
\t\t\t\t</div>
\t\t\t\t<!-- end #rootwizard-->
\t\t\t</form>

\t\t</div>
\t\t<!-- end card-body -->
\t</div>
{% endblock %}
{% block javascript %}
<!-- Bootstrap Wizard Form js -->
<script src=\"/vendor/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js\"></script>
<!-- Wizard Form Demo js -->
<script src=\"/js/pages/demo.form-wizard.js\"></script>
{% endblock %}
", "form-wizard.html.twig", "C:\\Users\\4\\Desktop\\Anant\\jidox\\jidox_symfony\\Jidox\\templates\\form-wizard.html.twig");
    }
}
