"Meet Our Team Page | BS3 | Fontawesome"
Bootstrap 3.3.0 Snippet by CodingMaster2009India

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/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 ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>eStudy</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"> </head> <body> <div class="container-fluid"> <div class="row text-center" id="bs-userprofiles-row"> <div class="container"> <h1>Meet Our Team</h1> <h4>Here are some most famous people of our company. Let's have a look.</h4> </div> <hr> <div class="col-lg-3"> <img src="https://cdn.statusqueen.com/tagcovers/thumbnail/garry-sandhu-ringtone-78.jpg" id="bs-userprofiles-img"> <h2>Jhon Doe</h2> <p>Programmer</p> <button class="btn btn-lg btn-primary"> <i class="fab fa-facebook"></i> </button> <button class="btn btn-lg btn-danger"> <i class="fab fa-youtube"></i> </button> <button class="btn btn-lg btn-info"> <i class="fab fa-twitter"></i> </button> <button class="btn btn-lg btn-warning"> <i class="fab fa-reddit"></i> </button> <br><br> </div> <div class="col-lg-3"> <img src="https://cdn.statusqueen.com/tagcovers/thumbnail/armaan-malik-ringtone-47.jpg" id="bs-userprofiles-img"> <h2>Jhon Smith</h2> <p>Sound Maker</p> <button class="btn btn-lg btn-primary"> <i class="fab fa-facebook"></i> </button> <button class="btn btn-lg btn-danger"> <i class="fab fa-youtube"></i> </button> <button class="btn btn-lg btn-info"> <i class="fab fa-twitter"></i> </button> <button class="btn btn-lg btn-warning"> <i class="fab fa-reddit"></i> </button> <br><br> </div> <div class="col-lg-3"> <img src="https://cdn.statusqueen.com/tagcovers/thumbnail/sushant-singh-rajput-ringtone-177.jpg" id="bs-userprofiles-img"> <h2>Michel Dan</h2> <p>3D Modeller</p> <button class="btn btn-lg btn-primary"> <i class="fab fa-facebook"></i> </button> <button class="btn btn-lg btn-danger"> <i class="fab fa-youtube"></i> </button> <button class="btn btn-lg btn-info"> <i class="fab fa-twitter"></i> </button> <button class="btn btn-lg btn-warning"> <i class="fab fa-reddit"></i> </button> <br><br> </div> <div class="col-lg-3"> <img src="https://cdn.statusqueen.com/tagcovers/thumbnail/kgf-ringtone-18.jpg" id="bs-userprofiles-img"> <h2>KGF</h2> <p>Actor</p> <button class="btn btn-lg btn-primary"> <i class="fab fa-facebook"></i> </button> <button class="btn btn-lg btn-danger"> <i class="fab fa-youtube"></i> </button> <button class="btn btn-lg btn-info"> <i class="fab fa-twitter"></i> </button> <button class="btn btn-lg btn-warning"> <i class="fab fa-reddit"></i> </button> <br><br> </div> </div> </div> </body> </html>
/* Settings= For Font Change The Verdana */ *{ font-family: Verdana; } /* Settings= For Background Change The Tomato Color For Font Color Change The White Color */ #bs-userprofiles-row{ color: white; background-color: tomato; } /* Settings= For Size Change Edit 200px For Border Radius Change 1000px */ #bs-userprofiles-img{ border-radius: 1000px; height: 200px; } /* Settings= */
print("Hello World")

Related: See More


Questions / Comments: