gitee_signup_page
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>注册用户 - 码云 Gitee.com</title>
    <link
      href="./static/image/favicon.ico"
      rel="shortcut icon"
      type="image/vnd.microsoft.icon"
    />
    <link
      href="./semantic/dist/semantic.min.css"
      rel="stylesheet"
    />
    <link
      href="http://at.alicdn.com/t/font_1090898_wyt1s8g6qh.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <header>
      <nav class="ui inverted fixed menu">
        <div class="ui container">
          <a class="item logo-wrapper" href="/">
            <img src="./static/image/logo.svg">
          </a>
          <a class="item">
            开源软件
          </a>
          <a class="item">
            企业版
            <span class="hot-tag">特惠</span>
          </a>
          <a class="item">
            高校版
          </a>
          <a class="item">
            博客
          </a>
          <div class="right menu">
            <div class="item">
              <div class="ui input">
                <input type="text" placeholder="搜索项目、代码片段..." />
              </div>
            </div>
            <a href="#" class="ui item">
              注册
            </a>
            <a href="#" class="ui item">
              登录
            </a>
          </div>
        </div>
      </nav>
    </header>
    <main class="ui middle aligned center aligned grid">
      <div class="ui message text-center notification">
        <i class="close icon"></i>
        <a href="#"
          >本周六「上海源创会」，与一线大牛一起聊聊：PHP、Flink、k8s、微服务架构，点击立刻报名！</a
        >
      </div>
      <div class="ui celled grid register-wrapper">
        <div class="row">
          <div class="eleven wide column form-wrapper">
            <div>
              <span class="form-title">
                <i class="iconfont icon-user"></i>
                <span>注册</span>
              </span>
              <span class="item float-right">
                <span>已有账号?</span>
                <a href="#" class="orange">登录</a>
              </span>
            </div>
            <form class="ui grid form">
              <div class="row field">
                <label class="" for="email">邮箱</label>
                <div class="input-wrapper">
                  <div class="ui input">
                    <input
                      name="email"
                      type="text"
                      placeholder="请输入工作邮箱"
                    />
                  </div>
                </div>
                <div class="valid-state">
                  <i class="icon close error-icon"></i>
                  <i class="icon check success-icon"></i>
                </div>
              </div>
              <div class="error-message"></div>
              <div class="row field">
                <label class="" for="image-code">验证码</label>
                <div class=" input-wrapper">
                  <div class="ui action input">
                    <input name="image-code" type="text" placeholder="" />
                    <button class="ui button">图片验证码</button>
                  </div>
                </div>
                <div class="valid-state">
                  <i class="icon close error-icon"></i>
                  <i class="icon check success-icon"></i>
                </div>
              </div>
              <div class="error-message"></div>
              <div class="row field">
                <label class="" for="email-code">邮箱验证</label>
                <div class="input-wrapper">
                  <div class="ui action input">
                    <input
                      name="email-code"
                      type="text"
                      placeholder="请输入邮箱验证码"
                    />
                    <button class="ui button" id="get-code">获取验证码</button>
                  </div>
                </div>
                <div class="valid-state">
                  <i class="icon close error-icon"></i>
                  <i class="icon check success-icon"></i>
                </div>
                <div class="help-message">
                  <a href="#">收不到邮件?</a>
                </div>
              </div>
              <div class="error-message"></div>
              <div class="row field">
                <label class="" for="name">姓名</label>
                <div class="input-wrapper">
                  <div class="ui input">
                    <input name="name" type="text" placeholder="" />
                  </div>
                </div>
                <div class="valid-state">
                  <i class="icon close error-icon"></i>
                  <i class="icon check success-icon"></i>
                </div>
              </div>
              <div class="error-message"></div>
              <div class="row field">
                <label class="" for="personal-domain">个性域名</label>
                <div class="input-wrapper">
                  <div class="ui labeled input">
                    <div class="ui label domain-label">
                      https://gitee.com/
                    </div>
                    <input name="personal-domain" type="text" placeholder="" />
                  </div>
                </div>
                <div class="valid-state">
                  <i class="icon close error-icon"></i>
                  <i class="icon check success-icon"></i>
                </div>
                <div class="">
                  <span
                    class="help"
                    data-tooltip="Add users to your feed"
                    data-position="right center"
                  >
                    <i class="iconfont icon-help vertical-middle"></i>
                  </span>
                </div>
              </div>
              <div class="error-message"></div>
              <div class="row field">
                <label class="" for="password">密码</label>
                <div class="input-wrapper">
                  <div class="ui input">
                    <input
                      name="password"
                      type="password"
                      placeholder="密码不少于6位"
                    />
                    <span class="toggle-visible password-visible">
                      <i class="iconfont icon-eye eye-visible"></i>
                      <i class="iconfont icon-eye-invisible eye-invisible"></i>
                    </span>
                  </div>
                </div>
                <div class="valid-state">
                  <i class="icon close error-icon"></i>
                  <i class="icon check success-icon"></i>
                </div>
              </div>
              <div class="error-message"></div>
              <div class="row field">
                <div class="account-tips ui checkbox">
                  <input
                    type="checkbox"
                    id="account-agreement"
                    name="account-agreement"
                  />
                  <label for="account-agreement"
                    >已阅读并同意 <a href="#">使用条款</a> 以及
                    <a href="#">非活跃帐号处理规范</a></label
                  >
                </div>
              </div>
              <div class="error-message"></div>
              <div class="row field">
                <div class="submit-wrapper">
                  <button id="submit" class="ui button">注 册</button>
                </div>
              </div>
            </form>
            <p class="text-center osc-login">
              <a>
                <i class="iconfont icon-osc vertical-middle"></i>
                <span>使用OSChina帐号登录</span>
              </a>
            </p>
            <div class="ui horizontal divider other-login-text">
              其他方式登录
            </div>
            <div class="ui grid horizontal container login-method-list">
              <a class="two wide column">
                <i class="iconfont icon-aliyun"></i>
              </a>
              <a class="two wide column">
                <i class="iconfont icon-github"></i>
              </a>
              <a class="two wide column">
                <i class="iconfont icon-weibo"></i>
              </a>
              <a class="two wide column">
                <i class="iconfont icon-qq"></i>
              </a>
              <a class="two wide column">
                <i class="iconfont icon-windows"></i>
              </a>
              <a class="two wide column">
                <i class="iconfont icon-csdn"></i>
              </a>
              <a class="two wide column">
                <i class="iconfont icon-weixin"></i>
              </a>
              <a class="two wide column">
                <i class="iconfont icon-dingding"></i>
              </a>
            </div>
          </div>
          <div class="five wide column gitee-ee-intro">
            <section>
              <h4>尝试码云企业版？</h4>
              <div class="ui list intro-list">
                <div class="item">
                  <div class="top aligned content flex">
                    <i class="iconfont icon-checked"></i>
                    不止更多成员、更高配额
                  </div>
                </div>
                <div class="item">
                  <div class="top aligned content flex">
                    <i class="iconfont icon-checked"></i>
                    <span
                      >灵活支撑协作研发、代码交付、IT
                      教育培训等场景代码托管需求</span
                    >
                  </div>
                </div>
              </div>
            </section>
            <section>
              <h4>他们都在用</h4>
              <p>
                已有超过 50000 企业研发团队选择码云企业版，60%
                客户来自口碑推荐。
              </p>
              <div class="ui grid container team-list">
                <div class="eight wide column">
                  <img src="./static/image/logo_zsyh.png" />
                </div>
                <div class="eight wide column">
                  <img src="./static/image/logo_zszq.png" />
                </div>
                <div class="eight wide column">
                  <img src="./static/image/logo_zgdx.png" />
                </div>
                <div class="eight wide column">
                  <img src="./static/image/logo_zglt.png" />
                </div>
                <div class="eight wide column">
                  <img src="./static/image/logo_bydqc.png" />
                </div>
                <div class="eight wide column">
                  <img src="./static/image/logo_supermap.png" />
                </div>
                <div class="eight wide column">
                  <img src="./static/image/logo_wshh.png" />
                </div>
                <div class="eight wide column">
                  <img src="./static/image/logo_zyhz.png" />
                </div>
              </div>
            </section>
            <section class="more-info">
              <h4>了解更多</h4>
              <div class="ui list">
                <div class="item">
                  <a href="#">企业版介绍</a>
                </div>
                <div class="item">
                  <a href="#">社区版与企业版功能对比</a>
                </div>
              </div>
            </section>
          </div>
        </div>
      </div>
    </main>
    <footer>
      <section class="ui container links">
        <div class="site">
          <a href="#">&copy; Gitee.com</a>
        </div>
        <div class="ui two column grid">
          <div class="column">
            <div class="ui three column grid">
                <div class="column">
                  <div class="ui list">
                    <div class="item">
                      <a href="#">关于我们</a>
                    </div>
                    <div class="item">
                      <a href="#">使用条框</a>
                    </div>
                    <div class="item">
                      <a href="#">意见建议</a>
                    </div>
                    <div class="item">
                      <a href="#">合作伙伴</a>
                    </div>
                  </div>
                </div>
                <div class="column">
                  <div class="ui list">
                    <div class="item">
                      <a href="#">OpenAPI</a>
                    </div>
                    <div class="item">
                      <a href="#">Git 大全</a>
                    </div>
                    <div class="item">
                      <a href="#">代码克隆检测</a>
                    </div>
                    <div class="item">
                      <a href="#">APP与插件下载</a>
                    </div>
                  </div>
                </div>
                <div class="column">
                  <div class="ui list">
                    <div class="item">
                      <a href="#">帮助文档</a>
                    </div>
                    <div class="item">
                      <a href="#">更新日志</a>
                    </div>
                    <div class="item">
                      <a href="#">代码片段</a>
                    </div>
                    <div class="item">
                      <a href="#">码云封面人物</a>
                    </div>
                  </div>
                </div>
            </div>
          </div>
          <div class="column">
            <div class="ui grid">
              <div class="ten wide column">
                <div class="ui list">
                  <div class="item">
                    <a href="#">
                      <i class="iconfont icon-qq vertical-middle"></i>
                      官方技术支持QQ群：515965326
                    </a>
                  </div>
                  <div class="item">
                    <a href="#">
                      <i class="iconfont icon-email vertical-middle"></i>
                      git@oschina.cn
                    </a>
                    &nbsp;
                    <a href="#">
                      <i class="iconfont icon-zhihu vertical-middle"></i>
                      码云Gitee
                    </a>
                  </div>
                  <div class="item">
                    企业版售前及售后使用咨询：400-606-0201
                  </div>
                </div>
              </div>
              <div class="six wide column">
                <div class="wx-qrcode-wrapper flex float-right">
                  <img class="" src="./static/image/qrcode-weixin.jpg">
                  <span>微信服务号</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="ui inverted vertical footer segment">
        <div class="ui container grid">
          <div class="six wide column">
            <span>本站带宽由</span>
            <img class="vertical-middle" src="./static/image/anchnet.png" />
            <span>提供</span>
          </div>
          <div class="ten wide column other-info">
            <a>粤ICP备12009483号-8</a>
            <span>深圳市奥思网络科技有限公司版权所有</span>
            <span>
              <i class="icon world"></i>
              <a>简体 </a>/ <a> 繁体 </a>/
              <a>English</a>
            </span>
          </div>
        </div>
      </section>
    </footer>
    <aside>
      <button class="circular ui icon button">
        <i class="icon question"></i>
      </button>
      <button class="circular ui icon button">
        <i class="icon share square"></i>
      </button>
      <button class="circular ui icon button back-up">
        <i class="icon arrow up"></i>
      </button>
    </aside>
  </body>
  <script
    src="https://code.jquery.com/jquery-3.1.1.min.js"
    integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
    crossorigin="anonymous"
  ></script>
  <script src="./semantic/dist/semantic.min.js"></script>
  <script src="./src/js/index.js"></script>
</html>