<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" /> <section class="bgback" id="services"> <div class="container py-5"> <div class="row card1"> <div class="col-sm text-white"> <h1 class="fonty">Our Best Services </h1> <p class="text-justify py-3 fonty">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio nobis aspernatur quaerat, odio, esse earum laboriosam quis modi veniam, consequuntur minima ullam! Tempore placeat, ducimus sequi vitae sit nam, vel officia quo aliquid labore atque obcaecati sed laudantium saepe id voluptatem tenetur ab, aliquam facere? Ducimus laborum est aut, doloremque odio facere, nulla, praesentium sapiente culpa id at recusandae aliquid? Aliquid tempore fuga, aut modi magnam at nesciunt, voluptate qui excepturi autem sunt eveniet cupiditate perspiciatis maxime officia magni optio vel reprehenderit nulla enim hic quibusdam totam! Impedit cupiditate ut iusto consequatur commodi aliquid maxime voluptatem quidem eligendi minima, nobis ipsum error nulla laboriosam ab odit quaerat id porro repellendus! Natus debitis, exercitationem quos, distinctio inventore quo accusamus minus unde quae suscipit assumenda delectus optio quibusdam beatae deleniti, sapiente omnis eaque facere eligendi earum culpa nisi cupiditate! Magnam, et. Neque repudiandae totam ad nulla possimus maxime asperiores rerum doloribus magni!</p> <a href="https://www.tsrtechsolutions.com" target="_blank" class="btn btn-primary text-white" >Read More</a> </div> <div class="col-sm px-5 py-5"> <div class="container py-5"> <div class="row py-md-3"> <div class="col-sm"> <div class="card shadow" style="width: 15rem;" > <div class="card-body"> <div class="container py-3"> <div class="text-center"> <h3 class="fonty">Plant Seeding</h3> </div> </div> </div> </div> </div> <div class="col-sm"> <div class="card shadow" style="width: 15rem;" > <div class="card-body"> <div class="container py-3"> <div class="text-center"> <h3 class="fonty">Plants Breeding</h3> </div> </div> </div> </div> </div> </div> <div class="row py-3"> <div class="col-sm"> <div class="card shadow" style="width: 15rem;"> <div class="card-body"> <div class="container py-3"> <div class="text-center"> <h3 class="fonty">Plant Growing</h3> </div> </div> </div> </div> </div> <div class="col-sm"> <div class="card shadow" style="width: 15rem;" > <div class="card-body"> <div class="container py-3"> <div class="text-center"> <h3 class="fonty">Plant Tunning</h3> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section>

.bgback { background-image: url(https://drive.google.com/uc?export=view&id=1SxydLmgf0Mq-Cdz5ZclsUdrILVatuEXC); background-attachment: fixed; background-size: cover; -webkit-background-attachment: fixed; -webkit-background-size: cover; } .shadow:hover { background-color: green !important; } .card1 { background-color: rgba(5, 5, 5, 0.473); }