"Service Cards"
Bootstrap 4.1.1 Snippet by Mohsin Mukhtar

<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class=""> <div class="profile-dec text-center"> <img src="https://logos-world.net/wp-content/uploads/2020/12/Fiverr-Logo.png" alt=""> </div> <div class="profile-info text-center"> <a href="https://www.fiverr.com/mohsin_desginer">mohsin_desginer</a> <p>Web Development is my passion</p> </div> <div class="star"> <img src="IMAGE/star.png" alt=""> <img src="IMAGE/star.png" alt=""> <img src="IMAGE/star.png" alt=""> <img src="IMAGE/star.png" alt=""> <img src="IMAGE/star.png" alt=""> </div> <div class="buttons"> <button><a href="https://www.fiverr.com/mohsin_desginer">Hire Me</a></button> </div> <div class="pr_dec"> <p><b>***Welcome to my Profile***</b> <br> Hi there, I am Mohsin Mukhtar, a fully professional and experienced Web developer with 7+ years of working experience & complete an overall 700+ website. Basically, I am an expert in Html, Css, Bootstrap & WordPress. I am very passionate about it. I am dependable, trustworthy, put everything into my work, and appreciate the importance of responsibility. If u want quality-oriented work then be confident and let's communicate!</p> </div> </section>
section{ border: 1px solid #dadbdd; padding: 30px; height: 100%; max-width: 500px; margin: auto; } .profile-dec img{ width: 300px; height: 150px; border-radius: 50%; } .profile-info p{ font-size: 25px; line-height: 1.3; } .profile-info a{ font-size: 30px; color: blue; } .star{ display: flex; justify-content: center; } .star img{ margin-right: 15px; } .buttons { display: flex; justify-content: center; margin-top: 30px; } .buttons button { padding: 10px 16px; background-color: #1dbf73; border: none; outline: none; width: 250px; } .buttons a{ color: #fff; font-size: 20px; } .pr_dec{ margin-top: 30px !important; margin: auto; } .pr_dec p{ text-align: center; }

Related: See More


Questions / Comments: