Skip to content

html / bdideal

Go to a project
Commit 70bfdc04 by hank
Options

我们的产品

parent cd778c9f
Showing with 917 additions and 22 deletions
html/index.html
......@@ -543,6 +543,6 @@
}
tab()
});
</script>
</script>
</html>
\ No newline at end of file
html/products.html
......@@ -22,7 +22,7 @@
<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">
<link rel="stylesheet/less" href="../style/products.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>
......@@ -31,8 +31,9 @@
<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">
<div class="navbar-container">
<div class="navbar navbar-inverse ">
<!-- data-spy="affix" data-offset-top="1" -->
<nav role="navigation">
<div class="container">
<div class="nav navbar-header">
......@@ -42,37 +43,44 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><span itemprop="name">数字理想</span></a>
<a class="navbar-brand" href="index.html"><img src="../img/LOGOsmall2.png" alt=""></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 class="link-active"><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><a href="./dynamic.html" id="nav-dynamic">行业动态</a>
</li>
<li><a href="./recruit.html" id="nav-recruit">招贤纳士</a>
<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;
<div id="banner" class="" style="height: 552px;
visibility: visible;
animation-delay: 0.3s;
animation-duration: 0.3s;">
<div class="swiper-container">
<!-- <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>
<p class="btword animated bounceInRight " style="animation-delay: 1s;">顶尖的数据分析能力</p>
<p class="btworden animated bounceInRight" style="animation-delay: 0.7s;">智慧城市可视化管控平台
</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">
<li>· 基于 SAAS 互联网平台化服务，持续升级，无需下载安装。
· 完美兼容大屏、TV、PC、PAD、手机各类终端，随时使用。
</li>
<li>
· 丰富海量算法模型、数据模板、图形图表组件、满足广泛行业。
· 完善 API 接口，实现数据实时同步，动态展示。
</li>
</p>
<a target="_blank animated bounceInRight" href="" class="linkword">
<i></i> 查看详情
</a>
......@@ -94,19 +102,179 @@
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<!-- <div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div> -->
</div> -->
<div class="container ">
<div class="word-box">
<p class="line1"></p>
<!-- 如果需要滚动条 -->
<p class="btworden animated bounceInRight" style="animation-delay: 1s;">顶尖的数据分析能力</p>
<p class="btword animated bounceInRight " style="animation-delay: 0.7s;">智慧城市可视化管控平台</p>
<p class="conword animated bounceInRight" style="animation-delay: 0.4s;">
<li>· 基于 SAAS 互联网平台化服务，持续升级，无需下载安装。
· 完美兼容大屏、TV、PC、PAD、手机各类终端，随时使用。
</li>
<li>
· 丰富海量算法模型、数据模板、图形图表组件、满足广泛行业。
· 完善 API 接口，实现数据实时同步，动态展示。
</li>
</p>
<p class="line2"></p>
</div>
</div>
</div>
</div>
<div class="main2-container">
<div class="our-products">
<div class="container relative our">
<div class="word-right">
<div class="title" data="Ability and Service">能力与服务</div>
</div>
<div class="views-content">
<div class="one animated fadeInUp" style="animation-delay: 0.2s;">
<p>
智慧城市可视化管控平台，可以实现智慧城市各种信息的互联互通与数据共享，带来城市管理方式、治理模式、资源配置等方面的变革，她与用户直接对话、帮助用户完成决策的载体工具。从而对包括应急指挥、城市管理、公共安全、环境保护、智能交通、基础设施等领域进行管理决策支持，进而提升城市综合管理水平。
</p>
<blockquote>
1、城市全景精细呈现
<br>
2、多部门、多类型数据融合，全面互联互通
<br>
3、强大的统计分析
<br>
4、真正与数据对话——丰富的交互查询手段
<br>
5、可视化部署、指挥调度
</blockquote>
</div>
</div>
<div class="earth">
<img src="../img/earth1.png" alt="">
<img src="../img/earthselect.png" class="select animated rotateIn infinite" alt="">
</div>
</div>
</div>
<div class="solution">
<div class="container">
<div class="left-menu">
<div class="menu-title">
<img src="../img/titlte2.png" alt="">
</div>
<div class="menu-list">
<div class="menu-item active">大数据可视化平台</div>
<div class="menu-item">数字展厅 </div>
<div class="menu-item">数字互动解决方案</div>
</div>
</div>
<div class="list">
<div id="dashuju" class="list-item">
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro8.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro7.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro6.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro5.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro4.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro3.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
</div>
<div id="shuzizhanting" class="list-item">
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro2.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro3.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro4.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro5.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro6.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro1.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
</div>
<div id="shuzihudong" class="list-item">
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro4.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro1.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro7.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro8.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro5.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
<div class="item">
<a href=""> <img src="http://bdideal.com/asset/img/homepro6.jpg" alt=""></a>
<div class="item-title">隆基泰和大数据分析决策系统</div>
</div>
</div>
</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">
......@@ -152,12 +320,17 @@
@2018 all copyrights reserved by bdideal.com
</div>
</div>
<div id="particles-js" class="is-hello"></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>
<script src="https://cdn.bootcss.com/particles.js/2.0.0/particles.min.js
"></script>
<script src="../js/partticles.js"></script>
</body>
<script>
$(document).ready(function () {
......@@ -180,6 +353,18 @@
// el: '.swiper-scrollbar',
// },
})
function tab(container) {
$('.menu-item').click(function (e) {
$(this).parent().children().removeClass('active');
$(this).addClass('active');
var index = $(this).index();
$(this).parent().parent().parent().children().find('.list');
var list_item = $(this).parent().parent().parent().find('.list').children();
list_item.hide();
list_item.eq(index).show();
})
}
tab()
});
</script>
......
style/index.less
......@@ -334,7 +334,7 @@ ul {
line-height: 45px;
height: 45px;
padding-left: 25px;
font-size: 24px;
font-size: 18px;
margin-bottom: 34px ;
color: #999999;
box-sizing: border-box;
......@@ -386,7 +386,7 @@ ul {
line-height: 45px;
height: 45px;
padding-right: 25px;
font-size: 24px;
font-size: 18px;
margin-bottom: 34px ;
color: #999999;
box-sizing: border-box;
......
style/products.less 0 → 100644
@media (min-width: 768px) {
.navbar-nav > li > a {
padding-top: 25px;
// padding-bottom: 25px;
}
}
@media (max-width: 1920px) {
#banner .img-container img {
// margin-left: -25% ;
position: absolute;
}
}
.indent-32 {
text-indent: 32px;
}
ol,
ul {
margin-top: 0;
margin-bottom: 0px;
}
.link-active {
border-bottom: 2px solid black;
}
.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: none;
border: none;
margin-bottom: 0;
}
.navbar-container {
a {
color: black !important;
font-size: 16px;
}
// 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;
}
}
}
.main-container {
background: #E4E5E8 url('/img/bg4.png') top center no-repeat;
background-size: cover ;
}
#particles-js {
height: 100vh;
opacity: 1;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: -1;
-webkit-transition: all 0.9s;
transition: all 0.9s;
}
.swiper-container {
display: none;
}
#banner {
max-width: 1920px;
margin: auto;
width: 100%;
height: 80%;
// background-color: #ccc;
position: relative;
.word-box {
// position: absolute;
padding-left: 20px;
padding-top: 10%;
top: 18.5%;
left: 15%;
z-index: 555;
width: 80%;
p.line1 {
width: 40px;
height: 2px;
background:rgba(0,0,0,.4);
margin-bottom: 30px;
}
p.line2 {
width: 211px;
height: 2px;
background:rgba(0,0,0,.4);
margin-top: 30px;
}
p.btword {
font-size: 36px;
color: rgba(0,0,0,1);
/* font-weight: bold; */
}
p.btworden {
font-size: 16px;
color: rgba(0,0,0,1);
margin-top: 8px;
}
p.conword {
font-size: 14px;
color: rgba(0,0,0,1);
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, 0.2);
}
}
// 我们的产品
.relative {
position: relative;
}
.main2-container {
background: url('../img/paper.png') no-repeat top center;
background-size: 100% auto;
}
.our-products {
position: relative;
background-size: 100%;
font-size: 18px;
height:682px;
.our {
background: url('../img/kuang2.png') no-repeat center;
background-size: 95%;
height:450px;
}
.word-right {
text-align: right;
position: absolute;
width: 300px;
right: 0px;
top: 20%;
font-size: 14px;
color: #333333;
.title {
font-size:38px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(0,0,0,1);
margin-bottom: 30px;
&:before {
content: "" attr(data) "";
position: absolute;
right: 5px;
top: 15px;
font-size: 38px;
color: rgba(0, 0, 0, 0.5);
opacity: 0.3;
width: 500px;
letter-spacing: 1px;
}
}
p {
letter-spacing: 0;
}
}
.earth {
position: absolute;
right: 60px;
top: 170px;
.select {
position: absolute;
left: 37px;
top: 3px;
transform-origin: 80% 60% !important;
}
}
.views-content {
position: absolute;
z-index: 999;
top: 100px;
left: 7%;
img {
width: 100%;
height: 100%;
}
a {
position: absolute;
bottom: 40px;
right: 40px;
text-align: center;
width:107.2px;
height:31.2px;
line-height: 31.2px;
font-size: 14.5px;
}
.one {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
background: url('../img/03_01.png') no-repeat top center;
position: relative;
width:378px;
height:588px;
display: inline-block;
margin-right: 20px;
padding: 169px 35px 0 35px;
font-size:16px;
color:#939393;
blockquote {
color: #B5B5B5;
padding: 0;
font-size: 14px;
line-height: 30px;
border: none;
}
}
}
}
// 解决方案
.left-menu {
display: inline-block;
background: url('/img/bg3.png') top center no-repeat;
background-position: 0 0;
width: 280px;
.menu-title {
height: 115px;
img {
width: auto;
height: 100%;
}
margin-bottom: 96px;
}
.menu-list {
border-left: 2px solid rgba(204,204,204,1);
box-sizing: border-box;
height:305px;
padding-top: 47px;
.menu-item {
line-height: 45px;
height: 45px;
padding-left: 25px;
font-size: 18px;
margin-bottom: 34px ;
color: #999999;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.active {
color: #000000;
// border-left: 6px solid #000000;
&::after {
content: "";
position: absolute;
width: 6px;
height: 45px;
left: -2px;
top:0;
background: #000;
}
}
}
}
.right-menu {
display: inline-block;
// background: url('/img/bg3.png') top center no-repeat;
background-position: 0 0;
width: 280px;
text-align: right;
float: right;
&::after {
content: '';
clear: both;
}
.menu-title {
height: 115px;
img {
display: inline-block;
width: auto;
height: 100%;
}
margin-bottom: 96px;
}
.menu-list {
border-right: 2px solid rgba(204,204,204,1);
box-sizing: border-box;
height:305px;
padding-top: 47px;
.menu-item {
line-height: 45px;
height: 45px;
padding-right: 25px;
font-size: 24px;
margin-bottom: 34px ;
color: #999999;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.active {
color: #000000;
// border-left: 6px solid #000000;
&::after {
content: "";
position: absolute;
width: 6px;
height: 45px;
right: -2px;
top:0;
background: #000;
}
}
}
}
.solution {
padding-top: 50px;
.table-a {
margin-bottom: 20px;
}
.list {
float: right;
width: 860px;
display: inline-block;
height: 672px;
overflow: hidden;
.list-item {
height: 672px;
transition: all 0.5s;
}
.item {
width:417px;
height:215px;
margin-left: 9px;
margin-bottom: 9px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
// background: url('/img/banner2.jpg') center no-repeat;
a {
display: inline-block;
height: 100%;
width: 100%;
overflow: hidden;
img {
width: 100%;
height: 100%;
}
}
.item-title {
display: none;
position: absolute;
bottom: 6px;
padding-left: 20px;
color: #fff;
overflow: hidden;
font-size: 18px;
}
&:hover {
img {
transform: scale(1.1);
transition: all 0.5s;
}
.item-title {
display: block;
}
}
}
.item::after {
content: '';
clear: both;
}
}
}
// 活动
.industry-dynamics {
padding-top: 129px;
.list {
width: 860px;
height: 712px;
overflow: hidden;
display: inline-block;
.list-item {
width: 860px;
height: 712px;
overflow: hidden;
transition: all 0.5s;
}
.item {
width:396px;
height: 340px;
background: #fff;
margin-right:16px;
margin-bottom: 16px;
float: left;
position: relative;
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
a {
display: inline-block;
height: 100%;
width: 100%;
}
.img-container {
width: 396px;
height: 220px;
overflow: hidden;
img {
width: 100%;
height: auto;
}
}
.item-title {
padding-left: 30px;
padding-top: 15px;
line-height: 24px;
width: 330px;
font-size: 18px;
color: #000;
}
.bottom-word {
// text-align: right;
padding-top: 13px;
padding-left: 30px;
.name {
display: inline-block;
width:89px;
height:24px;
text-align: center;
line-height: 24px;
background:rgba(199,1,81,1);
color: #fff;
}
.date {
padding-left: 16px;
color:rgba(0,0,0,6);
img {
display: inline-block;
height: 12px;
margin-right: 5px;
}
}
}
}
.item::after {
content: '';
clear: both;
}
}
.more {
font-size:18px;
font-weight:300;
color:rgba(0,0,0,0.8);
line-height: 30px;
margin-bottom:105px;
cursor: pointer;
}
}
.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);
}
}
}
.partner {
height: 400px;
background: url('http://bdideal.com/asset/img/part.jpg') no-repeat center;
}
.map-container {
padding-top: 50px;
padding-bottom: 50px;
#map {
height: 280px;
width: 100%;
}
.font-18 {
font-size: 16px;
}
.word {
margin-top: 30px;
}
.addr {
margin-top: 40px;
}
}
}
// 招贤纳士
.jobs {
h3 {
text-align: center;
background: #d2d2d2;
height: 50px;
line-height: 50px;
}
.detail {
width: 30%;
float: left;
font-size: 14px;
line-height: 24px;
text-indent: 0px;
margin-right: 1%;
}
}
//解决方案
.solution-container {
.field {
.field-item {
float: left;
font-size: 18px;
width: 20%;
height: 200px;
line-height: 200px;
text-align: center;
}
}
.case {
.case-item {
overflow: hidden;
width: 30%;
// min-width: 300px;
float: left;
font-size: 14px;
// line-height: 24px;
min-height: 300px;
text-indent: 0px;
margin-right: 1%;
margin-bottom: 30px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
.img-container {}
img {
width: 100%;
height: auto;
}
.bottom-container {
padding: 20px 0 20px 20px;
}
}
.case-item::nth-child(2) {
height: 350px;
}
}
}
@media only screen and (max-width: 1212px) {
.jobs .block .detail{width: 28%;}
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (max-width: 750px) {
.jobs .block .detail{width: 40%;}
}
@media only screen and (max-width: 440px) {
.jobs .block .detail{width: 95%;}
.jobs .block .pdr24{padding-right: 0px;}
}
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