{{template "base/head_home" .}}
    <div class="ui vertical masthead secondary hometop segment">
        <div class="ui container" style="position: relative;">
            <div class="ui center homebanner">
                <h1 class="ui huge header">
                    探索更好的AI
                    <div class="sub header">
                        启智AI开发协作平台
                    </div>
                </h1>
                <p class="ui am-lh-18">面向AI领域的一站式协同开发环境，提供集代码开发、数据管理、模型调试、推理和评测为一体的AI开发流水线</p>
                
                <a class="circular huge ui secondary button" href="{{AppSubUrl}}/user/sign_up">立即使用 <i class="right arrow icon"></i></a>
            </div>
            <div class="bannerpic"><img class="ui fluid image" src="/img/gitopeni-index-01.svg"></div>
            <div id="homenews" class="ui container">
                <p>* 仅展示开源项目动态</p>
                <div class="ui grid">
                    <div class="twelve wide tablet ten wide computer column homenews">
                        <div class="newslist">
                            <div class="ui mini aligned list swiper-wrapper" id="newmessage">
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- end homenews -->
            
        </div>
    </div><!-- end segment -->

    <!--组织-->
    <div class="ui container homeorg">
        <div class="ui stackable grid">
            <div class="sixteen wide tablet four wide computer column homeorg-tit">
                <h2>推荐组织</h2>
                <p><span class="ui text grey">这些优秀的组织正在使用启智AI开发协作平台；你的组织也想展示到这里，</span><a href="/zeizei/OpenI_Learning/issues">点此提交</a></p>
                <a href="{{AppSubUrl}}/explore/organizations" class="circular ui primary basic button">更多组织 <i class="arrow circle right icon"></i></a>
            </div>
            <div class="sixteen wide tablet twelve wide computer column">
                <div class="ui stackable three column grid homeorg-list" id="recommendorg">
                    
                </div>
            </div>
        </div>
        
        <div class="leftline01"></div>
    </div>
    
    <!--项目-->
    <div class="ui container homepro">
        <div class="leftline02"></div>
        <div class="leftline02-2"></div>
        <div class="ui center homepro-tit am-mb-20">
            <h2>推荐项目</h2>
            <p><span class="ui text grey">优秀的AI项目推荐；你的项目也想展示到这里，</span><a href="/zeizei/OpenI_Learning/issues">点此提交</a>。进入<a href="{{AppSubUrl}}/explore/">项目广场</a></p>
        </div>

        <div class="homepro-list">				
            <div class="swiper-wrapper" id="recommendrepo">
                   
            </div>
            <div class="swiper-pagination"></div>
        </div>
        
    </div>


    <!--模型-->
    <div class="ui container homemodel">
        <div class="leftline03"></div>
        <div class="ui center homepro-tit am-mb-30">
            <h2>开源AI模型</h2>
            <p><span class="ui text grey">基于云脑训练的优秀开源模型，可以全程复现及共享使用</p>
        </div>
        <div class="ui stackable grid">
            <div class="sixteen wide tablet four wide computer column am-pl-50">
                <a href="" class="tiny compact ui blue basic button am-mb-05">大模型</a>
                <a href="" class="tiny compact ui green basic button am-mb-05">mindspore</a>
                <a href="" class="tiny compact ui blue basic button am-mb-05">PaddlePaddle</a>
                <a href="" class="tiny compact ui green basic button am-mb-05">目标检测</a>
                <a href="" class="tiny compact ui blue basic button am-mb-05">超分辨率</a>
                <a href="" class="tiny compact ui green basic button am-mb-05">分类任务</a>
                <a href="" class="tiny compact ui blue basic button am-mb-05">自动驾驶</a>
                <a href="" class="tiny compact ui green basic button am-mb-05">计算机视觉</a>
                <p class="am-mt-10"><i class="question circle outline icon"></i> <a class="ui blue" href="/zeizei/OpenI_Learning" target="_blank">如何使用云脑免费训练您的模型？</a></p>
            </div>
            <div class="sixteen wide tablet twelve wide computer column">
                <div class="ui stackable three column grid homemodel-list">
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div class="ui fluid card">
                            <div class="content">
                                <div class="ui small header nowrap">
                                    <a href="/OpenI" class="nowrap">COPIED__MB__WIDGET</a>
                                    <div class="sub header">FaceNet的mindspore版本FaceNet的mindspore版本FaceNet的mindspore版本</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    
    <a name="fourth"></a>
    <div class="ui container i-env">
        
        <div class="ui center am-pb-30">
            <div class="leftline04"></div>
            <h2>协同开发环境</h2>
            <p><span class="ui text grey">启智AI协作开发平台与传统git平台最大的不同就在于提供了面向AI开发的协同开发环境</p>
        </div>
        <div class="ui four stackable cards">
            <div class="card">
                <div class="image">
                    <img src="/img/i-pic-01.svg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">开发要素统一管理</h3>
                    <div class="description">
                    平台提供了AI开发四大要素：模型代码、数据集、模型和执行环境的统一管理
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="image">
                    <img src="/img/i-pic-02.svg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">数据协同与共享</h3>
                    <div class="description">
                    通过在项目中上传数据集，项目成员多人协作完成数据预处理；也可以通过将数据设置为公有数据集，与社区开发者共同建立更好的模型
                    </div>
                </div>
            </div>
                <div class="card">
                <div class="image">
                    <img src="/img/i-pic-03.svg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">模型管理与共享</h3>
                    <div class="description">
                    将模型与代码版本建立关联，可以基于代码历史版本，使用不同的方式调整模型，并将结果保存下来；训练好的模型可以开放共享，让更多人的使用模型测试并提出反馈
                    </div>
                </div>
            </div>
                <div class="card">
                <div class="image">
                    <img src="/img/i-pic-04.svg">
                </div>
                <div class="content">
                    <h3 class="ui centered small header">一次配置，多次使用</h3>
                    <div class="description">
                    提供执行环境共享，一次配置，多次使用，降低模型开发门槛，避免花费重复的时间配置复杂的环境
                    </div>
                </div>
            </div>
        </div>
    </div>

    <a name="fifth"></a>
    <div class="ui container">
        <div class="ui very padded inverted segment radius15">
            <div class="ui stackable grid">
                <div class="six wide column">
                    <img class="ui centered large image" src="/img/i-yunnao.svg">              
                </div>
                <div class="ten wide column am-pt-30">
                    <h2 class="ui grey inverted header">鹏城云脑开源协同</h2>
                    <p class="am-lh-18 ui text grey">
                    平台已经与鹏城云脑打通，可以利用鹏城云脑的丰富算力资源，完成AI开发任务<br>
                    鹏城云脑现有AI算力100P FLOPS@FP16（每秒十亿亿次半精度浮点计算），主要硬件基础设施由搭载英伟达Tesla V100 的GPU服务器和搭载鲲鹏、昇腾处理器的Atlas 900 AI集群构成<br>
                    开发者可以根据使用需求，自由选择相应计算资源，可以测试模型在不同硬件环境下的适配能力、性能、稳定性等<br>
                    如果您的模型需要更多的计算资源，也可以单独申请<br>               
                    </p>
                    <a class="ui blue basic button am-mt-20" href="{{AppSubUrl}}/user/sign_up">马上使用</a> <a class="ui grey basic button am-mt-20" href="/zeizei/OpenI_Learning/issues">单独申请</a>
                </div>
            </div>
        </div>
    </div>
    <div class="am-mt-30"></div>


<script>
    $('.menu .item')
        .tab();
    $('.ui.sticky')
    .sticky({
        context: '#railContent',
        observeChanges: true,
    })
    .sticky('refresh');

    var swiper = new Swiper(".newslist", {
        direction: "vertical",
        slidesPerView: 10,
        loop: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
    });
    var swiper = new Swiper(".homepro-list", {
        slidesPerView: 3,
        slidesPerColumn: 2,
        slidesPerColumnFill:'row',
        spaceBetween: 30,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
    });
</script>
<script src="/home/home.js" type="text/javascript"></script>
{{template "base/footer" .}}