537main

分支 (2)

管理

管理

537main

refactor-next-js

website-test
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>

    <meta charset="utf-8">
    <meta name="author" content="templatemo">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

    <title>537工作室官网</title>

    <link rel="icon" href="537logo.ico" type="image/x-icon" />

    <!-- Bootstrap 核心 CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">


    <!-- 其他 CSS 文件 -->
    <link rel="stylesheet" href="./css/fontawesome.css">
    <link rel="stylesheet" href="./css/537studio-website.css">
    <link rel="stylesheet" href="./css/owl.css">
    <link rel="stylesheet" href="./css/animate.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />

</head>

<body>

  <!-- ***** 预加载器启动 ***** -->
  <div id="js-preloader" class="js-preloader">
    <div class="preloader-inner">
      <span class="dot"></span>
      <div class="dots">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
  </div>
  <!-- ***** 预加载器结束 ***** -->

  <!-- ***** 标题区域开始 ***** -->
  <header class="header-area header-sticky">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <nav class="main-nav">
                    <!-- ***** 徽标开始 ***** -->
                    <a href="#" class="logo">
                        <img src="./images/537logo-title.png" alt="537loge-title">
                    </a>
                    <!-- ***** 徽标结束 ***** -->
                    <!-- ***** 菜单开始 ***** -->
                    <ul class="nav">
                        <li><a href="" class="active">首页/Home</a></li>
                        <li><a href="download">下载/Download</a></li>
                        <li><a href="help">帮助/Help</a></li>
                        <li><a href="about">关于/About</a></li>
                    </ul>
                    <a class='menu-trigger'>
                        <span>Menu</span>
                    </a>
                    <!-- ***** 菜单结束 ***** -->
                </nav>
            </div>
        </div>
    </div>
  </header>
  <!-- ***** 标题区域结束 ***** -->

  <!-- ***** 主横幅区域开始 ***** -->
  <div class="main-banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 align-self-center">
                <div class="header-text">
                    <h6>537工作室官网</h6>
                    <h2>537文本编辑器</h2>
                    <p>
                        探求极致文字编辑之旅，是否曾让您在繁复的文字符海间迷失方向？寻觅一款结合简洁与力量的文本编辑神器，是您心之所向吗？537文本编辑器，以其卓越性能，应允您的每一次文字编织梦想！<br />

                        537文本编辑器，不仅仅是工具，更是您追求文字极致之旅的忠诚伙伴。无论是篇章构建，书卷创作，抑或是博文撰写，它都能助您以锐不可挡之势，破浪前行。<br />

                        在这个步伐匆忙的世界，让537文本编辑器成为您的文字艺术军师，共同把酒话桑麻，享受写作之美妙无穷！
                    </p>
                    <div class="buttons">
                        <div class="main-button">
                            <a href="./download/537Text">下载</a>
                        </div>

                        <div class="border-button">
                            <a href="./help/537Text" target="_self">进一步了解</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5 offset-lg-1">
                <div class="owl-banner owl-carousel">
                    <div class="item">
                        <img src="./images/537TextLogo.png" alt="">
                    </div>
                    <div class="item">
                        <img src="./images/Use537Text.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
  <!-- ***** 主横幅区域结束 ***** -->

  <div class="categories-collections">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="categories">
            <div class="row">
              <div class="col-lg-12">
                <div class="section-heading">
                  <div class="line-dec"></div>
                  <h2>在<em>这里</em>找到我们</h2>
                </div>
              </div>
              <div class="col-lg-2 col-sm-6">
                <div class="item">
                  <div class="icon">
                    <img src="./images/icon-01.png" alt="">
                  </div>
                  <h4>Gitee</h4>
                  <div class="icon-button">
                    <a href="https://gitee.com/FTS-537Studio" target="_blank"><i class="fa fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
              <div class="col-lg-2 col-sm-6">
                <div class="item">
                  <div class="icon">
                    <img src="./images/icon-02.png" alt="">
                  </div>
				   <h4>GitHub</h4>
                  <div class="icon-button">
                    <a href="https://github.com/537Studio" target="_blank"><i class="fa fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
			  <div class="col-lg-2 col-sm-6">
                <div class="item">
                  <div class="icon">
                    <img src="./images/icon-05.png" alt="">
                  </div>
                  <h4>537作文交流网</h4>
                  <div class="icon-button">
                    <a href="https://www.zwjl1234.com" target="_blank"><i class="fa fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
              <div class="col-lg-2 col-sm-6">
                <div class="item">
                  <div class="icon">
                    <img src="./images/icon-03.png" alt="">
                  </div>
                 <h4>537软件吧-百度贴吧</h4>
                  <div class="icon-button">
                    <a href="https://tieba.baidu.com/f?kw=537%E8%BD%AF%E4%BB%B6" target="_blank"><i class="fa fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
              <div class="col-lg-2 col-sm-6">
                <div class="item">
                  <div class="icon">
                    <img src="./images/icon-04.png" alt="">
                  </div>
                  <h4>哔哩哔哩</h4>
                  <div class="icon-button">
                    <a href="https://space.bilibili.com/3493272892738031" target="_blank"><i class="fa fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
              <div class="col-lg-2 col-sm-6">
                <div class="item">
                  <div class="icon">
                    <img src="./images/icon-06.png" alt="">
                  </div>
                  <h4>电子邮件</h4>
                  <div class="icon-button">
                    <a href="mailto:hello@537studio.com"><i class="fa fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="collections">
            <div class="row">
              <div class="col-lg-12">
                <div class="section-heading">
                  <div class="line-dec"></div>
                  <h2>浏览我们的<em>软件项目</em></h2>
                </div>
              </div>
              <div class="col-lg-12">
                <div class="owl-collection owl-carousel">
                  <div class="item">
                    <img src="./images/537Studio.png" alt="">
                    <div class="down-content">
                      <h4>537文本编辑器</h4>
                      <span class="collection">首个桌面应用程序<br><strong>非同凡“想”</strong><br>602KB</span>
                      <span class="category">最新版本：<br><strong>v2.2</strong><br>x64、x86、便携式</span>
                      <div class="main-button">
                        <a href="./help/537Text/introduce">进一步了解</a>
                      </div>
                    </div>
                  </div>
                  <div class="item">
                    <img src="./images/537Studio.png" alt="">
                    <div class="down-content">
                      <h4>537秒表</h4>
                      <span class="collection">2023年年度应用程序<br><strong>少即是多</strong><br>1.84MB</span>
                      <span class="category">最新版本：<br><strong>v1.0</strong><br>便携式</span>
                      <div class="main-button">
                        <a href="explore.html">进一步了解</a>
                      </div>
                    </div>
                  </div>
                  <div class="item">
                    <img src="./images/537Studio.png" alt="">
                    <div class="down-content">
                      <h4>计算搬桶学号</h4>
                      <span class="collection">首个应用程序<br><strong>初出茅庐</strong><br>1.84MB</span>
                      <span class="category">最新版本：<br><strong>v1.3.1</strong><br>x64（已停止支持）</span>
                      <div class="main-button">
                        <a href="explore.html">进一步了解</a>
                      </div>
                    </div>
                  </div>
                  <div class="item">
                    <img src="./images/537Studio.png" alt="">
                    <div class="down-content">
                      <h4>更多项目</h4>
                      <span class="collection">当前状态：<br><strong>尚在开发中</strong><br>不会太大~</span>
                      <span class="category">最新版本：<br><strong>敬请期待</strong><br>x64、x86</span>
                      <div class="main-button">
                        <a href="./other/join_us">加入开发</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="create-nft">
    <div class="container">
      <div class="row">
        <div class="col-lg-8">
          <div class="section-heading">
            <div class="line-dec"></div>
            <h2>招贤纳士</h2>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="main-button">
            <a href="./other/join_us">加入我们</a>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="item first-item">
            <div class="number">
              <h6>2</h6>
            </div>
            <div class="icon">
              <img src="./images/icon-02.png" alt="">
            </div>
            <h4>获得进步</h4>
            <p>我们追求创新。加入我们，在学习中得出真知，在实践中获得成长。</p>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="item second-item">
            <div class="number">
              <h6>3</h6>
            </div>
            <div class="icon">
              <img src="./images/icon-04.png" alt="">
            </div>
            <h4>合作开发</h4>
            <p>一起创造出了不起的工具。</p>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="item">
            <div class="icon">
              <img src="./images/icon-06.png" alt="">
            </div>
            <h4>改变世界</h4>
            <p>了不起的工具能够改变人们的生活。不要墨守陈规，实现自我价值。</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="currently-market">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <div class="section-heading">
            <div class="line-dec"></div>
            <h2>软件<em>文档</em></h2>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="filters">
            <ul>
              <li data-filter="*"  class="active">所有文档</li>
              <li data-filter=".download">下载安装</li>
              <li data-filter=".howtouse">使用教程</li>
              <li data-filter=".question">相关问题</li>
            </ul>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="row grid">


            <div class="col-lg-6 currently-market-item all download">
              <div class="item">
                <div class="left-image">
                  <img src="./images/537Text_introduce.png" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>537文本编辑器</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>安装文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v2.2</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 currently-market-item all howtouse">
              <div class="item">
                <div class="left-image">
                  <img src="./images/537Text_introduce.png" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>537文本编辑器</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>使用文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v2.2</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 currently-market-item all question">
              <div class="item">
                <div class="left-image">
                  <img src="./images/537Text_introduce.png" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>537文本编辑器</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>问题文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v2.2</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-6 currently-market-item all download">
              <div class="item">
                <div class="left-image">
                  <img src="./images/market-01.jpg" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>537秒表</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>安装文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v1.0</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 currently-market-item all howtouse">
              <div class="item">
                <div class="left-image">
                  <img src="./images/market-01.jpg" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>537秒表</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>使用文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v1.0</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 currently-market-item all question">
              <div class="item">
                <div class="left-image">
                  <img src="./images/market-01.jpg" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>537秒表</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>问题文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v1.0</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>

			<div class="col-lg-6 currently-market-item all download">
              <div class="item">
                <div class="left-image">
                  <img src="./images/market-01.jpg" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>计算搬桶学号</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>安装文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v1.3.1</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 currently-market-item all howtouse">
              <div class="item">
                <div class="left-image">
                  <img src="./images/market-01.jpg" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>计算搬桶学号</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>使用文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v1.3.1</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 currently-market-item all question">
              <div class="item">
                <div class="left-image">
                  <img src="./images/market-01.jpg" alt="" style="border-radius: 20px; min-width: 195px;">
                </div>
                <div class="right-content">
                  <h4>计算搬桶学号</h4>
                  <span class="author">
                    <img src="./537logo.png" alt="" style="max-width: 50px; border-radius: 50%;">
                    <h6>537工作室<br><a href="#">537Studio</a></h6>
                  </span>
                  <div class="line-dec"></div>
                  <span class="bid">
                    类型：<br><strong>问题文档</strong><br><em>在线</em>
                  </span>
                  <span class="ends">
                    适用于<br><strong>v1.3.1</strong><br><em>2024.3.22</em>
                  </span>
                  <div class="text-button">
                    <a href="details.html">查看文档</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer>
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <p>
            Copyright © <a href="www.537studio.com">537 Studio</a>.2023-2024.
            All rights reserved.
          </p>
          <p>
            E-mail:
            <a href="mailto:hello@537Studio.com"
              >hello@537Studio.com</a
            >
          </p>
        </div>
      </div>
    </div>
  </footer>


  <!-- 脚本 -->
  <!-- Bootstrap 核心 JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

  <script src="./js/isotope.min.js"></script>
  <script src="./js/owl-carousel.js"></script>

  <script src="./js/tabs.js"></script>
  <script src="./js/popup.js"></script>
  <script src="./js/custom.js"></script>

  </body>
</html>