HTML分步骤用户注册表单代码.rar 示例代码 下载

通过CSS 加载 背景图片

 

 

复制代码
<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
            <div class="intro-flow">
                <div class="intro-list">
                    <div class="intro-list-left">
                        业务受理
                    </div>
                    <div class="intro-list-right">
                        <span>1</span>
                        <div class="intro-list-content">
                            无需您出门，请备齐相关资料，并保持联系电话的畅通，我们会及时受理您的申请，与您预约进行现场堪察，届时会同步收取相关资料。若资料不齐全的，需要您亲自到实体营业厅补交。
                        </div>
                    </div>
                </div>
                
                <div class="intro-list">
                    <div class="intro-list-left">
                        业务受理
                    </div>
                    <div class="intro-list-right">
                        <span>1</span>
                        <div class="intro-list-content">
                            无需您出门，请备齐相关资料，并保持联系电话的畅通，我们会及时受理您的申请，与您预约进行现场堪察，届时会同步收取相关资料。若资料不齐全的，需要您亲自到实体营业厅补交。
                        </div>
                    </div>
                </div>
                

                <div class="intro-list intro-list-active">
                    <div class="intro-list-left">
                        现场堪察
                    </div>
                    <div class="intro-list-right">
                        <span>2</span>
                        <div class="intro-list-content">
                            根据实际现场堪察内容补充。
                        </div>
                    </div>
                </div>

                <div class="intro-list">
                    <div class="intro-list-left">
                        现场堪察答复客户
                    </div>
                    <div class="intro-list-right">
                        <span>3</span>
                        <div class="intro-list-content">
                            我局将就电网对您业务是否具备供电能力进行勘察，并向您回复相关情况。
                        </div>
                    </div>
                </div>

                <div class="intro-list">
                    <div class="intro-list-left">
                        申报俊工检查
                    </div>
                    <div class="intro-list-right">
                        <span>4</span>
                        <div class="intro-list-content">
                            我局将对受电工程进行竣工检验。
                        </div>
                    </div>
                </div>

                <div class="intro-list intro-list-active">
                    <div class="intro-list-left">
                        供用电合同及装（换）计量装置
                    </div>
                    <div class="intro-list-right">
                        <span>5</span>
                        <div class="intro-list-content">
                            我局将与您预约上门签订供用电合同、装表接电的事宜，请保持电话申能并留意接收。为保障双方的合法权益，请业主在场签约（盖章）
                        </div>
                    </div>
                </div>

                <div class="intro-list intro-list-last">
                    <div class="intro-list-left">
                        完成
                    </div>
                    <div class="intro-list-right">
                        <span>6</span>
                        <div class="intro-list-content">
                            您可以享受到安全可靠的电源 了。请在网厅进行注册，并绑定您的用户编号，以后您可以便捷地使用电费查询、电费缴纳、账单订阅等服务。
                        </div>
                    </div>
                </div>


            </div>
</body>
</html>
复制代码
复制代码
                <div class="intro-list intro-list-active">
                    <div class="intro-list-left">
                        供用电合同及装（换）计量装置
                    </div>
                    <div class="intro-list-right">
                        <span>5</span>
                        <div class="intro-list-content">
                            我局将与您预约上门签订供用电合同、装表接电的事宜，请保持电话申能并留意接收。为保障双方的合法权益，请业主在场签约（盖章）
                        </div>
                    </div>
                </div>
复制代码

如需要 添加 ，在最后 一项之前添加 如上 代码 即可