Skip to content

html / bdideal

Go to a project
Commit 188c447d by hank
Options

t push -u origin master

parents
Showing with 1841 additions and 0 deletions
html/about.html 0 → 100644
This diff is collapsed. Click to expand it.
html/dynamic.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>行业动态</title>
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">
<link rel="stylesheet" href="../style/animate.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet/less" href="../style/index.less">
<script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script>
</head>
<body>
<div class="main-container">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"
aria-label="Expand and Collapse Menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="banner" class="animated fadeInUp" style="height: 690px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<!-- 如果需要滚动条 -->
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p> -->
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
<div class="copyright text-center" style="height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
background: #212121;">
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
// 如果需要滚动条
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
</script>
</html>
\ No newline at end of file
html/dynamicDetail.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>动态详情</title>
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">
<link rel="stylesheet" href="../style/animate.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet/less" href="../style/index.less">
<script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script>
</head>
<body>
<div class="main-container">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"
aria-label="Expand and Collapse Menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="banner" class="animated fadeInUp" style="height: 690px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<!-- 如果需要滚动条 -->
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p> -->
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
<div class="copyright text-center" style="height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
background: #212121;">
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
// 如果需要滚动条
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
</script>
</html>
\ No newline at end of file
html/index.html 0 → 100644
This diff is collapsed. Click to expand it.
html/productDetail.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>产品详情</title>
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">
<link rel="stylesheet" href="../style/animate.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet/less" href="../style/index.less">
<script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script>
</head>
<body>
<div class="main-container">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"
aria-label="Expand and Collapse Menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="banner" class="animated fadeInUp" style="height: 690px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<!-- 如果需要滚动条 -->
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p> -->
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
<div class="copyright text-center" style="height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
background: #212121;">
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
// 如果需要滚动条
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
</script>
</html>
\ No newline at end of file
html/products.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>我们的产品</title>
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">
<link rel="stylesheet" href="../style/animate.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet/less" href="../style/index.less">
<script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script>
</head>
<body>
<div class="main-container">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"
aria-label="Expand and Collapse Menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="banner" class="animated fadeInUp" style="height: 690px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<!-- 如果需要滚动条 -->
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p> -->
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
<div class="copyright text-center" style="height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
background: #212121;">
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
// 如果需要滚动条
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
</script>
</html>
\ No newline at end of file
html/recruit.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>招贤纳士</title>
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">
<link rel="stylesheet" href="../style/animate.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet/less" href="../style/index.less">
<script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script>
</head>
<body>
<div class="main-container">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"
aria-label="Expand and Collapse Menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="banner" class="animated fadeInUp" style="height: 690px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<!-- 如果需要滚动条 -->
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p> -->
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
<div class="copyright text-center" style="height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
background: #212121;">
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
// 如果需要滚动条
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
</script>
</html>
\ No newline at end of file
html/solution.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>解决方案</title>
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">
<link rel="stylesheet" href="../style/animate.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet/less" href="../style/index.less">
<script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script>
</head>
<body>
<div class="main-container">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"
aria-label="Expand and Collapse Menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="banner" class="animated fadeInUp" style="height: 690px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<!-- 如果需要滚动条 -->
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p> -->
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
<div class="copyright text-center" style="height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
background: #212121;">
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
// 如果需要滚动条
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
</script>
</html>
\ No newline at end of file
html/template.html 0 → 100644
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<meta name="description" content="数字理想 ，可视化，数字展厅 ，智慧城市">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>数字理想</title>
<link rel="icon" href="/img/favicon.ico">
<!-- Bootstrap -->
<link rel="stylesheet" href="../style/common.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.css">
<link rel="stylesheet" href="../style/animate.min.css">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet/less" href="../style/index.less">
<script src="../js/less.min.js"></script>
<script src="https://cdn.bootcss.com/less.js/1.0.41/less-1.0.41.min.js"></script>
<script src="../js/swiper.animate1.0.3.min.js"></script>
<script src="../js/tools.js"></script>
</head>
<body>
<div class="main-container">
<div class="navbar-fixed-container">
<div class="navbar navbar-inverse navbar-fixed-top affix-top" data-spy="affix" data-offset-top="1">
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"
aria-label="Expand and Collapse Menu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a id="nav-index" href="./index.html">首页</a></li>
<li><a id="nav-about" href="./about.html">关于我们</a></li>
<li><a id="nav-products" href="./products.html">我们的产品</a></li>
<li><a id="nav-solution" href="./solution.html">解决方案</a></li>
<li><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="banner" class="animated fadeInUp" style="height: 690px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide banner1">
<div class="word-box">
<p class="btword animated bounceInRight " style="animation-delay: 1s;">我们是将科技与艺术完美结合的大数据可视化团队</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">Perfect Combination of Science
and Technology and Art</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">我们坚持用科技创造艺术的理想，不断走在视觉艺术的最前沿。</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
</div>
<a href="" class="img-container">
<img src="../img/banner1.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner2">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner2.jpg" alt="">
</a>
</div>
<div class="swiper-slide banner3">
<div class="word-box"></div>
<a href="" class="img-container">
<img src="../img/banner3.jpg" alt="">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
<!-- 如果需要滚动条 -->
</div>
</div>
</div>
<div id="footer" style="background: rgb(46, 46, 46); font-size: 16px; color: #fff;">
<div class="container">
<div class="row footer-content">
<div class="col-xs-12 col-sm-12 col-md-4">
<p>联系我们:</p>
<p>
电话：(8601)56833060
</p>
<p>
Email：service@bdideal.com
</p>
<p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<p>友情链接:</p>
<p>
迈动互联（北京）科技有限公司
</p>
<p>
美智互联网络有限公司
</p>
<!-- <p>
地址：北京市海淀区知春路盈都大厦D座3010室
</p> -->
</div>
<div class="col-xs-12 col-sm-12 col-md-4 text-center">
<p class="weixin-img">
<img src="/img//weixin.png" alt="">
</p>
<div>扫一扫获取更多资讯</div>
</div>
</div>
</div>
<div class="copyright text-center" style="height: 50px;
line-height: 50px;
text-align: center;
font-size: 12px;
color: #fff;
background: #212121;">
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/2.7.0/idangerous.swiper.min.js"></script>
<script src="../js/banner.js"></script>
</body>
<script>
$(document).ready(function () {
var mySwiper = new Swiper('.swiper-container', {
direction: 'horizontal', // 垂直切换选项
loop: true, // 循环模式选项
autoplay: 1500,
paginationClickable: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
// 如果需要滚动条
// scrollbar: {
// el: '.swiper-scrollbar',
// },
})
});
</script>
</html>
\ No newline at end of file
img/favicon.ico 0 → 100644
File added
js/banner.js 0 → 100644
resize = function() {
var height = window.innerHeight - 71;
if(height< 690) {
$('#banner').css({
height: height
});
$('#banner .img-container img').css({
bottom: 0 ,
position: 'absolute'
})
}
else {
$('#banner .img-container img').css({
position: ''
})
}
if(window.innerWidth< 1920) {
$('#banner.img-container img').css({
"left": -(1920-window.innerWidth)/2
})
$('#banner').css({
height: window.innerWidth/1920*690 <300 ? 300 : window.innerWidth/1920*690
});
// console.log(window.innerWidth/1920*690)
// if(window.innerWidth<768) {
// $('#banner').css({
// height: 300
// });
// $('.img-container img').css({
// bottom: 0 ,
// position: 'absolute'
// })
// } else {
// $('.img-container img').css({
// position: ''
// })
// }
} else {
$('#banner .img-container img').css({
"left": 0
});
}
}
resize()
window.addEventListener('resize',resize)
\ No newline at end of file
js/less.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
js/swiper.animate1.0.3.min.js 0 → 100644
//本插件由www.swiper.com.cn提供
//版本1.03
function swiperAnimateCache(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["style"]?allBoxes[i].setAttribute("swiper-animate-style-cache",allBoxes[i].attributes["style"].value):allBoxes[i].setAttribute("swiper-animate-style-cache"," "),allBoxes[i].style.visibility="hidden"}function swiperAnimate(a){clearSwiperAnimate(a);var b=a.slides[a.activeIndex].querySelectorAll(".ani");for(i=0;i<b.length;i++)b[i].style.visibility="visible",effect=b[i].attributes["swiper-animate-effect"]?b[i].attributes["swiper-animate-effect"].value:"",b[i].className=b[i].className+" "+effect+" "+"animated",style=b[i].attributes["style"].value,duration=b[i].attributes["swiper-animate-duration"]?b[i].attributes["swiper-animate-duration"].value:"",duration&&(style=style+"animation-duration:"+duration+";-webkit-animation-duration:"+duration+";"),delay=b[i].attributes["swiper-animate-delay"]?b[i].attributes["swiper-animate-delay"].value:"",delay&&(style=style+"animation-delay:"+delay+";-webkit-animation-delay:"+delay+";"),b[i].setAttribute("style",style)}function clearSwiperAnimate(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["swiper-animate-style-cache"]&&allBoxes[i].setAttribute("style",allBoxes[i].attributes["swiper-animate-style-cache"].value),allBoxes[i].style.visibility="hidden",allBoxes[i].className=allBoxes[i].className.replace("animated"," "),allBoxes[i].attributes["swiper-animate-effect"]&&(effect=allBoxes[i].attributes["swiper-animate-effect"].value,allBoxes[i].className=allBoxes[i].className.replace(effect," "))}
\ No newline at end of file
js/tools.js 0 → 100644
Date.prototype.Format = function (fmt) { //author: meizz
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt))
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
this.ideal = this.ideal || {};
(function (window) {
function GetRequest(key) {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
}
}
if(key) {
return theRequest[key];
} else {
return theRequest;
}
}
ideal.getUrlQuery = GetRequest
// 解决方案列表
// type 123 大数据可视化 | 数字展厅 | 数字互动展厅解决方案
ideal.produtsList = [
{
id: 1,
proName: '隆基泰和大数据分析决策系统',
images: [],
type: 1
},
{
id: 2,
proName: '隆基泰和大数据分析决策系统',
images: [],
type: 1
},
{
id: 3,
proName: '隆基泰和大数据分析决策系统',
images: [],
type: 1
},
{
id: 4,
proName: '隆基泰和大数据分析决策系统',
images: [],
type: 1
},
{
id: 5,
proName: '隆基泰和大数据分析决策系统',
images: [],
type: 1
},
{
id: 6,
proName: '隆基泰和大数据分析决策系统',
images: [],
type: 1
}
];
ideal.dynamicList = [
{
id: 1,
title: "数字理想作为优秀被投企业受邀参加哈工创投三周年庆典",
date: '2019.01.18',
type: "商讯",
images: []
},
{
id: 2,
title: "数字理想作为优秀被投企业受邀参加哈工创投三周年庆典",
date: '2019.01.18',
type: "商讯",
images: []
},
{
id: 3,
title: "数字理想作为优秀被投企业受邀参加哈工创投三周年庆典",
date: '2019.01.18',
type: "商讯",
images: []
},
{
id: 4,
title: "数字理想作为优秀被投企业受邀参加哈工创投三周年庆典",
date: '2019.01.18',
type: "商讯",
images: []
}
]
})(this)
\ No newline at end of file
style/index.less 0 → 100644
@media (min-width: 768px) {
.navbar-nav>li>a {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (max-width: 1920px) {
.img-container img {
// margin-left: -25% ;
position: absolute;
}
}
.indent-32 {
text-indent: 32px;
}
ol, ul {
margin-top: 0;
margin-bottom: 0px;
}
.swiper-pagination {
position: absolute;
z-index: 20;
bottom: 10px;
width: 100%;
text-align: center;
}
.swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #555;
margin: 0 5px;
opacity: 0.8;
border: 1px solid #fff;
cursor: pointer;
}
.swiper-active-switch {
background: #fff;
}
.navbar-brand {
padding: 25px;
}
.navbar-inverse {
background: white;
border: none;
margin-bottom: 0;
}
.navbar-fixed-container {
a {
color: #222222 !important;
}
// height: 51px;
.navbar {
border-bottom: 1px solid #d2d2d2;
}
position: relative;
}
#footer .footer-content {
padding-top: 40px;
padding-bottom: 40px;
.weixin-img {
text-align: center;
img {
max-width: 130px;
height: auto;
display: inline-block;
}
}
}
#banner {
max-width: 1920px;
margin: auto;
width: 100%;
height:80%;
background-color: #ccc;
position: relative;
.word-box {
position: absolute;
top: 18.5%;
left: 15%;
z-index: 555;
width: 80%;
p.btword {
font-size: 36px;
color: #FFFFFF;
/* font-weight: bold; */
}
p.btworden {
font-size: 22px;
color: #ffffff;
font-family: 'shouyezi';
margin-top: 8px;
}
p.conword {
font-size: 16px;
color: #FFFFFF;
line-height: 26px;
margin-top: 20px;
max-width: 466px;
text-align: justify;
}
a.linkword {
width: 140px;
height: 43px;
border: 1px solid #FFFFFF;
text-align: center;
color: #FFFFFF;
line-height: 40px;
font-size: 16px;
display: block;
margin-top: 35px;
position: relative;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
}
.swiper-container {
width: 100%;
height: 100%;
.img-container {
height: 100%;
width: 100%;
overflow: hidden;
display: inline-block;
bottom: 0;
}
.img-container img {
max-height: 690px;
height: 690px;
width: auto;
bottom: 0;
// position: absolute;
}
.swiper-slide {
overflow: hidden;
position: relative;
}
}
}
.tab-container {
ul {
overflow: hidden;
}
li {
width: 25%;
height: 70px;
line-height: 70px;
text-align: center;
font-size: 25px;
float: left;
background: #e2e2e2;
&:nth-child(2n) {
background: #d2d2d2;
}
}
}
.common-title {
background: white;
font-size: 36px;
text-align: center;
padding: 20px 0;
.word {
padding: 10px;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
}
}
// 我们的产品
.our-products {
background:url('/img/bg.51ba665.png') no-repeat center;
background-size: 100%;
font-size: 18px;
.views-content {
.content {
.item {
float: left;
width: 50%;
height: 300px;
&:hover {
.one {
display: none;
}
.two {
display: block;
}
}
}
.item::after {
content: "";
clear: both;
}
.left {
background: url('/img/banner1.jpg') center no-repeat ;
}
.right {
background: url('/img/banner2.jpg') center no-repeat ;
}
}
.one {
padding-left: 50px;
padding-top: 20px;
font-size: 25px;
}
.two {
display: none;
padding-top: 70px;
ul {
padding-left: 20%;
}
}
}
}
// 解决方案
.solution {
.table-a {
margin-bottom: 20px;
}
.list {
.item {
width: 360px;
height: 200px;
margin: 0px 10px;
margin-bottom: 40px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
background: url('/img/banner2.jpg') center no-repeat ;
a {
display: inline-block;
height: 100%;
width: 100%;
}
.item-title {
position: absolute;
bottom: 6px;
padding-left: 20px;
overflow: hidden;
font-size: 18px;
}
}
.item::after {
content: "";
clear: both;
}
}
}
// 活动
.industry-dynamics {
.item {
width: 260px;
height: 300px;
margin: 0px 10px;
margin-bottom: 40px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
a {
display: inline-block;
height: 100%;
width: 100%;
}
.img-container {
width: 260px;
height: 230px;
overflow: hidden;
img {
width: auto;
height: 260px;
}
}
.item-title {
padding-left: 2px;
font-size: 18px;
}
.bottom-word {
text-align: right;
.name {
}
.date {
}
}
}
.item::after {
content: "";
clear: both;
}
}
.about-container {
.bottom-list {
position: relative;
margin-top: 50px;
padding-bottom: 50px;
.item {
width: 356px;
height: 184px;
padding: 40px 0 30px 0;
text-align: center;
background: inherit;
background-color: rgba(255, 255, 255, 1);
border: none;
border-radius: 0px;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
text-align: center;
.title {
font-size: 22px;
padding-bottom: 30px;
}
&:hover {
transition: 0.3s;
transform: scale(1.1) translateY(-20px);
}
}
.item2 {
position: relative;
width: 260px;
height: 184px;
padding: 40px 0 30px 0;
background: inherit;
text-align: center;
background-color: rgba(255, 255, 255, 1);
border: none;
border-radius: 0px;
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
text-align: center;
.title {
font-size: 22px;
padding-bottom: 20px;
}
.avator {
position: absolute;
width: 120px;
height: 120px;
left: 70px;
top: -80px;
border-radius: 50%;
background: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
}
&:hover {
transition: 0.3s;
transform: scale(1.1) translateY(-20px);
}
}
}
.map-container {
padding-top: 50px;
#map {
height: 280px;
width: 100%;
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment