services.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width-device-width"
    <meta name="description" content="Articles and Published Blogs">
    <meta name="keywords" content="web design, fitness , meditation , professional, others">
    <meta name="author" content="Saif Ali">
    <title>Blogs| About</title>
    <link rel="stylesheet" href="./css/style.css">
  </head>
  <body>
<header>
  <div class="container">
    <div id="branding">
      <h1><span class="highlight">Services</span> and Blogs</h1>
        </div>
      <nav>
        <ul>
          <li ><a href="index.html">Home</a></li>
          <li><a href="About.html">About</a></li>
          <li class="current"><a href="Services.html">Services</a></li>
          <li><a href="login.html">Login</a></li>
           

        </ul>
      </nav>
    </div>
</header>


      <section id="newsletter">
        <div class="container">
          <h1>Subscribe to our Blogs</h1>
          <form>
            <input type="email" placeholder="Enter Username....">
            <button type="submit" class="button_1">Subscribe</button>
          </form>

        </div>

    </section>

    <section id="main">
<div class="container">
  <article id="main-col">
    <h1 class="page-title">Services</h1>
    <ul id="services">
      <li>
        <h3>Website Design</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet, enim tincidunt tristique lacinia, ex sapien ultrices nulla, nec rhoncus sem sapien ac risus. Sed dignissim est quis mi molestie mattis. Integer sollicitudin pellentesque lorem, id sollicitudin arcu dapibus vitae. </p>
<p>pricing : 1,000$-3,000$
</p>
      </li>
      <li>
        <h3>Website Maintenace</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet, enim tincidunt tristique lacinia, ex sapien ultrices nulla, nec rhoncus sem sapien ac risus. Sed dignissim est quis mi molestie mattis. Integer sollicitudin pellentesque lorem, id sollicitudin arcu dapibus vitae. </p>
<p>pricing : 240$ per month
</p>
      </li>
      <li>
        <h3>Website Hosting</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet, enim tincidunt tristique lacinia, ex sapien ultrices nulla, nec rhoncus sem sapien ac risus. Sed dignissim est quis mi molestie mattis. Integer sollicitudin pellentesque lorem, id sollicitudin arcu dapibus vitae. </p>
<p>pricing : 25$ per month
</p>
      </li>
    </ul>


  </article>
  <aside id="sidebar">
<div class="dark">
<h3>Get a Quote</h3>
  <form class="quote">
    <div>
      <label>Name</label><br>
      <input type="text" placeholder="Name">
        </div>
        <div>
          <label>Email</label><br>
          <input type="Email" placeholder="Email Adress">
        </div>
    <div>
      <label>Message</label><br>
      <textarea placeholder="Message"></textarea>
      </div>
<button class="button-1" type="submit">Send</button>
  </form>
    </div>
  </aside>
        </div>

    </section>

<footer>
  <p>Tech-Science Blog, Copyright &copy; 2019</p>
</footer>


  </body>
</html>