default
/
yz-offical
Следить 9
В избранное 0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
云致官网
1 коммит
2 веток
Дерево: 231e6d7af1
веток Теги
${ item.name }
Создать ветку ${ searchTerm }
из '231e6d7af1'
${ noResults }
yz-offical/index.html

index.html 28KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.   <meta charset="utf-8">

  6.   <meta content="width=device-width, initial-scale=1.0" name="viewport">

  7. 

  8.   <title>云致科技</title>

  9.   <meta content="" name="description">

  10.   <meta content="" name="keywords">

  11. 

  12.   <!-- Favicons -->

  13.   <link href="assets/img/favicon.png" rel="icon">

  14.   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  15. 

  16.   <!-- Vendor CSS Files -->

  17.   <link href="assets/vendor/aos/aos.css" rel="stylesheet">

  18.   <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  19.   <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">

  20.   <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">

  21.   <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">

  22.   <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">

  23.   <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  24. 

  25.   <!-- Template Main CSS File -->

  26.   <link href="assets/css/style.css" rel="stylesheet">

  27.   <script type="text/javascript">

  28.     window._AMapSecurityConfig = {

  29.         securityJsCode: 'bd6c192ebd3e0903f6ebe54b76d5e298',

  30.     }

  31.   </script>

  32. 

  33. </head>

  34. 

  35. <body>

  36. 

  37.   <!-- ======= Header ======= -->

  38.   <header id="header" class="fixed-top d-flex align-items-center">

  39.     <div class="container d-flex align-items-center justify-content-between">

  40. 

  41.       <div class="logo">

  42.         <h1><a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a></h1>

  43.         <!-- Uncomment below if you prefer to use an image logo -->

  44.         <!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->

  45.       </div>

  46. 

  47.       <nav id="navbar" class="navbar">

  48.         <ul>

  49.           <li><a class="nav-link scrollto active" href="#hero">首页</a></li>

  50.           <li><a class="nav-link scrollto" href="#about">关于</a></li>

  51.           <li><a class="nav-link scrollto" href="#services">服务</a></li>

  52.           <li><a class="nav-link scrollto" href="#contact">联系我们</a></li>

  53.           <!-- <li><a class="getstarted scrollto" href="#about">Get Started</a></li> -->

  54.         </ul>

  55.         <i class="bi bi-list mobile-nav-toggle"></i>

  56.       </nav><!-- .navbar -->

  57. 

  58.     </div>

  59.   </header><!-- End Header -->

  60. 

  61.   <!-- ======= Hero Section ======= -->

  62.   <section id="hero" class="d-flex align-items-center">

  63. 

  64.     <div class="container">

  65.       <div class="row">

  66.         <div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center">

  67.           <h1 data-aos="fade-up">助力企业飞速发展</h1>

  68.           <h2 data-aos="fade-up" data-aos-delay="400">我们是一家专门致力于移动互联网产品、企业管理软件、虚拟仿真（VR）定制开发的技术性企业</h2>

  69.           <div data-aos="fade-up" data-aos-delay="800">

  70.             <a href="#about" class="btn-get-started scrollto">Get Started</a>

  71.           </div>

  72.         </div>

  73.         <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left" data-aos-delay="200">

  74.           <img src="assets/img/hero-img.png" class="img-fluid animated" alt="">

  75.         </div>

  76.       </div>

  77.     </div>

  78. 

  79.   </section><!-- End Hero -->

  80. 

  81.   <main id="main">

  82. 

  83.     <!-- ======= Clients Section ======= -->

  84.     <section id="clients" class="clients clients">

  85.       <div class="container">

  86. 

  87.         <div class="row">

  88. 

  89.           <div class="col-lg-2 col-md-4 col-6">

  90.             <img src="assets/img/clients/client-1.png" class="img-fluid" alt="" data-aos="zoom-in">

  91.           </div>

  92. 

  93.           <div class="col-lg-2 col-md-4 col-6">

  94.             <img src="assets/img/clients/client-2.png" class="img-fluid" alt="" data-aos="zoom-in" data-aos-delay="100">

  95.           </div>

  96. 

  97.           <div class="col-lg-2 col-md-4 col-6">

  98.             <img src="assets/img/clients/client-3.png" class="img-fluid" alt="" data-aos="zoom-in" data-aos-delay="200">

  99.           </div>

  100. 

  101.           <div class="col-lg-2 col-md-4 col-6">

  102.             <img src="assets/img/clients/client-4.png" class="img-fluid" alt="" data-aos="zoom-in" data-aos-delay="300">

  103.           </div>

  104. 

  105.           <div class="col-lg-2 col-md-4 col-6">

  106.             <img src="assets/img/clients/client-5.png" class="img-fluid" alt="" data-aos="zoom-in" data-aos-delay="400">

  107.           </div>

  108. 

  109.           <div class="col-lg-2 col-md-4 col-6">

  110.             <img src="assets/img/clients/client-6.png" class="img-fluid" alt="" data-aos="zoom-in" data-aos-delay="500">

  111.           </div>

  112. 

  113.         </div>

  114. 

  115.       </div>

  116.     </section><!-- End Clients Section -->

  117. 

  118.     <!-- ======= About Us Section ======= -->

  119.     <section id="about" class="about">

  120.       <div class="container">

  121. 

  122.         <div class="section-title" data-aos="fade-up">

  123.           <h2>关于我们</h2>

  124.         </div>

  125. 

  126.         <div class="row content">

  127.           <p>

  128.             南京市云致科技服务有限公司成立于2018年11月，是一家专门致力于 移动互联网产品、企业管理软件定制开发的技术型企业。公司目前员工 100%人员具有本科及以上的学历，研发人员占比87%，公司核心骨干 由来自网易、华为、苏宁和招商银行的技术团队组成。

  129.           </p>

  130.         </div>

  131. 

  132.       </div>

  133.     </section><!-- End About Us Section -->

  134. 

  135.     <!-- ======= Counts Section ======= -->

  136.     <section id="counts" class="counts">

  137.       <div class="container">

  138. 

  139.         <div class="row">

  140.           <div class="image col-xl-5 d-flex align-items-stretch justify-content-center justify-content-xl-start" data-aos="fade-right" data-aos-delay="150">

  141.             <img src="assets/img/counts-img.svg" alt="" class="img-fluid">

  142.           </div>

  143. 

  144.           <div class="col-xl-7 d-flex align-items-stretch pt-4 pt-xl-0" data-aos="fade-left" data-aos-delay="300">

  145.             <div class="content d-flex flex-column justify-content-center">

  146.               <div class="row">

  147.                 <div class="col-md-6 d-md-flex align-items-md-stretch">

  148.                   <div class="count-box">

  149.                     <i class="bi bi-emoji-smile"></i>

  150.                     <span data-purecounter-start="0" data-purecounter-end="81" data-purecounter-duration="1" class="purecounter"></span>

  151.                     <p>总客户数量</p>

  152.                   </div>

  153.                 </div>

  154. 

  155.                 <div class="col-md-6 d-md-flex align-items-md-stretch">

  156.                   <div class="count-box">

  157.                     <i class="bi bi-journal-richtext"></i>

  158.                     <span data-purecounter-start="0" data-purecounter-end="105" data-purecounter-duration="1" class="purecounter"></span>

  159.                     <p>总计100多在线运营项目</p>

  160.                   </div>

  161.                 </div>

  162. 

  163.                 <div class="col-md-6 d-md-flex align-items-md-stretch">

  164.                   <div class="count-box">

  165.                     <i class="bi bi-clock"></i>

  166.                     <span data-purecounter-start="0" data-purecounter-end="23" data-purecounter-duration="1" class="purecounter"></span>

  167.                     <p>覆盖全国一线，二线等城市</p>

  168.                   </div>

  169.                 </div>

  170. 

  171.                 <div class="col-md-6 d-md-flex align-items-md-stretch">

  172.                   <div class="count-box">

  173.                     <i class="bi bi-award"></i>

  174.                     <span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span>

  175.                     <p>服务十几种各色行业</p>

  176.                   </div>

  177.                 </div>

  178.               </div>

  179.             </div><!-- End .content-->

  180.           </div>

  181.         </div>

  182. 

  183.       </div>

  184.     </section><!-- End Counts Section -->

  185. 

  186.     <!-- ======= Services Section ======= -->

  187.     <section id="services" class="services">

  188.       <div class="container">

  189. 

  190.         <div class="section-title" data-aos="fade-up">

  191.           <h2>服务</h2>

  192.           <p>致力于提供移动互联网产品、企业管理 软件定制开发等技术方面服务</p>

  193.         </div>

  194. 

  195.         <div class="row">

  196.           <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">

  197.             <div class="icon-box" data-aos="fade-up" data-aos-delay="100">

  198.               <div class="icon"><i class="bx bxl-dribbble"></i></div>

  199.               <h4 class="title"><a href="">业务系统开发</a></h4>

  200.               <p class="description">协助企业达成定位所需要的业务环节、各合作伙 伴扮演的角色以及利益相关者合作与交易的方式和内容。 CRM、ERP、OA、工单系统、报修系统等...</p>

  201.             </div>

  202.           </div>

  203. 

  204.           <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">

  205.             <div class="icon-box" data-aos="fade-up" data-aos-delay="200">

  206.               <div class="icon"><i class="bx bx-file"></i></div>

  207.               <h4 class="title"><a href="">移动应用开发</a></h4>

  208.               <p class="description">以手机、PDA等便携终端为基础，进行相应的开发工作， 安卓和苹果设备等移动应用的开发。 APP、小程序、微应用等...</p>

  209.             </div>

  210.           </div>

  211. 

  212.           <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">

  213.             <div class="icon-box" data-aos="fade-up" data-aos-delay="300">

  214.               <div class="icon"><i class="bx bx-tachometer"></i></div>

  215.               <h4 class="title"><a href="">物联网IOT平台</a></h4>

  216.               <p class="description">各种信息传感器、射频识别技术、全球定位系统、红外感 应器、激光扫描器等各种装置与技术，实时采集任何需要 监控、 连接、互动的管理平台</p>

  217.             </div>

  218.           </div>

  219. 

  220.           <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">

  221.             <div class="icon-box" data-aos="fade-up" data-aos-delay="400">

  222.               <div class="icon"><i class="bx bx-world"></i></div>

  223.               <h4 class="title"><a href="">其他服务</a></h4>

  224.               <p class="description">包含SAAS平台, 智慧社区综合服务，UI、平面设计，微信相关，H5相关等</p>

  225.             </div>

  226.           </div>

  227. 

  228.         </div>

  229. 

  230.       </div>

  231.     </section><!-- End Services Section -->

  232. 

  233.     <!-- ======= More Services Section ======= -->

  234.     <section id="more-services" class="more-services">

  235.       <div class="container">

  236. 

  237.         <div class="row">

  238.           <div class="col-md-6 d-flex align-items-stretch">

  239.             <div class="card" style='background-image: url("assets/img/more-services-1.jpg");' data-aos="fade-up" data-aos-delay="100">

  240.               <div class="card-body">

  241.                 <h5 class="card-title"><a href="">房源交易系统</a></h5>

  242.                 <p class="card-text">房源交易业务支撑系统，涵盖新房、二手房、租房的功能管理模块。</p>

  243.                 <div class="read-more"><a href="#"><i class="bi bi-arrow-right"></i> Read More</a></div>

  244.               </div>

  245.             </div>

  246.           </div>

  247.           <div class="col-md-6 d-flex align-items-stretch mt-4 mt-md-0">

  248.             <div class="card" style='background-image: url("assets/img/more-services-2.jpg");' data-aos="fade-up" data-aos-delay="200">

  249.               <div class="card-body">

  250.                 <h5 class="card-title"><a href="">城的空间</a></h5>

  251.                 <p class="card-text">为提升售楼处的体验，提高数字化和智能化的进程，提高小区的品质和形象，引入售楼处和后续小区的私有化会所形象，专门为品质生活服务的需求应运而生。</p>

  252.                 <div class="read-more"><a href="#"><i class="bi bi-arrow-right"></i> Read More</a></div>

  253.               </div>

  254.             </div>

  255.           </div>

  256.           <div class="col-md-6 d-flex align-items-stretch mt-4">

  257.             <div class="card" style='background-image: url("assets/img/more-services-3.jpg");' data-aos="fade-up" data-aos-delay="100">

  258.               <div class="card-body">

  259.                 <h5 class="card-title"><a href="">资源管理平台</a></h5>

  260.                 <p class="card-text">是针对集团性企业有众多供应商库和众多分公司，对于内部信息 不对称，资源拥有量不清楚的情况，做一个自有资源展示、交易平台。</p>

  261.                 <div class="read-more"><a href="#"><i class="bi bi-arrow-right"></i> Read More</a></div>

  262.               </div>

  263.             </div>

  264.           </div>

  265.           <div class="col-md-6 d-flex align-items-stretch mt-4">

  266.             <div class="card" style='background-image: url("assets/img/more-services-4.jpg");' data-aos="fade-up" data-aos-delay="200">

  267.               <div class="card-body">

  268.                 <h5 class="card-title"><a href="">智慧社区</a></h5>

  269.                 <p class="card-text">物业系统（停车系统、缴费系统、门禁系统、公告发布系统）、安防系统、管家系统（智能家居）、社区系统以及智能硬件模块对接，实现用户数据采 集、用户电子化管理、用户激活等功能。</p>

  270.                 <div class="read-more"><a href="#"><i class="bi bi-arrow-right"></i> Read More</a></div>

  271.               </div>

  272.             </div>

  273.           </div>

  274.           <div class="col-md-6 d-flex align-items-stretch mt-4">

  275.             <div class="card" style='background-image: url("assets/img/more-services-5.jpg");' data-aos="fade-up" data-aos-delay="100">

  276.               <div class="card-body">

  277.                 <h5 class="card-title"><a href="">智慧消防控制平台</a></h5>

  278.                 <p class="card-text">展示大屏（分析），依赖动态且丰富的主题信息设计，配合 设计感强的大屏场景设计，从而展示数据及业务现状，达到 一定的数据应用价值。</p>

  279.                 <div class="read-more"><a href="#"><i class="bi bi-arrow-right"></i> Read More</a></div>

  280.               </div>

  281.             </div>

  282.           </div>

  283.           <div class="col-md-6 d-flex align-items-stretch mt-4">

  284.             <div class="card" style='background-image: url("assets/img/more-services-6.jpg");' data-aos="fade-up" data-aos-delay="200">

  285.               <div class="card-body">

  286.                 <h5 class="card-title"><a href="">邓州市共享农机系统</a></h5>

  287.                 <p class="card-text">农机共享平台针对农业农村 局等管理单位提供管理运营 的功能，农业农村局等管理 单位，担任审核、运营及数 据管理的职能。</p>

  288.                 <div class="read-more"><a href="#"><i class="bi bi-arrow-right"></i> Read More</a></div>

  289.               </div>

  290.             </div>

  291.           </div>

  292.         </div>

  293. 

  294.       </div>

  295.     </section><!-- End More Services Section -->

  296. 

  297.     <!-- ======= Portfolio Section ======= -->

  298.     <section id="portfolio" class="portfolio">

  299.       <div class="container">

  300. 

  301.         <div class="section-title" data-aos="fade-up">

  302.           <h2>小程序专区</h2>

  303.         </div>

  304. 

  305.         <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="400">

  306. 

  307.           <div class="col-lg-3 col-md-6 portfolio-item filter-app">

  308.             <div class="portfolio-wrap">

  309.               <img src="assets/img/mini/十公里.jpg" class="mini-qr img-fluid" alt="">

  310.               <div class="portfolio-info">

  311.                 <h4>十公里周边指南</h4>

  312.                 <p>旅行行程管理和周边吃喝玩乐</p>

  313.               </div>

  314.             </div>

  315.           </div>

  316. 

  317.           <div class="col-lg-3 col-md-6 portfolio-item filter-web">

  318.             <div class="portfolio-wrap">

  319.               <img src="assets/img/mini/新联家.jpg" class="mini-qr img-fluid" alt="">

  320.               <div class="portfolio-info">

  321.                 <h4>新联家</h4>

  322.                 <p>综合性房地产相关服务</p>

  323.               </div>

  324.             </div>

  325.           </div>

  326. 

  327.           <div class="col-lg-3 col-md-6 portfolio-item filter-app">

  328.             <div class="portfolio-wrap">

  329.               <img src="assets/img/mini/禾生汇一点康.jpg" class="mini-qr img-fluid" alt="">

  330.               <div class="portfolio-info">

  331.                 <h4>禾生汇</h4>

  332.                 <p>协助大学生树立正确的健康价值观</p>

  333.               </div>

  334.             </div>

  335.           </div>

  336. 

  337.           <div class="col-lg-3 col-md-6 portfolio-item filter-card">

  338.             <div class="portfolio-wrap">

  339.               <img src="assets/img/mini/丽园荟.jpg" class="mini-qr img-fluid" alt="">

  340.               <div class="portfolio-info">

  341.                 <h4>丽园荟</h4>

  342.                 <p>地产信息活动发布平台</p>

  343.               </div>

  344.             </div>

  345.           </div>

  346. 

  347.           <div class="col-lg-3 col-md-6 portfolio-item filter-web">

  348.             <div class="portfolio-wrap">

  349.               <img src="assets/img/mini/投资秦淮.jpg" class="mini-qr img-fluid" alt="">

  350.               <div class="portfolio-info">

  351.                 <h4>投资秦淮</h4>

  352.                 <p>南京市秦淮区招商引资</p>

  353.               </div>

  354.             </div>

  355.           </div>

  356. 

  357.           <div class="col-lg-3 col-md-6 portfolio-item filter-card">

  358.             <div class="portfolio-wrap">

  359.               <img src="assets/img/mini/雅乐集.jpg" class="mini-qr img-fluid" alt="">

  360.               <div class="portfolio-info">

  361.                 <h4>雅乐集</h4>

  362.                 <p>为乐粉创建快乐人生</p>

  363.               </div>

  364.             </div>

  365.           </div>

  366. 

  367.           <div class="col-lg-3 col-md-6 portfolio-item filter-card">

  368.             <div class="portfolio-wrap">

  369.               <img src="assets/img/mini/远道荟.jpg" class="mini-qr img-fluid" alt="">

  370.               <div class="portfolio-info">

  371.                 <h4>远道荟</h4>

  372.                 <p>远道荟智慧社区-物业服务</p>

  373.               </div>

  374.             </div>

  375.           </div>

  376. 

  377.           <div class="col-lg-3 col-md-6 portfolio-item filter-web">

  378.             <div class="portfolio-wrap">

  379.               <img src="assets/img/mini/云致云.jpg" class="mini-qr img-fluid" alt="">

  380.               <div class="portfolio-info">

  381.                 <h4>云致云</h4>

  382.                 <p>云致云为企业提供精致营销</p>

  383.               </div>

  384.             </div>

  385.           </div>

  386. 

  387.         </div>

  388. 

  389.       </div>

  390.     </section><!-- End Portfolio Section -->

  391. 

  392. 

  393.     <!-- ======= F.A.Q Section ======= -->

  394.     <section id="faq" class="faq">

  395.       <div class="container">

  396. 

  397.         <div class="section-title" data-aos="fade-up">

  398.           <h2>服务标准</h2>

  399.         </div>

  400. 

  401.         <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">

  402.           <div class="col-lg-5">

  403.             <i class="ri-question-line"></i>

  404.             <h4>需求调研分析</h4>

  405.           </div>

  406.           <div class="col-lg-7">

  407.             <p>

  408.               客户提出需求进行需求分析，并进行初步评估。和客户 反复确认需求，提交初步需求文档。

  409.             </p>

  410.           </div>

  411.         </div><!-- End F.A.Q Item-->

  412. 

  413.         <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">

  414.           <div class="col-lg-5">

  415.             <i class="ri-question-line"></i>

  416.             <h4>需求列表报价</h4>

  417.           </div>

  418.           <div class="col-lg-7">

  419.             <p>

  420.               确认完需求后，对应输出功能需求列表，已经本公司报 价单。

  421.             </p>

  422.           </div>

  423.         </div><!-- End F.A.Q Item-->

  424. 

  425.         <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">

  426.           <div class="col-lg-5">

  427.             <i class="ri-question-line"></i>

  428.             <h4>系统概要设计</h4>

  429.           </div>

  430.           <div class="col-lg-7">

  431.             <p>

  432.               对软件进行概要设计，包括系统的基本处理流程、组织 结构、模块划分、功能分配、接口设计、数据结构设计 等，为软件详细设计作准备。

  433.             </p>

  434.           </div>

  435.         </div><!-- End F.A.Q Item-->

  436. 

  437.         <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">

  438.           <div class="col-lg-5">

  439.             <i class="ri-question-line"></i>

  440.             <h4>系统详细设计</h4>

  441.           </div>

  442.           <div class="col-lg-7">

  443.             <p>

  444.               在概要设计的基础上进行详细设计包括具体模块涉及的 主要算法、类的层次结构及调用关系等，并生成设计文 档供开发人员进行开发。

  445.             </p>

  446.           </div>

  447.         </div><!-- End F.A.Q Item-->

  448. 

  449.         <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="500">

  450.           <div class="col-lg-5">

  451.             <i class="ri-question-line"></i>

  452.             <h4>系统开发</h4>

  453.           </div>

  454.           <div class="col-lg-7">

  455.             <p>

  456.               根据系统详细设计文档开始对软件进行功能开发，实现 各模块的功能，从而实现对目标系统的功能、接口、界 面等需求。

  457.             </p>

  458.           </div>

  459.         </div><!-- End F.A.Q Item-->

  460. 

  461.         <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="500">

  462.           <div class="col-lg-5">

  463.             <i class="ri-question-line"></i>

  464.             <h4>系统测试</h4>

  465.           </div>

  466.           <div class="col-lg-7">

  467.             <p>

  468.               项目组完成系统的单元测试、系统测试、性能测试等， 向客户提交测试报告，然后交给客户试用。

  469.             </p>

  470.           </div>

  471.         </div><!-- End F.A.Q Item-->

  472. 

  473.         <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="500">

  474.           <div class="col-lg-5">

  475.             <i class="ri-question-line"></i>

  476.             <h4>软件交付</h4>

  477.           </div>

  478.           <div class="col-lg-7">

  479.             <p>

  480.               客户经测试满意后，向客户提交所有双方合同约定的产 物包括源代码、设计报告、测试报告、安装手册、使用 指南等。

  481.             </p>

  482.           </div>

  483.         </div><!-- End F.A.Q Item-->

  484. 

  485.         <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="500">

  486.           <div class="col-lg-5">

  487.             <i class="ri-question-line"></i>

  488.             <h4>用户验收</h4>

  489.           </div>

  490.           <div class="col-lg-7">

  491.             <p>

  492.               用户根据需求文档及标书验收,收尾结算。

  493.             </p>

  494.           </div>

  495.         </div><!-- End F.A.Q Item-->

  496. 

  497.       </div>

  498.     </section><!-- End F.A.Q Section -->

  499. 

  500.     <!-- ======= Contact Section ======= -->

  501.     <section id="contact" class="contact">

  502.       <div class="container">

  503. 

  504.         <div class="section-title" data-aos="fade-up">

  505.           <h2>联系我们</h2>

  506.         </div>

  507. 

  508.         <div class="row">

  509. 

  510.           <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">

  511.             <div class="contact-about">

  512.               <h3>云致科技</h3>

  513.               <p>南京市云致科技服务有限公司</p>

  514.               <div class="social-links">

  515.                 <img src="assets/img/hu_qr.png" alt="" class="img-fluid" style="max-width: 256px;" />

  516.                 <!-- <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>

  517.                 <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>

  518.                 <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>

  519.                 <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a> -->

  520.               </div>

  521.             </div>

  522.           </div>

  523. 

  524.           <div class="col-lg-3 col-md-6 mt-4 mt-md-0" data-aos="fade-up" data-aos-delay="200">

  525.             <div class="info">

  526.               <div>

  527.                 <i class="ri-map-pin-line"></i>

  528.                 <p>南京市江宁区金源路4号城际空间站D2栋212室</p>

  529.               </div>

  530. 

  531.               <div>

  532.                 <i class="ri-mail-send-line"></i>

  533.                 <p>89341562@qq.com</p>

  534.               </div>

  535. 

  536.               <div>

  537.                 <i class="ri-phone-line"></i>

  538.                 <p>15366173165（李先生）</p>

  539.                 <p>13770665717（胡先生）</p>

  540.               </div>

  541. 

  542.             </div>

  543.           </div>

  544. 

  545.           <div class="col-lg-6 col-md-12" data-aos="fade-up" data-aos-delay="300">

  546.             <div id="map-box" style="height: 400px;"></div>

  547. 

  548.             <!-- <form action="forms/contact.php" method="post" role="form" class="php-email-form">

  549.               <div class="form-group">

  550.                 <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>

  551.               </div>

  552.               <div class="form-group">

  553.                 <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>

  554.               </div>

  555.               <div class="form-group">

  556.                 <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>

  557.               </div>

  558.               <div class="form-group">

  559.                 <textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>

  560.               </div>

  561.               <div class="my-3">

  562.                 <div class="loading">Loading</div>

  563.                 <div class="error-message"></div>

  564.                 <div class="sent-message">Your message has been sent. Thank you!</div>

  565.               </div>

  566.               <div class="text-center"><button type="submit">Send Message</button></div>

  567.             </form> -->

  568.           </div>

  569. 

  570.         </div>

  571. 

  572.       </div>

  573.     </section><!-- End Contact Section -->

  574. 

  575.   </main><!-- End #main -->

  576. 

  577.   <!-- ======= Footer ======= -->

  578.   <footer id="footer">

  579.     <div class="container">

  580.       <div class="row d-flex align-items-center">

  581.         <div class="col-lg-6 text-lg-left text-center">

  582.           <div class="copyright">

  583.             &copy; Copyright <strong>云致科技</strong>. All Rights Reserved

  584.           </div>

  585.           <div class="credits">

  586.             <!-- All the links in the footer should remain intact. -->

  587.             <!-- You can delete the links only if you purchased the pro version. -->

  588.             <!-- Licensing information: https://bootstrapmade.com/license/ -->

  589.             <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/vesperr-free-bootstrap-template/ -->

  590.             <!-- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> -->

  591.           </div>

  592.         </div>

  593.         <div class="col-lg-6">

  594.           <nav class="footer-links text-lg-right text-center pt-2 pt-lg-0">

  595.             <a href="#hero" class="scrollto">首页</a>

  596.             <a href="#about" class="scrollto">关于</a>

  597.             <a href="#services">服务</a>

  598.           </nav>

  599.         </div>

  600.       </div>

  601.     </div>

  602.   </footer><!-- End Footer -->

  603. 

  604.   <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  605. 

  606.   <!-- Vendor JS Files -->

  607.   <script src="assets/vendor/purecounter/purecounter.js"></script>

  608.   <script src="assets/vendor/aos/aos.js"></script>

  609.   <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  610.   <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>

  611.   <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>

  612.   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

  613.   <script src="assets/vendor/php-email-form/validate.js"></script>

  614. 

  615.   <!-- Template Main JS File -->

  616.   <script src="assets/js/main.js"></script>

  617.   <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=7c02d93b855ab284c12911c231aa2233"></script>

  618.   <script type="text/javascript" >

  619.     var map = new AMap.Map('map-box', {

  620.       zoom:11,

  621.       center: [118.799094, 31.963614],

  622.       viewMode:'3D'

  623.     });

  624.     var endIcon = new AMap.Icon({

  625.         size: new AMap.Size(25, 34),

  626.         image: 'assets/img/map-marker.png',

  627.         imageSize: new AMap.Size(135, 40),

  628.         imageOffset: new AMap.Pixel(-95, -3)

  629.     });

  630.     var marker = new AMap.Marker({

  631.         position: new AMap.LngLat(118.799094, 31.963614),

  632.         label: {

  633.           content: '南京市云致科技服务有限公司',

  634.           direction: 'top'

  635.         },

  636.         title: '南京市云致科技服务有限公司',

  637.         icon: endIcon,

  638.         offset: new AMap.Pixel(-13, -30)

  639.     });

  640. 

  641.     // 将创建的点标记添加到已有的地图实例：

  642.     map.add(marker);

  643.   </script>

  644. </body>

  645. 

  646. </html>