Html SG Web dev

PHOTO EMBED

Thu Dec 23 2021 22:23:09 GMT+0000 (Coordinated Universal Time)

Saved by @developerashed 

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://kit.fontawesome.com/8eb7af3c40.js" crossorigin="anonymous"></script>
  <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>Softech</title>
  <link rel="icon" href="img/twitter.jpg"/>

  <style>
    @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200;300;400;500;600;700&family=Poppins:wght@500&family=Press+Start+2P&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    </style>
    <link rel="stylesheet" href="style.css"/>
    
</head>
<body>
     <header>
       <div class="container">
        <nav>  
           <h2>SOFTECH</h2>
            <ul>
              <li><a href="#" class="active">Home</a></li>
              <li><a href="#">About</a></li>
              <li><a href="#">Services</a></li>
              <li><a href="#">Projects</a></li>
              <li><a href="#">Contact</a></li>
            </ul>
           </nav>
         </div>
      </header>
      <!--Showcase-->
      <section class="Showcase">
        <div class="Showcase-content">
          <h1>Building Websites and Mobile Apps For Boosting Your Business</h1>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint quisquam mollitia quis excepturi, maxime eius provident, ad, hic minima aliquid harum placeat. Voluptatum voluptates, cumque facilis iusto asperiores autem! Modi.</p>
          
          <a href="#" class="btn">Explore</a>

        </div>

      </section>
      <!-- About Section -->
      <section class="about m-t">
        <div class="container">
          <h2 class="m-b">About Us</h2>
          <div class="about-wrapper">
             <div class="about-image">
                 <img src="img/mkb (4).jpg" alt="" />
             </div>   
               <div class="about-content">
                 <h1>SPECIALISED IN WEBSITE DESIGN AND DEVELOPMENT.</h1>
                 <div class="line"></div>
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                    Unde deserunt mollitia esse debitis consequatur repellendus
                     aliquid voluptatem, at perferendis earum iste delectus iure
                      voluptate ea voluptas sed voluptatibus impedit rerum.</p>
                      <ul class="fa-ul">
                        <li>
                          <span class="fa-li"><i class="fas fa-circle-notch"></i></span>
                          provident you solution for all your software needs
                        </li>
                        <li>
                          <span class="fa-li"><i class="fas fa-circle-notch"></i></span>
                          Mobile apps development.
                        </li>
                        <li>
                          <span class="fa-li"><i class="fas fa-circle-notch"></i></span>
                          Wordpress development made easy.
                        </li>
                      </ul>
                      <div class="social-icon">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                        <a href="#"><i class="fab fa-linkedin-in"></i></a>
                      </div>
               </div>
          </div>
        </div>
      </section>
    </body>
</html>
content_copyCOPY