master

分支 (1)

管理

管理

master

FlowUs_demo
/
index.html

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小组设计</title>
    <!-- 以下css负责首页的标题及按钮页面 -->
    <link rel="stylesheet" href="./css/the_home_top.css">
    <!-- 以下css负责首页的除标题及按钮的其他页面 -->
    <link rel="stylesheet" href="./css/the_home_dop.css">
    <!-- 以下css负责导航栏 -->
    <style>
        body {

            background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
        }

        a {

            color: black;
            text-decoration: none;
            font-weight: bold;
        }

        .the_title:hover {
            border-bottom: 4px solid rgb(5, 5, 5);
        }

        .the_title {
            display: inline-block;
            width: 98px;
            height: 70px;
            text-align: center;
            font-size: 16px;
            display: inline-block;
            line-height: 70px;

        }

        .the_title_fic {
            height: 70px;
            text-align: center;


        }

        .the_title_right {
            float: right;
        }

        .the_title_left {
            float: left;
        }

        .the_title_div_bottom:hover {
            border-bottom: 4px solid rgb(250, 244, 244);

        }
    </style>
</head>

<body>

    <div class="the_title_fic">


        <!-- 靠左div -->
        <div class="the_title_left">


            <div class="the_title">
                <a href="./bitable/index.html" >多维表</a>
            </div>
            <div class="the_title">
                <a href="./folder/index.html" >文件夹</a>
            </div>
            <div class="the_title">
                <a href="./cooperation/index.html" >团队协作</a>
            </div>
            <div class="the_title">
                <a href="./doc/index.html" >文档</a>
            </div>
            <div class="the_title">
                <a href="./contact/index.html" >联系我们</a>
            </div>

        </div>


        <!-- 靠右div -->
        <div class="the_title_right">

            <div class="the_title">
                <a href="./home_03/index.html">关于我们</a>
            </div>
            <div class="the_title">
                <a href="./home_01/index.html">下载页面</a>
            </div>
            <div class="the_title">
                <a href="./home_02/index.html">注册登录</a>

            </div>


        </div>

    </div>


    <hr>

    <div class="the_title_div">

        <div class="the_title_div_div">
            <div class="the_title_div_div_img">
                <span>犀牛</span>
            </div>
        </div>
        <span>新一代知识管理与协作平台</span>
        <div class="the_title_div_hrdiv">
            <hr>
            <span>以云端笔记为载体，配合在线文档、知识库、文件夹等多形态功能，为个人和团队提供数字信息管理与协同的一站式工作中心。</span>
        </div>


        <div class="the_title_div_bottom">
            <a onclick="onclick_about()" style="color:aliceblue;" target="_blank"
                href="https://flowus.cn/evanora/share/6c79c39b-78a4-461c-811a-fd8e4bd3518c">&gt;&gt;&gt;关于我们小组&lt;&lt;&lt;</a>
        </div>

    </div>

    <!-- ------------------------------------------------------------ -->


    <div class="mian_page_001_div">


        <img class="mian_page_001" src="./images/picture/main_page.deff6a17.png" alt="">

        <!-- ------------------------------------------------------------ -->


        <div class="mian_page_002_div">

            <div class="mian_page_002_all">
                <div class="mian_page_002_div_001">
                    <img src="./images/picture/img_title_page.1cff9423.svg" alt="">
                </div>
                <div>
                    <p class="mian_page_002_title">云文档:</p>
                    <p class="mian_page_002_title">告别碎片化管理</p>
                </div>
                <div>
                    <p class="font_mian_page_002_001">一键插入文字、表格、代码、音视频、网页</p>
                    <p class="font_mian_page_002_001">内容，并支持嵌入第三方服务，满足多场景</p>
                    <p class="font_mian_page_002_001">创作需求。</p>
                </div>

                <div>
                    <p class="font_mian_page_002_001">不仅是在线文档，更是强大的创作和互动工</p>
                    <p class="font_mian_page_002_001">具。</p>
                </div>
                <div>
                    <a style="color:#00E79B" href="">了解详情&lt;</a>
                </div>
            </div>


            <div class="video_div">
                <video src="./images/video/page-4693d96522eb028ec14678aa70cde4d3.mp4" autoplay muted height="524.95"
                    width="839.93"></video>
            </div>

        </div>


        <!-- <p>---------------------------------------------------------------</p> -->
        <!-- ------------------------------------------------------ -->
        <br>
        <br>
        <br>
        <br>
        <br>


        <div class="mian_page_002_div">

            <div class="mian_page_002_all">
                <div class="mian_page_002_div_001">
                    <img src="./images/picture/img_title_cooperation.f01dedd1.svg" alt="">
                </div>
                <div>

                    <p class="mian_page_002_title">团队协作：</p>
                    <p class="mian_page_002_title">构建高效工作流</p>
                </div>
                <div>
                    <p class="font_mian_page_002_001">通过搭建团队空间，结构化沉淀和管理工作</p>
                    <p class="font_mian_page_002_001">流程，多人多端实时协同互动，构建企业自</p>
                    <p class="font_mian_page_002_001">己的一站式工作中心。</p>
                </div>

                <div>
                    <p class="font_mian_page_002_001">不仅是在线文档，更是强大的创作和互动工</p>
                    <p class="font_mian_page_002_001">具。</p>
                </div>
                <div>
                    <a style="color:#E76BEC" href="">了解详情&lt;</a>
                </div>
            </div>


            <div class="video_div">
                <video src="./images/video/cooperation-2332b492124d3eb3a6729f48b79da25a.mp4" autoplay muted
                    height="524.95" width="839.93"></video>
            </div>

        </div>

        <br>
        <br>
        <br>
        <br>
        <br>


        <div class="mian_page_002_div">

            <div class="mian_page_002_all">
                <div class="mian_page_002_div_001">
                    <img src="./images/picture/img_title_bitable.a251cba5.svg" alt="">
                </div>
                <div>

                    <p class="mian_page_002_title">多维表：</p>
                    <p class="mian_page_002_title">让信息动起来</p>
                </div>
                <div>
                    <p class="font_mian_page_002_001">在传统数据管理表格内融合了在线协作、信</p>
                    <p class="font_mian_page_002_001">息管理和可视化视图能力，一键切换多种视</p>
                    <p class="font_mian_page_002_001">图，自由搭建个性化、轻量级的业务管理系</p>
                    <p class="font_mian_page_002_001">统。</p>
                </div>

                <div>
                    <p class="font_mian_page_002_001">不仅是在线文档，更是强大的创作和互动工</p>
                    <p class="font_mian_page_002_001">具。</p>
                </div>
                <div>
                    <a style="color:#1844F5" href="">了解详情&lt;</a>
                </div>
            </div>


            <div class="video_div">
                <video src="./images/video/cooperation-2332b492124d3eb3a6729f48b79da25a.mp4" autoplay muted
                    height="524.95" width="839.93"></video>
            </div>

        </div>


        <br>
        <br>
        <br>
        <br>
        <br>


        <div class="mian_page_002_div">

            <div class="mian_page_002_all">
                <div class="mian_page_002_div_001">
                    <img src="./images/picture/img_title_folder.11c47a0a.svg" alt="">
                </div>
                <div>

                    <p class="mian_page_002_title">文件夹：</p>
                    <p class="mian_page_002_title">万千资源触手可及</p>
                </div>
                <div>
                    <p class="font_mian_page_002_001">支持多格式文件的高速上传、下载及预览，</p>
                    <p class="font_mian_page_002_001">并通过电脑、手机随时随地查看、编辑、共</p>
                    <p class="font_mian_page_002_001">享和协作。</p>
                </div>

                <div>
                    <p class="font_mian_page_002_001">不仅是在线文档，更是强大的创作和互动工</p>
                    <p class="font_mian_page_002_001">具。</p>
                </div>
                <div>
                    <a style="color:#1844F5" href="">了解详情&lt;</a>
                </div>
            </div>


            <div class="video_div">
                <video src="./images/video/cooperation-2332b492124d3eb3a6729f48b79da25a.mp4" autoplay muted
                    height="524.95" width="839.93"></video>
            </div>

        </div>


    </div>

    <br>
    <br>
    <br>
    <br>
    <br>
    <hr>
    <div class="the_title_fic">


        <div class="the_title_dop_div">


            <div class="the_title_dop">
                <a onclick="onclick_about()" href="https://flowus.cn/evanora/share/7ee5e57b-d5d6-43db-90d1-2f12666202e3" target="_blank">创作灵感</a>
            </div>
            <div class="the_title_dop">
                <a onclick="onclick_about()" href="https://flowus.cn/evanora/share/8bd948b5-94a6-4ad3-8ecf-69cccdae22dd" target="_blank">小组文件</a>
            </div>
            <div class="the_title_dop">
                <a onclick="onclick_about()" href="https://flowus.cn/evanora/share/d52c65e6-6b90-4c01-8d07-03c10d31004e" target="_blank" >下载源码</a>
            </div>
            <div class="the_title_dop">
                <a  href="./home_03/index.html">关于我们</a>
            </div>
            <div class="the_title_dop">
                <a onclick="onclick_about()" href="https://flowus.cn/evanora/share/b09b4cd6-38d0-46c7-bdcf-7a8a21c64534" target="_blank">合作创作</a>
            </div>


        </div>


    </div>


        <!-- 版权 -->

        <br><br>
        <div class="the_hr_bottom">
            <!-- <hr> -->
            <br>
            <p class="the_hr_bottom_coup">
                <a href="">用户协议</a> &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="">隐私政策</a>&nbsp;&nbsp;&nbsp;&nbsp;
                版本号：1.6.0&nbsp;&nbsp;&nbsp;&nbsp;
                开发者名称：云上绿洲（北京）科技有限公司 Copyright©2022&nbsp;&nbsp;&nbsp;&nbsp;
                京公网安备110105XXXXX495号&nbsp;&nbsp;&nbsp;&nbsp;
                京ICP备2XXXXXX461号-4号&nbsp;&nbsp;&nbsp;&nbsp;
                增值电信业务经营许可证 京B2-20XXXX48
            </p>
            <br>


        </div>


        <!-- 版权 -->


    <script>

        function onclick_about(){

            alert("注意：您即将访问的页面是第三方网页，需要启用互联网,通过这个网页可以了解我们小组的制作流程！");


        }
    </script>


</body>

</html>