{% extends "m-base.html" %}

{% block title %}关于{% endblock %}
{# 当前导航 #}
{% set pos = 2 %}

{% set bdclass="pt" %}
{% set hdclass="hd-bg" %}

{% block content %}

<div class="main">
    
    <!-- row-about01 -->
    <div class="row-inner row-about01">
        <div class="wp3">
            <div class="m-about01">
                <div class="g-tit01 tac wow fadeInUp">
                    <h2>
                        <img src="images/about/about-t01.svg" alt="">
                    </h2>
                </div>
                <div class="desc wow fadeInUp" data-wow-delay=".4s">
                    <p>JVDS设计工作室，是一家专注于UI/UX设计与品牌设计的工作室。我们是富有创造力和丰富经验的团队，我们的服务包括网站、移动应用程序、品牌标识、海报、VI设计等等。我们为客户提供优质的解决方案，站在用户的角度解决问题并帮助企业实现商业目标。无论您是刚开始创业，还是需要重新设计您的品牌与产品，我们都愿意与您合作，共同为用户创造难忘的体验！
                    </p>
                </div>
                <div class="pic wow fadeInUp" data-wow-delay=".4s">
                    <img src="images/about/about-agency1.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="wp2">
            
            <div class="m-about02">
                <div class="g-tit01 tac wow fadeInUp">
                    <h2>
                        <img src="images/about/about-t02.svg" alt="">
                    </h2>
                </div>                
                <ul class="ul-listb1">
                    <li class="wow fadeInUp" data-wow-delay=".2s">
                        <a href="" class="con">
                            <div class="icon">
                                <img src="images/about/Group 1118.svg" alt="">
                            </div>
                            <div class="txt">
                                <h3>UI/UX设计</h3>
                                <div class="desc">我们解决用户和业务的问题，不仅确保有漂亮的界面还要有令人愉悦的用户体验，我们非常注重用户行为特点以及用户体验，我们始终认为简单、清晰、易操作的界面可以为用户提供便捷的应用体验。</div>
                            </div>
                        </a>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay=".3s">
                        <a href="" class="con">
                            <div class="icon">
                                <img src="images/about/Group 1119.svg" alt="">
                            </div>
                            <div class="txt">
                                <h3>网站开发</h3>
                                <div class="desc">我们为您提供一站式网站建设，如果您选择与我们合作，您可以确信您的产品会得到完美的呈现。从后端到前端开发，从电子商务商店到区块链应用程序，我们将为您提供功能强大、有效且能吸引最终用户的产品。</div>
                            </div>
                        </a>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay=".4s">
                        <a href="" class="con">
                            <div class="icon">
                                <img src="images/about/Group 1120.svg" alt="">
                            </div>
                            <div class="txt">
                                <h3>APP开发</h3>
                                <div class="desc">智能手机，平板电脑，可穿戴设备-精心设计的移动应用程序可让用户随时随地使用。通过Android，iOS或跨平台解决方案吸引客户。</div>
                            </div>
                        </a>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay=".5s">
                        <a href="" class="con">
                            <div class="icon">
                                <img src="images/about/Group 1121.svg" alt="">
                            </div>
                            <div class="txt">
                                <h3>品牌设计</h3>
                                <div class="desc">我们始终为您提供更多的考虑，着眼于您的品牌和业务的未来。我们不仅能保证您的设计面向未来，还能帮助您了解创新与品牌在您的背景下意味着什么，以及如何确保它成为您业务战略的一部分。</div>
                            </div>
                        </a>
                    </li>

                </ul>

                
                <ul class="ul-listb2">
                    <li>
                        <div class="con">
                            <div class="pic wow fadeInUp" data-wow-delay=".1s">
                                <div class="img" style="background-image: url(images/about/about02-p01.png);">
                                </div>
                            </div>
                            <div class="txt wow fadeInUp" data-wow-delay=".4s">
                                <div class="dib">
                                    <h3>我们重视用户体验并站在用户角度设计</h3>
                                    <div class="desc">用户体验决定产品如何与用户发生联系并发挥作用，一个好的用户体验可以提升产品的整体形象，从而留住现有的用户，吸引更多的用户。</div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="con">
                            <div class="pic wow fadeInUp" data-wow-delay=".3s">
                                <div class="img" style="background-image: url(images/about/about02-p02.png);">
                                </div>
                            </div>
                            <div class="txt wow fadeInUp" data-wow-delay=".6s">
                                <div class="dib">
                                    <h3>专业的设计师与开发人员</h3>
                                    <div class="desc">我们每个人都具备创新思维和良好的沟通能力，理解用户需求和反馈。具备团队协作和项目管理能力，我们一起完成产品的设计、开发和维护工作。</div>
                                    
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
            
        </div>
    </div>
    <!-- row-about01 end -->

    <!-- row-about03 -->
    <div class="row-about03">
        <div class="m-about03">
            <div class="wp2">
                <ul class="ul-about03">
                    <li class="wow fadeInUp" data-wow-delay=".1s">
                        <div class="con">
                            <div class="num"><span class="number js-num">9</span><span class="em"></span></div>
                            <h3>成立年限</h3>
                        </div>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay=".2s">
                        <div class="con">
                            <div class="num"><span class="number js-num">500</span><span class="em">+</span></div>
                            <h3>成功案例</h3>
                        </div>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay=".3s">
                        <div class="con">
                            <div class="num"><span class="number js-num">200</span><span class="em">+</span></div>
                            <h3>合作企业</h3>
                        </div>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay=".4s">
                        <div class="con">
                            <div class="num"><span class="number js-num">23</span><span class="em">+</span></div>
                            <h3>设计能力</h3>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- row-about03 end -->
    
    <!-- row-about04 -->
    <div class="row-about04">
        <div class="wp2">
            <div class="g-tit01 tac wow fadeInUp">
                <h2>
                    <img src="images/about/about-t03.svg" alt="">
                </h2>
            </div>
            
            <div class="m-par">
                <ul class="ul-iconb2">
                    <li class=" wow fadeInUp" data-wow-delay="0.1s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200867012.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.2s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200889763.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.3s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200918244.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.4s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200933260.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.5s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200940137.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.1s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200948455.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.2s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200959571.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.3s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200968184.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.4s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200976420.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.5s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200985236.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.1s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692200993545.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.2s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201010320.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.3s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201002374.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.4s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201021860.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.5s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201029662.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.1s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201037064.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.2s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201044322.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.3s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201051999.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.4s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201060484.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.5s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201067001.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.1s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201080175.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.2s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201089620.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.3s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201099028.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.4s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201116115.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.5s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201123118.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.1s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201131559.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.2s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201139621.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.3s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201150794.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.4s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201160394.jpg" alt="">
                            </div>
                        </a>
                    </li>
                    <li class=" wow fadeInUp" data-wow-delay="0.5s">
                        <a href="javascript:;" class="con">
                            <div class="pic">
                                <img src="https://www.jvds.cn/upload/2023/0816/1692201170226.jpg" alt="">
                            </div>
                        </a>
                    </li>
                </ul>

            </div>

            <a href="/contact/" class="g-btn-contact wow fadeInUp" data-cursor="cursor_highlight">
                <span class="prev">和我谈谈</span><span class="stroke">您的项目</span>
            </a>
            
        </div>
    </div>
    <!-- row-about04 end -->



</div>

{% endblock %}



{% block bottomjs %}



<script type="text/javascript" src="js/jquery.countup.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script type="text/javascript">
    $('.js-num').countUp();
</script>

{% endblock %}