diff --git a/css/portfollo.css b/css/portfollo.css index 2bdcaff..fa50409 100644 --- a/css/portfollo.css +++ b/css/portfollo.css @@ -68,29 +68,58 @@ .displaynone{ display: none; } +.ortfolio-hardware-bottom-title { + font-size: 30px; + font-weight: bold; + color: rgba(0,0,0,.8); + margin: 0px 0 27px; + text-align: left; +} .ortfolio-hardware-bottom-1>li:nth-of-type(1){ - background: #ffff00; + width: 460px; + height: 200px; + margin: 227px 100px 0 50px; } .ortfolio-hardware-bottom-1 li:nth-of-type(2){ - padding-left: 100px; + /*padding-left: 100px;*/ + background: url("../images/produect_dev1.png") no-repeat; + width: 578px; + height: 522px; + margin-top: 40px; } .ortfolio-hardware-bottom-2 li:nth-of-type(1){ - background: #f00; + margin-top: 227px; } .ortfolio-hardware-bottom-2 li:nth-of-type(2){ - + background: url("../images/produect_dev4.png") no-repeat; + width: 383px; + height: 480px; + margin-top: 70px; + margin-left: 147px; } .ortfolio-hardware-bottom-3 li:nth-of-type(1){ - background: #f0f; + /*background: #f0f;*/ } .ortfolio-hardware-bottom-3 li:nth-of-type(2){ } +.ortfolio-hardware-bottom-4 li:nth-of-type(1){ + margin-top: 185px; + width: 500px; + margin-left: 50px; +} +.ortfolio-hardware-bottom-4 li:nth-of-type(2){ + background: url("../images/produect_dev2.png") no-repeat; + width: 297px; + height: 369px; + margin-top: 138px; + margin-left: 180px; +} .ortfolio-hardware-bottom-title{ font-size:30px; font-weight:bold; color:rgba(0,0,0,.8); - margin: 239px 0 27px; + /*margin: 239px 0 27px;*/ text-align: left; } .ortfolio-hardware-bottom-des{ @@ -104,7 +133,7 @@ position: absolute; content: ''; left: 0; - top:50%; + top:10px; margin-top: -3px; width:6px; height:6px; diff --git a/portfolio.html b/portfolio.html index 4e730d5..fe1586a 100755 --- a/portfolio.html +++ b/portfolio.html @@ -123,7 +123,19 @@ 1