qiushang
/
qasimBlog


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!DOCTYPE html>
<html>
<head>
    @include('home.http.common.head')
</head>
<body>
<div class="header">
    @include('home.http.common.header')
</div>

<!--- 首頁輪播 --->
<div class="index-banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="https://download.yososoft.com/jimp/2.0.1/jimp_2.0.1.exe">
                    <div class="banner-bg" style="background-image: url('/static/images/u26.jpg');"></div>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="https://download.yososoft.com/YSRename/2.0.4/YSRename.exe">
                    <div class="banner-bg" style="background-image: url('/static/images/rename/banner.png');"></div>
                </a>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</div>

<div class="container">
    <!--- 解决方案 --->
    <div class="index-about">
        <div>
            <div class="index-title">
                <div class="name">解决方案</div>
                <div class="desc">为用户提供更好的解决方案</div>
            </div>
            <div class="flex-between">
                <div class="a-bg">
                    <div class="area-title">
                        <div class="a-title">高效率办公</div>
                        <div class="a-desc more-overflow">
                            办公利器，解决用户办公痛点需求，简单方便上手，瞬间提高工作效率，让您在职场脱颖而出
                        </div>
                    </div>
                </div>
                <div class="a-bg a-bg2">
                    <div class="area-title">
                        <div class="a-title">专业的工具</div>
                        <div class="a-desc more-overflow">
                            摆脱传统软件学习成本高的弊端，开发出更符合大众使用需求的开发工具，傻瓜式操作更简单快捷
                        </div>
                    </div>
                </div>
            </div>

            <div class="index-title">
                <div class="name">为什么选择我们</div>
                <div class="desc">多年深耕软件领域我们更专业</div>
            </div>
            <div class="flex-between">
                <div class="why-item">
                    <img src="/static/images/31.png" class="why-img"/>
                    <p class="why-title">绿色安全</p>
                    <p class="why-desc">安全可靠 无插件无广告</p>
                </div>
                <div class="why-item">
                    <img src="/static/images/33.png" class="why-img"/>
                    <p class="why-title">操作简单</p>
                    <p class="why-desc">软件使用简单 易上手</p>
                </div>
                <div class="why-item">
                    <img src="/static/images/32.png" class="why-img"/>
                    <p class="why-title">免费升级</p>
                    <p class="why-desc">会员期内享受免费升级服务</p>
                </div>
                <div class="why-item">
                    <img src="/static/images/34.png" class="why-img"/>
                    <p class="why-title">专业支持</p>
                    <p class="why-desc">客服人员一对一技术支持</p>
                </div>
            </div>

            <div class="index-title">
                <div class="name">服务领域</div>
                <div class="desc">覆盖多领域办公使用</div>
            </div>
            <div class="flex-between">
                <div class="serve-item">
                    <img src="/static/images/38.png" class="serve-img"/>
                    <p class="serve-title">企业商用</p>
                    <p class="serve-desc">自主研发，商用无忧，可以覆盖您的日常办公需求</p>
                </div>
                <div class="serve-item">
                    <img src="/static/images/37.png" class="serve-img"/>
                    <p class="serve-title">政府服务</p>
                    <p class="serve-desc">支持各级政府办公采购，协助提高政府服务效率</p>
                </div>
                <div class="serve-item">
                    <img src="/static/images/36.png" class="serve-img"/>
                    <p class="serve-title">教育科研</p>
                    <p class="serve-desc">辅助教育/教学科研，让教育工作更简单更高效</p>
                </div>
                <div class="serve-item">
                    <img src="/static/images/35.png" class="serve-img"/>
                    <p class="serve-title">个人使用</p>
                    <p class="serve-desc">产品简单易用易上手，致力于打造用户信得过的产品</p>
                </div>
            </div>

            <div class="index-title">
                <div class="name">使用教程</div>
            </div>

            <div class="flex-between course-list">
                @foreach($newsList as $item)
                    <a class="course-item overflow" href="{{'/news/detail/' . $item->mid}}">
                        {{$item->title}}
                    </a>
                @endforeach
            </div>
        </div>
    </div>
</div>

@include('home.http.common.footer')
    
<script>
    new Swiper('.swiper-container', {
        loop: true,
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        }
    })
</script>
</body>
</html>