Image Size Reduction #20

Merged
tokslaw merged 1 commits from image_reduction into master 2023-04-05 00:20:01 +00:00
4 changed files with 11 additions and 6 deletions
+2 -2
View File
@@ -738,8 +738,8 @@
#content-14.aliceblue-shape, #content-14.whitesmoke-shape { padding-top: 80px; }
.content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; }
.content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; }
/* .content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; } */
/* .content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; } */
.content-12-img { margin-right: 0; margin-bottom: -40px; }
.cbox-txt { padding-left: 20px; }
Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

+9 -4
View File
@@ -186,15 +186,20 @@ class Users extends React.Component {
<div className="container">
{/* CONTENT BOX-1 */}
<div id="cb-1-1" className="cbox-1 pb-25">
<div className="row d-flex align-items-center">
<div className="row align-items-center">
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6">
<div className="col-md-6 col-lg-6">
<div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/route-mockup.jpeg" alt="content-image" />
<img className="img-fluid" src="assets/images/route-mockup2.png" alt="content-image" />
</div>
</div>
{/* <div className="col-lg-7">
<div className="content-12-img right-column wow fadeInLeft" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/info-pair.png" alt="content-image" />
</div>
</div> */}
{/* TEXT BLOCK */}
<div className="col-md-7 col-lg-6">
<div className="col-md-6 col-lg-6">
<div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */}
<span className="section-id grey-color">{accessUnlimited.leadTitle}</span>