Gel4y Mini Shell

Edit file

File name : contact-information.html

Content :

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Contact </title>
    <link rel="stylesheet" href="style.css">
</head>

CFDs are comple instuments and ome with a high risk of losing money rapidly due leveerage. The vast Majority
            of retail client account lose money when trading in CFDs. You should considr wahether you undeerstand how
            CFDDs work and can afforrd tto take thee high risk of losing you mony
        </div>
        <div class="header_container">
            <div class="header_logo">
                <a href="#">
                    <img src="./assets/img/logo.svg" alt="img">
                </a>
            </div>
            <div class="header_in-account">
                <span>Hello Charlton</span>
                <img src="./assets/img/icons/in-account.svg" alt="img">
                <div class="header_dropdown">
                    <div class="header_dropdown-click">
                        <svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M6 6.25586C6.16016 6.25195 6.30664 6.2207 6.43945 6.16211C6.57227 6.09961 6.70312 6.00391 6.83203 5.875L10.875 1.74414C11.0625 1.55273 11.1562 1.32422 11.1562 1.05859C11.1562 0.871094 11.1113 0.701172 11.0215 0.548828C10.9316 0.396484 10.8105 0.275391 10.6582 0.185547C10.5098 0.0917969 10.3438 0.0449219 10.1602 0.0449219C9.88281 0.0449219 9.63672 0.154297 9.42188 0.373047L5.80078 4.12891H6.2168L2.57812 0.373047C2.36328 0.154297 2.11719 0.0449219 1.83984 0.0449219C1.65625 0.0449219 1.48828 0.0917969 1.33594 0.185547C1.1875 0.275391 1.06836 0.396484 0.978516 0.548828C0.888672 0.701172 0.84375 0.871094 0.84375 1.05859C0.84375 1.19141 0.867188 1.31445 0.914062 1.42773C0.960938 1.54102 1.03125 1.64648 1.125 1.74414L5.17383 5.875C5.42383 6.12891 5.69922 6.25586 6 6.25586Z"
                                fill="#6A788D" />
                        </svg>
                    </div>
                    <div class="header_dropdown-content">
                        <a href="#">Log out</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <section class="steps-form">
            <div class="steps-form_fixed-btns" style="--width: 24%">
                <a href="#">Back</a>
                <a href="#" class="btn">Continue</a>
            </div>
            <div class="steps-form_container container">
                <div class="steps-form_nav">
                    <ul>
                        <li class="steps-form_item-with-submenu open-submenu">
                            <a href="#" class="steps-form_item steps-form_item--active open-submenu">
                                <div class="steps-form_step">1</div>Personal Profile
                            </a>
                            <ul>
                                <li>
                                    <a href="#" class="steps-form_item steps-form_item--active steps-form_item--done">
                                        <div class="steps-form_step"></div> Account Details
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="steps-form_item steps-form_item--active">
                                        <div class="steps-form_step"></div> Contact Information
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="steps-form_item ">
                                        <div class="steps-form_step"></div> Client profile
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#" class="steps-form_item">
                                <div class="steps-form_step">2</div>Sitability Check
                            </a>
                        </li>
                        <li class="steps-form_item-with-submenu">
                            <a href="#" class="steps-form_item">
                                <div class="steps-form_step">3</div>Financial Information
                            </a>
                            <ul>

<li>
                                    <a href="#" class="steps-form_item">
                                        <div class="steps-form_step"></div> General
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="steps-form_item">
                                        <div class="steps-form_step"></div> Tax Information
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="steps-form_item">
                                        <div class="steps-form_step"></div> Legal & Regulatory Information
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#" class="steps-form_item">
                                <div class="steps-form_step">4</div>Terms & Agreements
                            </a>
                        </li>
                        <li class="steps-form_item-with-submenu">
                            <a href="#" class="steps-form_item">
                                <div class="steps-form_step">5</div>Document Upload
                            </a>
                            <ul>

<li>
                                    <a href="#" class="steps-form_item">
                                        <div class="steps-form_step"></div> Photo Identification
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="steps-form_item">
                                        <div class="steps-form_step"></div> Proof of adress
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="steps-form_wrapper">
                    <div class="steps-form_title">
                        <div class="steps-form_icon">
                            <img src="./assets/img/icons/contact.svg" alt="img">
                        </div>
                        <h2>Contact information</h2>
                        <p>
                            <strong>Residential Address </strong> - Do not use PO BOX in <br>
                            residential address field
                        </p>
                    </div>
                    <div class="steps-form_form">
                        <form action="#">
                            <div class="field field--label steps-form_field steps-form_field--full-width">
                                <input id="house" name="house" type="text">
                                <label for="house">Apt/house number</label>
                            </div>
                            <div class="field field--label steps-form_field steps-form_field--full-width">
                                <input id="street" name="streett" type="text">
                                <label for="street">Street Name</label>
                            </div>
                            <div class="field field--label field--select steps-form_field--full-width">
                                <select>
                                    <option value="1" disabled selected>Country</option>
                                    <option value="1">Male</option>
                                    <option value="1">Famale</option>
                                </select>
                            </div>
                            <div
                                class="field field--label field--tools steps-form_field steps-form_field--full-width">
                                <input id="state" name="state" type="text">
                                <label for="state">State/Country/Province/Region</label>
                                <div class="tools">
                                    <div class="tools_icon">
                                        <img src="./assets/img/icons/tool.svg" alt="img">
                                    </div>
                                    <p>
                                        Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                                    </p>
                                </div>
                            </div>
                            <div class="field field--label ">
                                <input id="city" name="city" type="text">
                                <label for="city">City/Town</label>
                            </div>
                            <div class="field field--label ">
                                <input id="code" name="code" type="text">
                                <label for="code">Postal Code</label>
                            </div>
                            <button class="btn steps-form_field steps-form_field--full-width">Continue</button>
                        </form>

</div>
                </div>
            </div>
        </section>
        <section class="text-section">
            <div class="text-section_container container">
                <p>
                    Capital Markets Elite Group (UK) Limited is authorised and regulated by the Financial Conduct
                    Authority (FRN 583632) and registered under the laws of England and Wales, (company number
                    07832612). Registered Office: 107 Cannon Street, 3rd Floor, London EC4N 5AF, United Kingdom.
                </p>
                <p>
                    Risk Warning: CFDs are complex instruments and come with a high risk of losing money rapidly due to
                    leverage. The vast majority of retail client accounts lose money when trading in CFDs. Before
                    trading any products supplied by Capital Markets Elite Group (UK) Limited (including subsidiaries
                    and affiliates), you should consider your financial condition, level of experience and risk appetite
                    carefully. You are strongly advised to obtain independent financial, legal and tax advice before
                    proceeding with any leveraged transaction. Nothing in this site should be read or construed as
                    constituting advice on the part of Capital Markets Elite Group (UK) Limited or any of its
                    affiliates, directors, officers or employees. Please read and understand the terms and conditions on
                    Capital Markets Elite Group (UK) Limited website before taking any further action.
                </p>
                <p>
                    Disclaimers: This website is for information purposes only and does not constitute an offer of
                    solicitation for brokerage services, investment advisory services, currency trading advice,
                    commodities trading advice, or other products or services in any jurisdiction where we are not
                    authorized to conduct investment business or where such offer or solicitation would be contrary to
                    the securities laws, commodities laws, or other laws and regulations of that jurisdiction. The risk
                    of loss in electronic trading in securities, currencies, or other commodities can be substantial,
                    and you are advised to consult with your professional advisors before investing.
                </p>
                <p>
                    The information on this site is not directed at residents of the United States or Canada and is not
                    intended for distribution to or use by any person in any country or jurisdiction where such
                    distribution or use would be contrary to law or regulation.
                </p>
            </div>
        </section>
    </main>
    <footer class="footer">
        <div class="footer_container container">
            <p>© Copyright 2022 Capital Markets Elite Group</p>
            <p>All Rights Reserved</p>
        </div>
    </footer>
    <script src="js/main.js"></script>

</body>

</html>