Advertisement
martawijaya

imm grid image

Apr 18th, 2019
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.90 KB | None | 0 0
  1.  
  2.  
  3. /* IMM GRID CONTENT TEMPLATE */
  4.  
  5. .imm-content-grid.template-2 {
  6.   position: relative;
  7.   margin: 70px 0;
  8. }
  9.  
  10. .imm-content-grid.template-1 {
  11.   position: relative;
  12.   margin: 70px 0;
  13. }
  14.  
  15. .imm-content-grid.template-2:before {
  16.   content: "";
  17.   position: absolute;
  18.   width: 100%;
  19.   height: 250px;
  20.   left: 0;
  21.   top: 88px;
  22.   background: #8888881c;
  23. }
  24.  
  25. .imm-content-grid.template-2 img, .imm-content-grid.template-1 img {
  26.   width: 100%;
  27. }
  28.  
  29. .imm-content-grid.template-2 .row, .imm-content-grid.template-1 .row {
  30.   margin: 0
  31. }
  32.  
  33. .imm-content-grid .left-side {
  34.   padding-left: 0;
  35.   text-align: right;
  36.   padding-right: 3.5%;
  37. }
  38.  
  39. .imm-content-grid .right-side {
  40.   padding-right: 0;
  41.   text-align: left;
  42.   padding-left: 3.5%
  43. }
  44.  
  45. .imm-content-grid.template-2 .grid-image-1 {
  46.   margin: 0 0 100px 0;
  47. }
  48.  
  49. .imm-content-grid.template-2 .grid-image-1  img {
  50.   width: 70%
  51. }
  52.  
  53. .imm-content-grid .text-paragraph {
  54.   padding: 120px 0;
  55.   margin: 88px 0;
  56.   position: relative;
  57. }
  58.  
  59. .imm-content-grid .text-paragraph .align-paragraph {
  60.   position: absolute;
  61.   top: 50%;
  62.   left: 0%;
  63.   width: 70%;
  64.   transform: translate(-0%,-50%);
  65. }
  66.  
  67. .imm-content-grid .align-paragraph p {
  68.   line-height: 1.4;
  69.   color: #888;
  70.   font-family: 'Open sans';
  71.   font-size: 14px;
  72. }
  73.  
  74.  
  75. .imm-content-grid.template-2 .grid-image-3 img {
  76.   height: 65vh;
  77.   object-fit: cover;
  78. }
  79.  
  80. .imm-content-grid.template-2 .second-text-paragraph {
  81.   margin: 80px 0;
  82.   padding: 65px 0;
  83.   position: relative
  84. }
  85.  
  86. .imm-content-grid.template-2 .second-text-paragraph .align-paragraph {
  87.   position: absolute;
  88.   top: 50%;
  89.   left: 0%;
  90.   width: 70%;
  91.   transform: translate(-0%,-50%);
  92. }
  93.  
  94. .imm-content-grid.template-1 .grid-image-1 {
  95.   margin: 0 0 100px 0
  96. }
  97.  
  98. .imm-content-grid.template-1 .grid-image-2  img{
  99.   height: 70vh;
  100.   object-fit: cover;
  101. }
  102.  
  103. .imm-content-grid.template-1 .grid-image-3  img {
  104.   height:87vh;
  105.   object-fit: cover;
  106. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement