Home Html CSS Tutorial Responsive Services Section Using Only Html & Css

Responsive Services Section Using Only Html & Css

549
0
Responsive Services Section Using Only Html & Css
Responsive Services Section Using Only Html & Css

Responsive Services Section Using Only Html & Css

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Our Services </title>
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
    integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous" />
  </head>
  <body>
    <div class="container">
      <div class="details">
        <h2>Services</h2>
        <p>Our company offer web design and development</p>
      </div>
      <div class="main-box">
        <div class="box box-grey">
          <div class="icon">
            <i class="fas fa-desktop"></i>
          </div>
          <h2>Web Design</h2>
          <hr>
          <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Assumenda labore.</p>
          <a href="#">Read More</a>
        </div>

        <div class="box box-red">
          <div class="icon">
            <i class="fas fa-globe"></i>
          </div>
          <h2>Web Design</h2>
          <hr>
          <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Assumenda labore.</p>
          <a href="#" class="white-border">Read More</a>
        </div>
        
        <div class="box box-grey">
          <div class="icon">
            <i class="fas fa-search"></i>
          </div>
          <h2>Web Design</h2>
          <hr>
          <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Assumenda labore.</p>
          <a href="#">Read More</a>
        </div>

      </div>

    </div>
    
  </body>
</html>

CSS

(Visited 403 times, 14 visits today)

LEAVE A REPLY

Please enter your comment!
Please enter your name here