"Untitled"
Bootstrap 4.1.1 Snippet by jeevan123456

<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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> <section class="py-5"> <div class="container"> <div class="row"> <div class="col-md-3"> <i class="fa fa-users fa-4x pb-3"></i> <h2>Food Drive</h2> <p>Join the fight against hunger by participating in our food drive. Your donations of non-perishable food items will help families in need. Be a part of the solution and give back today.</p> <a href="#" class="text-danger">Donate</a> </div> <div class="col-md-3"> <img src="https://images.pexels.com/photos/1181597/pexels-photo-1181597.jpeg?cs=srgb&dl=sitting-woman-while-reading-books-near-table-1181597.jpg&fm=jpg"> <h2>Tuition Drive</h2> <p>Give the gift of education with our tuition drive. Your donation will provide students with access to the resources they need to succeed. Invest in their future and make a difference in their lives today.</p> <a href="#" class="text-danger">Donate</a> </div> <div class="col-md-3"> <img src="https://images.pexels.com/photos/887751/pexels-photo-887751.jpeg?cs=srgb&dl=person-holding-silver-iphone-7-887751.jpg&fm=jpg"> <h2>Job Traininig</h2> <p>Unlock the potential of individuals with our job training program. Your support will provide individuals with the skills and training needed to succeed in the workforce. help build a stronger economy today</p> <a href="#" class="text-danger">Donate</a> </div> <div class="col-md-3"> <img src="https://images.pexels.com/photos/887751/pexels-photo-887751.jpeg?cs=srgb&dl=person-holding-silver-iphone-7-887751.jpg&fm=jpg"> <h2>Clothing Drive</h2> <p>Make a difference in the lives of those in need by participating in our clothing drive. Your donation of gently used or new clothing will help provide warmth and comfort to those in need. Give back and show your support today.</p> <a href="#" class="text-danger">Donate</a> </div> </div> </div> </section>
img {width:100%;}

Related: See More


Questions / Comments: