"Services"
Bootstrap 4.1.1 Snippet by taimourya

<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 ----------> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> </head> <body> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="service box"> <div class="icone"> <img src="https://image.freepik.com/vecteurs-libre/icone-telephone-blanc_23-2147627279.jpg" alt="..."> </div> <div class="description"> <h2>title service</h2> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque eius explicabo qui </p> <p><a href="#">Voir</a></p> </div> </div> </div> <div class="col-lg-6"> <div class="service box"> <div class="icone"> <img src="https://image.freepik.com/vecteurs-libre/icone-telephone-blanc_23-2147627279.jpg" alt="..."> </div> <div class="description"> <h2>title service</h2> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque eius explicabo qui </p> <p><a href="#">Voir</a></p> </div> </div> </div> <div class="col-lg-6"> <div class="service box"> <div class="icone"> <img src="https://image.freepik.com/vecteurs-libre/icone-telephone-blanc_23-2147627279.jpg" alt="..."> </div> <div class="description"> <h2>title service</h2> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque eius explicabo qui </p> <p><a href="#">Voir</a></p> </div> </div> </div> <div class="col-lg-6"> <div class="service box"> <div class="icone"> <img src="https://image.freepik.com/vecteurs-libre/icone-telephone-blanc_23-2147627279.jpg" alt="..."> </div> <div class="description"> <h2>title service</h2> <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque eius explicabo qui </p> <p><a href="#">Voir</a></p> </div> </div> </div> </div> </div> </body> </html>
.service .icone img { height: 70px; border-radius: 100px; } .service { padding: 20px; display: flex; } .service .description { text-align: center; } .service .description p { font-size: 1.2em; color: rgb(83, 76, 76); }

Related: See More


Questions / Comments: