init
344
about.html
Normal file
@@ -0,0 +1,344 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="no-js" lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>关于我们 - 福安德信息科技有限公司</title>
|
||||
<meta name="description" content="福安德信息科技有限公司专注于智能制造、工业自动化、智慧校园解决方案和人工智能应用,为企业提供全方位的数字化转型服务。">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/x-icon" href="assets/logo/favicon.ico">
|
||||
<link rel="apple-touch-icon" href="assets/logo/favicon.ico">
|
||||
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="assets/css/all.css">
|
||||
<link rel="stylesheet" href="assets/css/slick-theme.css">
|
||||
<link rel="stylesheet" href="assets/css/slick.css">
|
||||
<link rel="stylesheet" href="assets/css/animate.css">
|
||||
<link rel="stylesheet" href="assets/css/venobox.css">
|
||||
<link rel="stylesheet" href="assets/css/flaticon.css">
|
||||
<link rel="stylesheet" href="assets/css/flaticon1.css">
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="assets/css/responsive.css">
|
||||
<meta name="theme-color" content="#fafafa">
|
||||
</head>
|
||||
|
||||
<body id="home">
|
||||
<div id="loading"><img src="assets/picture/preloader.gif" alt=""></div>
|
||||
<header>
|
||||
<div class="site-navigation menu-transparent" id="mainmenu-area">
|
||||
<nav class="navbar navbar-expand-lg navbar-light navbar-floating">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="assets/logo/logo-white.jpg" alt="福安德信息科技" class="img-fluid">
|
||||
<span class="ml-2 text-white">福安德信息科技有限公司</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse mainmenu" id="navbarMenu">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">首页</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">关于我们</a></li>
|
||||
<li class="nav-item"><a href="service.html" class="nav-link">解决方案</a></li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">成功案例</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">联系我们</a></li>
|
||||
</ul>
|
||||
<div class="header-btn d-none d-lg-block">
|
||||
<a href="tel:+8615075462410" class="btn btn-radius btn-solid-border text-uppercase">欢迎致电</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="page-banner pt-60 pb-60">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-6">
|
||||
<div class="page-banner-content text-center">
|
||||
<h2>关于我们</h2>
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item"><a href="index.html">首页</a></li>
|
||||
<li class="list-inline-item"><i class="fa fa-angle-right"></i></li>
|
||||
<li class="list-inline-item">关于我们</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="about2 section pb-110">
|
||||
<div class="container">
|
||||
<div class="row align-items-center justify-content-lg-center">
|
||||
<div class="col-xl-6 col-lg-8">
|
||||
<div class="about-content-wrapper mb-5 mb-xl-0">
|
||||
<div class="row justify-content-lg-center">
|
||||
<div class="col-xl-12 col-lg-8">
|
||||
<div class="section-heading mb-50 text-center text-xl-left overflow-hidden">
|
||||
<span class="text-primary text-uppercase mb-10 d-inline-block wow slideInLeft" data-wow-delay=".1s"></span>
|
||||
</br>
|
||||
<h2 class="wow slideInLeft mb-40" data-wow-delay=".2s">冶金行业的自动化与信息化专家</h2>
|
||||
<p>致力于为企业提供全方位的智能制造与数字化转型解决方案</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="about-content">
|
||||
<div class="row justify-content-lg-center">
|
||||
<div class="col-xl-12 col-lg-10">
|
||||
<div class="main-navtab wow slideInUp" data-wow-delay=".3s">
|
||||
<ul class="nav nav-pills nav-justified" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link active" data-toggle="pill" href="#pills-home" role="tab" aria-selected="true">公司简介</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link" data-toggle="pill" href="#pills-profile" role="tab" aria-selected="false">企业使命</a>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link" data-toggle="pill" href="#pills-contact" role="tab" aria-selected="false">企业愿景</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="pills-home" role="tabpanel">
|
||||
专门从事冶金设备机械进出口,电气自动化成套,非标带钢冷轧设备及相关配套设备的设计、开发以及成套流水线工程 总包的独立经济实体。并积累了多年总包成套冷轧生产线的成熟经验。公司采用精细化管理理念:以产品 质量为前提,以用户满意为目标,以技术创新为动力,以绩效考核为手段,责任分工明确到个人,为节约型、高效率的生产经营提供了有效的保障。经过十几年不断的技术改进与实践,已成功推广了一系列 国内领先的高精产品,建立了广泛的客户网络群体,在冶金行业 中享有良好的信誉。
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-profile" role="tabpanel">
|
||||
以科技创新为驱动,以客户需求为导向,通过持续的技术创新和服务优化,助力企业实现智能制造和数字化转型,为客户创造更大的价值。
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-contact" role="tabpanel">
|
||||
致力于为冶金行业企业提供全面的信息化解决方案,业务涵盖Web系统开发、移动端程序定制以及机器学习、深度学习等AI应用开发。不仅关注通用软件产品的全覆盖,还特别强调个性化功能需求的全定制服务,力求为客户提供最贴合其业务流程的高效工具。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-8">
|
||||
<div class="about-img2 mt-5 mt-xl-0 wow zoomIn d-none d-lg-block" data-wow-delay=".2s">
|
||||
<div class="about-shape-img">
|
||||
<img src="assets/picture/about-animate.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
<div class="about-shape-img2">
|
||||
<img src="assets/picture/about-animate2.png" alt="" class="img-fluid">
|
||||
</div>
|
||||
<img src="assets/picture/about-bg4.png" alt="" class="img-fluid mx-auto">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="process2 pt-110 pb-80 section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8">
|
||||
<div class="section-heading text-center mb-70">
|
||||
<span class="text-primary text-uppercase mb-10 d-inline-block wow slideInUp" data-wow-duration="1s" data-wow-delay="0s">工作流程</span>
|
||||
<h2 class="wow flipInX" data-wow-duration="1s" data-wow-delay=".1s">专业的技术服务流程</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div class="process-item text-center mb-30">
|
||||
<div class="process-icon">
|
||||
<i class="flaticon flaticon-data-scientist"></i>
|
||||
</div>
|
||||
<h4>需求分析</h4>
|
||||
<p>深入了解客户需求,制定个性化解决方案</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div class="process-item text-center mb-30">
|
||||
<div class="process-icon">
|
||||
<i class="flaticon flaticon-database"></i>
|
||||
</div>
|
||||
<h4>方案设计</h4>
|
||||
<p>专业团队设计最优解决方案</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div class="process-item text-center mb-30">
|
||||
<div class="process-icon">
|
||||
<i class="flaticon flaticon-connection"></i>
|
||||
</div>
|
||||
<h4>实施部署</h4>
|
||||
<p>高效实施,确保项目顺利落地</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6">
|
||||
<div class="process-item text-center mb-30">
|
||||
<div class="process-icon">
|
||||
<i class="flaticon flaticon-database-storage"></i>
|
||||
</div>
|
||||
<h4>持续服务</h4>
|
||||
<p>提供长期技术支持和服务保障</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--section class="testimonial-2 pt-75 pb-80 section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-8">
|
||||
<div class="section-heading text-center mb-10">
|
||||
<span class="text-uppercase mb-10 d-inline-block text-primary">客户评价</span>
|
||||
<h2>客户反馈</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-xl-12 col-lg-12">
|
||||
<div class="client-testimonials2">
|
||||
<div class="testimonial-item2 text-center">
|
||||
<div class="testimonial-content">
|
||||
<div class="client-img">
|
||||
<img src="assets/picture/client-img1.png" alt="client-img" class="img-fluid">
|
||||
</div>
|
||||
<div class="testimonial-item-content">
|
||||
<p>"福安德信息科技为我们提供的PLC工控系统解决方案,大大提升了生产效率,降低了人工成本。他们的技术团队专业、负责,服务态度也很好。"</p>
|
||||
<div class="client-info">
|
||||
<h4>张总</h4>
|
||||
<span>某制造企业负责人</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-item2 text-center">
|
||||
<div class="testimonial-content">
|
||||
<div class="client-img">
|
||||
<img src="assets/picture/client-img2.jpg" alt="client-img" class="img-fluid">
|
||||
</div>
|
||||
<div class="testimonial-item-content">
|
||||
<p>"智慧校园项目的实施,让我们的校园管理更加智能化、信息化。福安德信息科技的技术实力和服务质量都令人满意。"</p>
|
||||
<div class="client-info">
|
||||
<h4>李校长</h4>
|
||||
<span>某高校校长</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section-->
|
||||
|
||||
<section class="cta">
|
||||
<div class="container">
|
||||
<div class="cta-inner section">
|
||||
<div class="cta-shape1"></div>
|
||||
<div class="cta-shape2"></div>
|
||||
<div class="cta-shape3"></div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col-xl-8 col-lg-8">
|
||||
<div class="section-heading text-center text-lg-left mb-4 mb-lg-0">
|
||||
<span class="text-white text-capitalize mb-10 d-inline-block">准备开始合作?</span>
|
||||
<h2 class="text-white">联系我们</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-lg-4">
|
||||
<div class="text-center text-lg-right">
|
||||
<a href="contact.html" class="btn btn-main btn-radius text-uppercase">立即咨询</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer footer-2 pt-130">
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<div class="footer-logo">
|
||||
<img src="assets/logo/logo-blue.jpg" alt="福安德信息科技" class="img-fluid">
|
||||
</div>
|
||||
<p>致力于为企业提供全方位的智能制造与数字化转型解决方案</p>
|
||||
<div class="subscribe-form">
|
||||
<form action="javascript:;" class="sub-form">
|
||||
<input type="text" class="form-control" placeholder="请输入您的邮箱">
|
||||
<a href="#"><i class="flaticon flaticon-paper-plane"></i></a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0 pl-xl-3">
|
||||
<h3>快速链接</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html">关于我们</a></li>
|
||||
<li><a href="service.html">解决方案</a></li>
|
||||
<li><a href="portfolio.html">成功案例</a></li>
|
||||
<li><a href="contact.html">联系我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-2 col-md-6 col-sm-6">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<h3>支持</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="contact.html">联系方式</a></li>
|
||||
<li><a href="#">服务条款</a></li>
|
||||
<li><a href="#">隐私政策</a></li>
|
||||
<li><a href="#">帮助中心</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 col-sm-6 offset-xl-1 col-lg-5">
|
||||
<div class="footer-widget mb-5 mb-xl-0">
|
||||
<h3>联系方式</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><strong>地址:</strong>山东省济宁市济宁经济开发区嘉瑞路与呈祥大道交汇处向北50米电子信息产业园A4号楼</li>
|
||||
<li><a href="mailto:1225822242@qq.com"><strong>邮箱:</strong>1225822242@qq.com</a></li>
|
||||
<li><a href="tel:15075462410"><strong>电话:</strong>15075462410</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-6 col-sm-6">
|
||||
<p class="copyright text-center text-sm-left text-lg-left">Copyright © 2024 福安德信息科技. All Rights Reserved.</p>
|
||||
</div>
|
||||
<div class="col-xl-6 col-sm-6">
|
||||
<div class="footer-socials text-center text-xl-right">
|
||||
<a href="#"><i class="flaticon flaticon-facebook"></i></a>
|
||||
<a href="#"><i class="flaticon flaticon-instagram"></i></a>
|
||||
<a href="#"><i class="flaticon flaticon-twitter"></i></a>
|
||||
<a href="#"><i class="flaticon flaticon-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="fixed-btm-top">
|
||||
<a href="#home" class="smoth-scroll scroll-to-top bg-shadow"><i class="fa fa-angle-up"></i></a>
|
||||
</div>
|
||||
|
||||
<script src="assets/js/jquery-3.5.1.min.js"></script>
|
||||
<script src="assets/js/popper.min.js"></script>
|
||||
<script src="assets/js/bootstrap.min.js"></script>
|
||||
<script src="assets/js/slick.min.js"></script>
|
||||
<script src="assets/js/venobox.js"></script>
|
||||
<script src="assets/js/tilt.js"></script>
|
||||
<script src="assets/js/wow.min.js"></script>
|
||||
<script src="assets/js/jquery.waypoints.min.js"></script>
|
||||
<script src="assets/js/jquery.counterup.min.js"></script>
|
||||
<script src="assets/js/js.html"></script>
|
||||
<script src="assets/js/map.js"></script>
|
||||
<script src="assets/js/scripts.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
4
assets/css/all.css
Normal file
7
assets/css/animate.css
vendored
Normal file
6
assets/css/bootstrap.min.css
vendored
Normal file
171
assets/css/css2.css
Normal file
@@ -0,0 +1,171 @@
|
||||
/* devanagari */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
|
||||
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* devanagari */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
|
||||
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* devanagari */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
|
||||
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* devanagari */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
|
||||
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
1
assets/css/flaticon.css
Normal file
@@ -0,0 +1 @@
|
||||
@font-face{font-family:"Flaticon";src:url("../fonts/Flaticon.eot");src:url("../fonts/Flaticon.eot") format("embedded-opentype"),url("../fonts/Flaticon.woff2") format("woff2"),url("../fonts/Flaticon.woff") format("woff"),url("../fonts/Flaticon.ttf") format("truetype"),url("2021/1/73obc9467/assets/vendor/flaticon/Flaticon.svg") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"Flaticon";src:url("2021/1/73obc9467/assets/vendor/flaticon/Flaticon.svg") format("svg")}}[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after{font-family:Flaticon;font-style:normal}.flaticon-data-analytics:before{content:"\f100"}.flaticon-brainstorming:before{content:"\f101"}.flaticon-connection:before{content:"\f102"}.flaticon-linkedin:before{content:"\f103"}.flaticon-facebook:before{content:"\f104"}.flaticon-twitter:before{content:"\f105"}.flaticon-instagram:before{content:"\f106"}.flaticon-user:before{content:"\f107"}.flaticon-creative-idea:before{content:"\f108"}.flaticon-database-storage:before{content:"\f109"}.flaticon-check:before{content:"\f10a"}.flaticon-plus:before{content:"\f10b"}.flaticon-paper-plane:before{content:"\f10c"}.flaticon-play:before{content:"\f10d"}.flaticon-chat:before{content:"\f10e"}.flaticon-calendar:before{content:"\f10f"}.flaticon-time:before{content:"\f110"}.flaticon-user-1:before{content:"\f111"}.flaticon-phone-ringing:before{content:"\f112"}.flaticon-placeholder:before{content:"\f113"}.flaticon-email:before{content:"\f114"}.flaticon-happy:before{content:"\f115"}.flaticon-handshake:before{content:"\f116"}.flaticon-data-scientist:before{content:"\f117"}.flaticon-database:before{content:"\f118"}.flaticon-right-arrow:before{content:"\f119"}.flaticon-left-arrow:before{content:"\f11a"}
|
||||
1
assets/css/flaticon1.css
Normal file
1
assets/css/responsive.css
Normal file
11
assets/css/slick-theme.css
Normal file
@@ -0,0 +1,11 @@
|
||||
.slick-loading .slick-list{background:#fff url(2021/1/73obc9467/assets/vendor/slick/ajax-loader.giff') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url(2021/1/73obc9467/assets/vendor/slick/fonts/slick.eott');src:url(https://lollipopthemes.com/template/dexon-landing/dexon/assets/vendor/slick/fonts/slick.eot?') format('embedded-opentype'), url(2021/1/73obc9467/assets/vendor/slick/fonts/slick.wofff') format('woff'),url(2021/1/73obc9467/assets/vendor/slick/fonts/slick.ttff') format('truetype'), url(https://lollipopthemes.com/template/dexon-landing/dexon/assets/vendor/slick/fonts/slick.svg') format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}
|
||||
1
assets/css/slick.css
Normal file
@@ -0,0 +1 @@
|
||||
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
|
||||
141
assets/css/style.css
Normal file
1
assets/css/venobox.css
Normal file
BIN
assets/fonts/Flaticon.eot
Normal file
BIN
assets/fonts/Flaticon.ttf
Normal file
BIN
assets/fonts/Flaticon.woff
Normal file
BIN
assets/fonts/Flaticon.woff2
Normal file
BIN
assets/fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2
Normal file
BIN
assets/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2
Normal file
BIN
assets/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2
Normal file
BIN
assets/fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2
Normal file
BIN
assets/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2
Normal file
BIN
assets/fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2
Normal file
BIN
assets/fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2
Normal file
BIN
assets/fonts/fa-brands-400.eot
Normal file
BIN
assets/fonts/fa-brands-400.ttf
Normal file
BIN
assets/fonts/fa-brands-400.woff
Normal file
BIN
assets/fonts/fa-brands-400.woff2
Normal file
BIN
assets/fonts/fa-regular-400.eot
Normal file
BIN
assets/fonts/fa-regular-400.ttf
Normal file
BIN
assets/fonts/fa-regular-400.woff
Normal file
BIN
assets/fonts/fa-regular-400.woff2
Normal file
BIN
assets/fonts/fa-solid-900.eot
Normal file
BIN
assets/fonts/fa-solid-900.ttf
Normal file
BIN
assets/fonts/fa-solid-900.woff
Normal file
BIN
assets/fonts/fa-solid-900.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2
Normal file
BIN
assets/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2
Normal file
BIN
assets/fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2
Normal file
BIN
assets/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2
Normal file
BIN
assets/fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2
Normal file
BIN
assets/image/angle-arrow-left.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
assets/image/angle-arrow-right.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
assets/image/b-shape1.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
assets/image/b-shape2.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
assets/image/banner-2.png
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
assets/image/banner-bg2.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
assets/image/banner-bg3.png
Normal file
|
After Width: | Height: | Size: 113 KiB |
BIN
assets/image/banner-shape-3.png
Normal file
|
After Width: | Height: | Size: 116 KiB |
BIN
assets/image/bg-shape1.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
BIN
assets/image/c-shape1.png
Normal file
|
After Width: | Height: | Size: 6.6 KiB |
BIN
assets/image/c-shape3.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
assets/image/cta-shape1.png
Normal file
|
After Width: | Height: | Size: 8.5 KiB |
BIN
assets/image/cta-shape2.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/image/cta-shape3.png
Normal file
|
After Width: | Height: | Size: 8.3 KiB |
BIN
assets/image/footer-shape1.png
Normal file
|
After Width: | Height: | Size: 9.8 KiB |
BIN
assets/image/footer-shape2.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
assets/image/google-search.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
assets/image/left-quotes-sign.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
assets/image/p-shape1.png
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
assets/image/p-shape2.png
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
assets/image/page-shpe.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
assets/image/s-shape1.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
assets/image/s-shape2.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
assets/image/service-shape1.png
Normal file
|
After Width: | Height: | Size: 54 KiB |
BIN
assets/image/service-shape2.png
Normal file
|
After Width: | Height: | Size: 81 KiB |
BIN
assets/image/service-shape3.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
assets/image/sub.png
Normal file
|
After Width: | Height: | Size: 73 KiB |
BIN
assets/image/test-shape-bg.png
Normal file
|
After Width: | Height: | Size: 261 KiB |
7
assets/js/bootstrap.min.js
vendored
Normal file
1
assets/js/contact.js
Normal file
@@ -0,0 +1 @@
|
||||
function validateForm(){var c=document.forms.contactform["name"].value;var b=document.forms.contactform["email"].value;var d=document.forms.contactform["phone"].value;var a=document.forms.contactform["website"].value;var a=document.forms.contactform["message"].value;document.getElementById("error-msg").style.opacity=0;document.getElementById("error-msg").innerHTML="";if(c==""||c==null){document.getElementById("error-msg").innerHTML="<div class='alert alert-warning error_message'>*Please enter a Name*</div>";fadeIn();return false}if(b==""||b==null){document.getElementById("error-msg").innerHTML="<div class='alert alert-warning error_message'>*Please enter a Email*</div>";fadeIn();return false}if(phone==""||phone==null){document.getElementById("error-msg").innerHTML="<div class='alert alert-warning error_message'>*Please enter a Phone Number*</div>";fadeIn();return false}if(website==""||website==null){document.getElementById("error-msg").innerHTML="<div class='alert alert-warning error_message'>*Please enter a Website*</div>";fadeIn();return false}if(message==""||message==null){document.getElementById("error-msg").innerHTML="<div class='alert alert-warning error_message'>*Please enter a Message*</div>";fadeIn();return false}var e=new XMLHttpRequest();e.onreadystatechange=function(){if(this.readyState==4&&this.status==200){document.getElementById("simple-msg").innerHTML=this.responseText;document.forms.contactform["name"].value="";document.forms.contactform["email"].value="";document.forms.contactform["phone"].value="";document.forms.contactform["website"].value="";document.forms.contactform["message"].value=""}};e.open("POST","php/contact.php",true);e.setRequestHeader("Content-type","application/x-www-form-urlencoded");e.send("name="+c+"&email="+b+"&phone="+phone+"&website="+website+"&message="+message);return false};
|
||||
2
assets/js/jquery-3.5.1.min.js
vendored
Normal file
8
assets/js/jquery.counterup.min.js
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
/*!
|
||||
* jquery.counterup.js 1.0
|
||||
*
|
||||
* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
|
||||
* Released under the GPL v2 License
|
||||
*
|
||||
* Date: Nov 26, 2013
|
||||
*/(function(e){"use strict";e.fn.counterUp=function(t){var n=e.extend({time:400,delay:10},t);return this.each(function(){var t=e(this),r=n,i=function(){var e=[],n=r.time/r.delay,i=t.text(),s=/[0-9]+,[0-9]+/.test(i);i=i.replace(/,/g,"");var o=/^[0-9]+$/.test(i),u=/^[0-9]+\.[0-9]+$/.test(i),a=u?(i.split(".")[1]||[]).length:0;for(var f=n;f>=1;f--){var l=parseInt(i/n*f);u&&(l=parseFloat(i/n*f).toFixed(a));if(s)while(/(\d+)(\d{3})/.test(l.toString()))l=l.toString().replace(/(\d+)(\d{3})/,"$1,$2");e.unshift(l)}t.data("counterup-nums",e);t.text("0");var c=function(){t.text(t.data("counterup-nums").shift());if(t.data("counterup-nums").length)setTimeout(t.data("counterup-func"),r.delay);else{delete t.data("counterup-nums");t.data("counterup-nums",null);t.data("counterup-func",null)}};t.data("counterup-func",c);setTimeout(t.data("counterup-func"),r.delay)};t.waypoint(i,{offset:"100%",triggerOnce:!0})})}})(jQuery);
|
||||
7
assets/js/jquery.waypoints.min.js
vendored
Normal file
43
assets/js/js.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
Google
|
||||
</title>
|
||||
<style>
|
||||
html { background: #fff; margin: 0 1em; }
|
||||
body { font: .8125em/1.5 arial, sans-serif; text-align: center; }
|
||||
h1, #term { font-weight: normal; }
|
||||
h1 { font-size: 1.5em; margin: 1em 0 0; }
|
||||
p#footer { color: #767676; font-size: .77em; }
|
||||
p#footer a { background: url(//www.google.cn/intl/zh-CN_cn/images/cn_icp.gif) top right no-repeat; padding: 5px 20px 5px 0; }
|
||||
ul { margin: 2em; padding: 0; }
|
||||
li { display: inline; padding: 0 2em; }
|
||||
div { -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid #ccc; border-radius: 20px; margin: 2em auto 1em; max-width: 650px; min-width: 544px; }
|
||||
div#alt { height: 230px; padding: 70px 0 0; }
|
||||
div:hover, div:hover * { cursor: pointer; }
|
||||
div:hover { border-color: #999; }
|
||||
div p { margin: .5em 0 1.5em; }
|
||||
img { border: 0; }
|
||||
#term { color: #900; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<a href="https://www.google.com.hk/maps?hl=zh-CN&sourceid=cnhp">
|
||||
<img src="assets/image/google-search.png" alt="Google" width="586" height="257">
|
||||
</a>
|
||||
<h1>
|
||||
<a href="https://www.google.com.hk/maps?hl=zh-CN&sourceid=cnhp"><strong id=
|
||||
"target">www.google.com.hk/maps</strong></a>
|
||||
</h1>
|
||||
<p>
|
||||
请收藏我们的网址
|
||||
</p>
|
||||
</div>
|
||||
<p id="footer">
|
||||
<span>ICP证合字B2-20070004号</span>
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
30
assets/js/main.js
Normal file
@@ -0,0 +1,30 @@
|
||||
// 初始化公司照片轮播图
|
||||
$('.company-slider').slick({
|
||||
dots: true,
|
||||
infinite: true,
|
||||
speed: 500,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
autoplay: true,
|
||||
autoplaySpeed: 5000,
|
||||
arrows: true,
|
||||
prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left"></i></button>',
|
||||
nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right"></i></button>',
|
||||
responsive: [
|
||||
{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
arrows: false
|
||||
}
|
||||
}
|
||||
]
|
||||
});
|
||||
1
assets/js/map.js
Normal file
@@ -0,0 +1 @@
|
||||
function initMap(){var a=new google.maps.Map(document.getElementById("map"),{center:{lat:40.674,lng:-73.94499999999999},zoom:12,styles:[{elementType:"geometry",stylers:[{color:"#242f3e"}]},{elementType:"labels.text.stroke",stylers:[{color:"#242f3e"}]},{elementType:"labels.text.fill",stylers:[{color:"#746855"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#d59563"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#d59563"}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#263c3f"}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{color:"#6b9a76"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#38414e"}]},{featureType:"road",elementType:"geometry.stroke",stylers:[{color:"#212a37"}]},{featureType:"road",elementType:"labels.text.fill",stylers:[{color:"#9ca5b3"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#746855"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#1f2835"}]},{featureType:"road.highway",elementType:"labels.text.fill",stylers:[{color:"#f3d19c"}]},{featureType:"transit",elementType:"geometry",stylers:[{color:"#2f3948"}]},{featureType:"transit.station",elementType:"labels.text.fill",stylers:[{color:"#d59563"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#17263c"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#515c6d"}]},{featureType:"water",elementType:"labels.text.stroke",stylers:[{color:"#17263c"}]}]})};
|
||||
1
assets/js/parallax.js
Normal file
5
assets/js/popper.min.js
vendored
Normal file
1
assets/js/scripts.js
Normal file
@@ -0,0 +1 @@
|
||||
(function(a){a(".navbar-collapse ul li a").on("click",function(){a(".navbar-toggle:visible").click()});a(window).on("load",function(){setTimeout(function(){a("#loading").fadeOut(500)},1000);setTimeout(function(){a("#loading").remove()},2000)});if(a(".wow").length){var e=new WOW({boxClass:"wow",offset:20,mobile:false,live:true,scrollContainer:null,resetAnimation:true,});e.init()}a(window).on("scroll",function(f){var g=a(window).scrollTop();if(g<60){a(".site-navigation").removeClass("menu-sticky")}else{a(".site-navigation").addClass("menu-sticky")}});a(window).on("scroll",function(){var f=a(window).scrollTop()+1;if(f>50){a(".fixed-btm-top").addClass("reveal ")}else{a(".fixed-btm-top").removeClass("reveal")}});a("a.smoth-scroll").on("click",function(g){var f=a(this);a("html, body").stop().animate({scrollTop:a(f.attr("href")).offset().top-0},2000);g.preventDefault()});a(".venobox").venobox();a(".client-testimonials").slick({dots:true,infinite:true,speed:300,slidesToShow:1,arrows:false,autoplay:true,autoplaySpeed:4000,});a(".client-testimonials2").slick({infinite:true,speed:800,slidesToShow:1,arrows:true,autoplay:true,autoplaySpeed:4000,prevArrow:'<div class="slide-arrow prev-arrow"><i class="flaticon flaticon-left-arrow"></i></div>',nextArrow:'<div class="slide-arrow next-arrow"><i class="flaticon flaticon-right-arrow"></i></div>',responsive:[{breakpoint:1024,settings:{slidesToShow:1,infinite:false,dots:false,}},{breakpoint:992,settings:{slidesToShow:1,dots:true,arrows:false,}},{breakpoint:600,settings:{slidesToShow:1,dots:true,arrows:false,}},{breakpoint:350,settings:{slidesToShow:1,arrows:false,dots:true}}]});a(".client-list").slick({dots:false,infinite:true,speed:400,slidesToShow:5,arrows:false,autoplay:true,autoplaySpeed:2000,cssEase:"ease",loop:true,responsive:[{breakpoint:1024,settings:{slidesToShow:3,infinite:false,}},{breakpoint:600,settings:{slidesToShow:2,dots:false}},{breakpoint:300,settings:{slidesToShow:1,dots:false}}]});var d;function c(){var f={zoom:13,center:new google.maps.LatLng(50.97797382271958,-114.107718560791)};d=new google.maps.Map(document.getElementById("map"),f)}var b=a("#map");if(b.length){google.maps.event.addDomListener(window,"load",c)}a(".count").counterUp({delay:10,time:1000});a(".service-item").tilt({perspective:700,maxTilt:20,glare:true,maxGlare:0});if(a("#scene").length>0){a("#scene").parallax({scalarX:10,scalarY:10,})}})(jQuery);
|
||||
1
assets/js/slick.min.js
vendored
Normal file
305
assets/js/tilt.js
Normal file
@@ -0,0 +1,305 @@
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof module === 'object' && module.exports) {
|
||||
// Node/CommonJS
|
||||
module.exports = function( root, jQuery ) {
|
||||
if ( jQuery === undefined ) {
|
||||
// require('jQuery') returns a factory that requires window to
|
||||
// build a jQuery instance, we normalize how we use modules
|
||||
// that require this pattern but the window provided is a noop
|
||||
// if it's defined (how jquery works)
|
||||
if ( typeof window !== 'undefined' ) {
|
||||
jQuery = require('jquery');
|
||||
}
|
||||
else {
|
||||
jQuery = require('jquery')(root);
|
||||
}
|
||||
}
|
||||
factory(jQuery);
|
||||
return jQuery;
|
||||
};
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
$.fn.tilt = function (options) {
|
||||
|
||||
/**
|
||||
* RequestAnimationFrame
|
||||
*/
|
||||
const requestTick = function() {
|
||||
if (this.ticking) return;
|
||||
requestAnimationFrame(updateTransforms.bind(this));
|
||||
this.ticking = true;
|
||||
};
|
||||
|
||||
/**
|
||||
* Bind mouse movement evens on instance
|
||||
*/
|
||||
const bindEvents = function() {
|
||||
const _this = this;
|
||||
$(this).on('mousemove', mouseMove);
|
||||
$(this).on('mouseenter', mouseEnter);
|
||||
if (this.settings.reset) $(this).on('mouseleave', mouseLeave);
|
||||
if (this.settings.glare) $(window).on('resize', updateGlareSize.bind(_this));
|
||||
};
|
||||
|
||||
/**
|
||||
* Set transition only on mouse leave and mouse enter so it doesn't influence mouse move transforms
|
||||
*/
|
||||
const setTransition = function() {
|
||||
if (this.timeout !== undefined) clearTimeout(this.timeout);
|
||||
$(this).css({'transition': `${this.settings.speed}ms ${this.settings.easing}`});
|
||||
if(this.settings.glare) this.glareElement.css({'transition': `opacity ${this.settings.speed}ms ${this.settings.easing}`});
|
||||
this.timeout = setTimeout(() => {
|
||||
$(this).css({'transition': ''});
|
||||
if(this.settings.glare) this.glareElement.css({'transition': ''});
|
||||
}, this.settings.speed);
|
||||
};
|
||||
|
||||
/**
|
||||
* When user mouse enters tilt element
|
||||
*/
|
||||
const mouseEnter = function(event) {
|
||||
this.ticking = false;
|
||||
$(this).css({'will-change': 'transform'});
|
||||
setTransition.call(this);
|
||||
|
||||
// Trigger change event
|
||||
$(this).trigger("tilt.mouseEnter");
|
||||
};
|
||||
|
||||
/**
|
||||
* Return the x,y position of the mouse on the tilt element
|
||||
* @returns {{x: *, y: *}}
|
||||
*/
|
||||
const getMousePositions = function(event) {
|
||||
if (typeof(event) === "undefined") {
|
||||
event = {
|
||||
pageX: $(this).offset().left + $(this).outerWidth() / 2,
|
||||
pageY: $(this).offset().top + $(this).outerHeight() / 2
|
||||
};
|
||||
}
|
||||
return {x: event.pageX, y: event.pageY};
|
||||
};
|
||||
|
||||
/**
|
||||
* When user mouse moves over the tilt element
|
||||
*/
|
||||
const mouseMove = function(event) {
|
||||
this.mousePositions = getMousePositions(event);
|
||||
requestTick.call(this);
|
||||
};
|
||||
|
||||
/**
|
||||
* When user mouse leaves tilt element
|
||||
*/
|
||||
const mouseLeave = function() {
|
||||
setTransition.call(this);
|
||||
this.reset = true;
|
||||
requestTick.call(this);
|
||||
|
||||
// Trigger change event
|
||||
$(this).trigger("tilt.mouseLeave");
|
||||
};
|
||||
|
||||
/**
|
||||
* Get tilt values
|
||||
*
|
||||
* @returns {{x: tilt value, y: tilt value}}
|
||||
*/
|
||||
const getValues = function() {
|
||||
const width = $(this).outerWidth();
|
||||
const height = $(this).outerHeight();
|
||||
const left = $(this).offset().left;
|
||||
const top = $(this).offset().top;
|
||||
const percentageX = (this.mousePositions.x - left) / width;
|
||||
const percentageY = (this.mousePositions.y - top) / height;
|
||||
// x or y position inside instance / width of instance = percentage of position inside instance * the max tilt value
|
||||
const tiltX = ((this.settings.maxTilt / 2) - ((percentageX) * this.settings.maxTilt)).toFixed(2);
|
||||
const tiltY = (((percentageY) * this.settings.maxTilt) - (this.settings.maxTilt / 2)).toFixed(2);
|
||||
// angle
|
||||
const angle = Math.atan2(this.mousePositions.x - (left+width/2),- (this.mousePositions.y - (top+height/2)) )*(180/Math.PI);
|
||||
// Return x & y tilt values
|
||||
return {tiltX, tiltY, 'percentageX': percentageX * 100, 'percentageY': percentageY * 100, angle};
|
||||
};
|
||||
|
||||
/**
|
||||
* Update tilt transforms on mousemove
|
||||
*/
|
||||
const updateTransforms = function() {
|
||||
this.transforms = getValues.call(this);
|
||||
|
||||
if (this.reset) {
|
||||
this.reset = false;
|
||||
$(this).css('transform', `perspective(${this.settings.perspective}px) rotateX(0deg) rotateY(0deg)`);
|
||||
|
||||
// Rotate glare if enabled
|
||||
if (this.settings.glare){
|
||||
this.glareElement.css('transform', `rotate(180deg) translate(-50%, -50%)`);
|
||||
this.glareElement.css('opacity', `0`);
|
||||
}
|
||||
|
||||
return;
|
||||
} else {
|
||||
$(this).css('transform', `perspective(${this.settings.perspective}px) rotateX(${this.settings.disableAxis === 'x' ? 0 : this.transforms.tiltY}deg) rotateY(${this.settings.disableAxis === 'y' ? 0 : this.transforms.tiltX}deg) scale3d(${this.settings.scale},${this.settings.scale},${this.settings.scale})`);
|
||||
|
||||
// Rotate glare if enabled
|
||||
if (this.settings.glare){
|
||||
this.glareElement.css('transform', `rotate(${this.transforms.angle}deg) translate(-50%, -50%)`);
|
||||
this.glareElement.css('opacity', `${this.transforms.percentageY * this.settings.maxGlare / 100}`);
|
||||
}
|
||||
}
|
||||
|
||||
// Trigger change event
|
||||
$(this).trigger("change", [this.transforms]);
|
||||
|
||||
this.ticking = false;
|
||||
};
|
||||
|
||||
/**
|
||||
* Prepare elements
|
||||
*/
|
||||
const prepareGlare = function () {
|
||||
const glarePrerender = this.settings.glarePrerender;
|
||||
|
||||
// If option pre-render is enabled we assume all html/css is present for an optimal glare effect.
|
||||
if (!glarePrerender)
|
||||
// Create glare element
|
||||
$(this).append('<div class="js-tilt-glare"><div class="js-tilt-glare-inner"></div></div>');
|
||||
|
||||
// Store glare selector if glare is enabled
|
||||
this.glareElementWrapper = $(this).find(".js-tilt-glare");
|
||||
this.glareElement = $(this).find(".js-tilt-glare-inner");
|
||||
|
||||
// Remember? We assume all css is already set, so just return
|
||||
if (glarePrerender) return;
|
||||
|
||||
// Abstracted re-usable glare styles
|
||||
const stretch = {
|
||||
'position': 'absolute',
|
||||
'top': '0',
|
||||
'left': '0',
|
||||
'width': '100%',
|
||||
'height': '100%',
|
||||
};
|
||||
|
||||
// Style glare wrapper
|
||||
this.glareElementWrapper.css(stretch).css({
|
||||
'overflow': 'hidden',
|
||||
});
|
||||
|
||||
// Style glare element
|
||||
this.glareElement.css({
|
||||
'position': 'absolute',
|
||||
'top': '50%',
|
||||
'left': '50%',
|
||||
'pointer-events': 'none',
|
||||
'background-image': `linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)`,
|
||||
'width': `${$(this).outerWidth()*2}`,
|
||||
'height': `${$(this).outerWidth()*2}`,
|
||||
'transform': 'rotate(180deg) translate(-50%, -50%)',
|
||||
'transform-origin': '0% 0%',
|
||||
'opacity': '0',
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Update glare on resize
|
||||
*/
|
||||
const updateGlareSize = function () {
|
||||
this.glareElement.css({
|
||||
'width': `${$(this).outerWidth()*2}`,
|
||||
'height': `${$(this).outerWidth()*2}`,
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Public methods
|
||||
*/
|
||||
$.fn.tilt.destroy = function() {
|
||||
$(this).each(function () {
|
||||
$(this).find('.js-tilt-glare').remove();
|
||||
$(this).css({'will-change': '', 'transform': ''});
|
||||
$(this).off('mousemove mouseenter mouseleave');
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.tilt.getValues = function() {
|
||||
const results = [];
|
||||
$(this).each(function () {
|
||||
this.mousePositions = getMousePositions.call(this);
|
||||
results.push(getValues.call(this));
|
||||
});
|
||||
return results;
|
||||
};
|
||||
|
||||
$.fn.tilt.reset = function() {
|
||||
$(this).each(function () {
|
||||
this.mousePositions = getMousePositions.call(this);
|
||||
this.settings = $(this).data('settings');
|
||||
mouseLeave.call(this);
|
||||
setTimeout(() => {
|
||||
this.reset = false;
|
||||
}, this.settings.transition);
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Loop every instance
|
||||
*/
|
||||
return this.each(function () {
|
||||
|
||||
/**
|
||||
* Default settings merged with user settings
|
||||
* Can be set trough data attributes or as parameter.
|
||||
* @type {*}
|
||||
*/
|
||||
this.settings = $.extend({
|
||||
maxTilt: $(this).is('[data-tilt-max]') ? $(this).data('tilt-max') : 8,
|
||||
perspective: $(this).is('[data-tilt-perspective]') ? $(this).data('tilt-perspective') : 300,
|
||||
easing: $(this).is('[data-tilt-easing]') ? $(this).data('tilt-easing') : 'cubic-bezier(.03,.98,.52,.99)',
|
||||
scale: $(this).is('[data-tilt-scale]') ? $(this).data('tilt-scale') : '1',
|
||||
speed: $(this).is('[data-tilt-speed]') ? $(this).data('tilt-speed') : '400',
|
||||
transition: $(this).is('[data-tilt-transition]') ? $(this).data('tilt-transition') : true,
|
||||
disableAxis: $(this).is('[data-tilt-disable-axis]') ? $(this).data('tilt-disable-axis') : null,
|
||||
axis: $(this).is('[data-tilt-axis]') ? $(this).data('tilt-axis') : null,
|
||||
reset: $(this).is('[data-tilt-reset]') ? $(this).data('tilt-reset') : true,
|
||||
glare: $(this).is('[data-tilt-glare]') ? $(this).data('tilt-glare') : false,
|
||||
maxGlare: $(this).is('[data-tilt-maxglare]') ? $(this).data('tilt-maxglare') : 1,
|
||||
}, options);
|
||||
|
||||
// Add deprecation warning & set disableAxis to deprecated axis setting
|
||||
if(this.settings.axis !== null){
|
||||
console.warn('Tilt.js: the axis setting has been renamed to disableAxis. See https://github.com/gijsroge/tilt.js/pull/26 for more information');
|
||||
this.settings.disableAxis = this.settings.axis;
|
||||
}
|
||||
|
||||
this.init = () => {
|
||||
// Store settings
|
||||
$(this).data('settings', this.settings);
|
||||
|
||||
// Prepare element
|
||||
if(this.settings.glare) prepareGlare.call(this);
|
||||
|
||||
// Bind events
|
||||
bindEvents.call(this);
|
||||
};
|
||||
|
||||
// Init
|
||||
this.init();
|
||||
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Auto load
|
||||
*/
|
||||
$('[data-tilt]').tilt();
|
||||
|
||||
return true;
|
||||
}));
|
||||
1
assets/js/venobox.js
Normal file
3
assets/js/wow.min.js
vendored
Normal file
BIN
assets/logo/favicon.ico
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
assets/logo/logo-blue.jpg
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
assets/logo/logo-white.jpg
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
assets/logo/logo.dwg
Normal file
BIN
assets/picture/about-animate.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
assets/picture/about-animate2.png
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
assets/picture/about-bg2.png
Normal file
|
After Width: | Height: | Size: 48 KiB |
BIN
assets/picture/about-bg4.png
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
assets/picture/about.png
Normal file
|
After Width: | Height: | Size: 40 KiB |
BIN
assets/picture/author-thumb.png
Normal file
|
After Width: | Height: | Size: 11 KiB |