task

 avatar
omar
html
2 years ago
3.3 kB
1
Indexable
Never
<!DOCTYPE html>
  <html lang="en">
    <head>
      <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>Document</title>
      <link rel="stylesheet" href="./main.css">
    </head>
    <body>
      <header>
        <a href="#" class="logo">Task</a>
        <nav class="navigation">
          <a href="#services">Services</a>
          <a href="#projects">Projects</a>
          <a href="#contact">Contact</a>
        </nav>
      </header>
      <section class="projects" id="projects">
        <h2 class="title">Projects</h2>
        <div class="content">
          <div class="project-card">
            <div class="project-image">
              <img src="./img/555.jpg" />
            </div>
            <div class="project-info">
              <p class="project-category">Build professional portfolio <span class="SP">1</span> </p>
              <strong class="project-title">
                <span>Build portfolio</span>
                <a href="#" class="more-details">More details</a>
              </strong>
            </div>
          </div>
  
          <div class="project-card">
            <div class="project-image">
              <img src="./img/555.jpg" />
            </div>
            <div class="project-info">
              <p class="project-category">Build professional portfolio <span class="SP">2</span></p>
              <strong class="project-title">
                <span>Build portfolio</span>
                <a href="#" class="more-details">More details</a>
              </strong>
            </div>
          </div>
  
          <div class="project-card">
            <div class="project-image">
              <img src="./img/555.jpg" />
            </div>
            <div class="project-info">
              <p class="project-category">Build professional portfolio <span class="SP">3</span></p>
              <strong class="project-title">
                <span>Build portfolio</span>
                <a href="#" class="more-details">More details</a>
              </strong>
            </div>
          </div>
  
          <div class="project-card">
            <div class="project-image">
              <img src="./img/555.jpg" />
            </div>
            <div class="project-info">
              <p class="project-category">Build professional portfolio <span class="SP">4</span></p>
              <strong class="project-title">
                <span>Build portfolio</span>
                <a href="#" class="more-details">More details</a>
              </strong>
            </div>
          </div>
        

        <div class="project-card">
          <div class="project-image">
            <img src="./img/555.jpg" />
          </div>
          <div class="project-info">
            <p class="project-category">Build professional portfolio <span class="SP">5</span></p>
            <strong class="project-title">
              <span>Build portfolio</span>
              <a href="#" class="more-details">More details</a>
            </strong>
          </div>
        </div>
      </div>
      </section>
    </body>
  </html>