HTMLify

index.html
Views: 199 | Author: cody
<div class="nav-bar h-nav-resp">
    <div class="nav-left v-resp">
      <h3 class="logo">PaathShala</h3>
      <nav class="nav-menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Contact Us</a></li>
      </nav>
    </div>
    <div class="nav-right v-resp">
      <input type="text" placeholder="search here">
      <button class="btn-sm">Search</button>
    </div>
  
    <div class="burger">
      <div class="line"></div>
      <div class="line"></div>
      <div class="line"></div>
    </div>
  
  </div>
  </div>
  <section class="main">
   
     <div class="intro">
      <h1 class="heading">Learn Without Limits</h1>
      <p class="para">Take the next step in your career with a world class learning experience</p>
      <button class="btn">Sign Up for Free</button>
    </div>
  </section>
  
  <section class="sect">
  
    <div class="first">
      <div class="written">
        <h1 class="heading-first">Best Online Courses</h1>
        <p class="para-first">We provide you the best courses from the best universities in the World.The
          certificates being provided at the end of completion of course is recognized in the biggest Tech.
          giants like Google, Facebook, Microsoft and Apple.</p>
      </div>
      <div class="right-side">
        <img src="https://images.pexels.com/photos/4144923/pexels-photo-4144923.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="picture" class="image1">
      </div>
    </div>
  
    <div class="second">
      <img src="https://images.pexels.com/photos/4492129/pexels-photo-4492129.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260" alt="picture" class="image1">
      <div class="written">
        <h1>Learn at your Pace</h1>
        <p>We provide you the whole learning content of the course at the starting after you join a Course. You
          can learn at your own pace and understand the concepts more efficiently. The content will be same as
          what you will be learning in your Online lectures. You can ask your doubts about some other topics
          in your extra classes.</p>
      </div>
    </div>
  
    <div class="third">
      <div class="written">
        <h1>Boost Up your Skills and Career</h1>
        <p>By completing your desired course you can boost your career and get your desired job or can make your
          own startup.The soft skills course program ensure to enhance your soft skills which will be helpful
          when you are dealing with your interview and also in your work ethics.</p>
      </div>
      <img src="https://images.pexels.com/photos/4065621/pexels-photo-4065621.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260" alt="picture" class="image1">
    </div>
  </section>
  
  <section class="sect1">
  
    <h2>Contact Us</h2>
  
    <div class="form">
      <input type="text" name="Name" placeholder="Enter your name">
      <input type="number" name="phone" placeholder="Enter your phone number">
      <input type="email" name="email" placeholder="Enter your email-id">
      <textarea name="problem" id="problem" cols="30" rows="10" placeholder="Elaborate your concern"></textarea>
      <button class="btn-form">Submit</button>
    </div>
  
  </section>
  
  <footer id="footer">
    Copyright &copy; www.paathshala.com 2021 All rights reserved
  </footer>
  
  <script src="resp.js"></script>
  
  </body>

Comments