Untitled

 avatar
user_4502205
plain_text
2 years ago
46 kB
3
Indexable
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

  <title>so cry</title>
  <link rel="stylesheet" href="img/bootstrap.min.css" />
  <link rel="stylesheet" href="style.css" />
  <link rel="stylesheet" href="img/bootstrap.min.css" />
  <link rel="stylesheet" href="style.css" />
</head>




<hr class="my-4 bg-primary" style="height: 40px;">


<!-- Front-end Development Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Front-end Development
  </div>
  <div class="card-body">
    <h5 class="card-title">HTML, CSS, JavaScript</h5>
    <p class="card-text">Involves developing the client-side of a web application, including design, layout, and interaction with the user.</p>
  </div>
</div>




<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<hr class="my-4 bg-primary" style="height: 40px;">
<!-- Back-end Development Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Back-end Development
  </div>
  <div class="card-body">
    <h5 class="card-title">PHP, Ruby, Python, MySQL, PostgreSQL, MongoDB</h5>
    <p class="card-text">Involves developing the server-side of a web application, including database management, security, and APIs.</p>
  </div>
</div>









<table class="table">
  <thead>
    <tr>
      <th scope="col"><button class="btn btn-primary" onclick="toggleColumn(0)">Emails</button></th>
      <th scope="col"><button class="btn btn-secondary" onclick="toggleColumn(1)">Name</button></th>
      <th scope="col"><button class="btn btn-success" onclick="toggleColumn(2)">Status</button></th>
      <th scope="col"><button class="btn btn-warning" onclick="toggleColumn(3)">Nationality</button></th>
      <th scope="col"><button class="btn btn-info" onclick="toggleColumn(4)">Label</button></th>
      <th scope="col"><button class="btn btn-dark" onclick="toggleColumn(5)">Owner</button></th>
    </tr>
  </thead>
  <hr class="my-4 bg-primary" style="height: 40px;">
  <div class="card-deck">
    <div class="card">
      <div class="card-header">sparkelBeam</div>
      <ul class="list-group list-group-flush">
        <li class="list-group-item">Row 1</li>
        <li class="list-group-item">Row 2</li>
        <li class="list-group-item">Row 3</li>
        <li class="list-group-item">Row 4</li>
        <li class="list-group-item">Row 5</li>
      </ul>
    </div>
    <div class="card">
      <div class="card-header">ShittyDunk</div>
      <ul class="list-group list-group-flush">
        <li class="list-group-item">Row 1</li>
        <li class="list-group-item">Row 2</li>
        <li class="list-group-item">Row 3</li>
        <li class="list-group-item">Row 4</li>
        <li class="list-group-item">Row 5</li>
      </ul>
    </div>
  </div>
</table>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- Full-stack Development Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Full-stack Development
  </div>
  <div class="card-body">
    <h5 class="card-title">HTML, CSS, JavaScript, PHP, Ruby, Python, MySQL, PostgreSQL, MongoDB</h5>
    <p class="card-text">Involves a combination of front-end and back-end development skills, allowing developers to work on both client-side and server-side aspects of a web application.</p>
  </div>
</div>

<hr class="my-4 bg-primary" style="height: 40px;">
<!-- CMS Development Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    CMS Development
  </div>
  <div class="card-body">
    <h5 class="card-title">WordPress, Drupal, Joomla</h5>
    <p class="card-text">Involves developing and customizing popular open-source CMS platforms.</p>
  </div>
</div>

<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- E-commerce Development Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    E-commerce Development
  </div>
  <div class="card-body">
    <h5 class="card-title">Integrating payment systems, managing orders, handling customer data</h5>
    <p class="card-text">Involves developing online stores and shopping websites.</p>
  </div>
</div>
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">

<!-- Mobile Web Development Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Mobile Web Development
  </div>
  <div class="card-body">
    <h5 class="card-title">Responsive design, mobile-first development</h5>
    <p class="card-text">Involves developing web applications that are optimized for mobile devices.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- UX/UI Design Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    UX/UI Design
  </div>
  <div class="card-body">
    <h5 class="card-title">Wireframing, prototyping, user research</h5>
    <p class="card-text">Involves designing the user experience and interface of a web application, including layout, navigation, and interaction with the user.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>


<!-- Web Design Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Web Design
  </div>
  <div class="card-body">
    <h5 class="card-title">Graphic design, typography, color theory</h5>
    <p class="card-text">Involves designing the visual appearance of a website, including the use of color, images, and typography.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<!-- DevOps Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    DevOps
  </div>
  <div class="card-body">
    <h5 class="card-title">Automation, testing, deployment, infrastructure management</h5>
    <p class="card-text">Involves managing the infrastructure and processes required to develop, test, and deploy software applications, including automation and continuous integration/continuous delivery.</p>
  </div>
</div>



<hr class="my-4 bg-primary" style="height: 40px;">
<!-- Cloud Computing Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Cloud Computing
  </div>
  <div class="card-body">
    <h5 class="card-title">AWS, Azure, Google Cloud Platform</h5>
    <p class="card-text">Involves managing, deploying, and developing applications on cloud computing platforms.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- Security Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Security
  </div>
  <div class="card-body">
    <h5 class="card-title">Encryption, firewalls, secure coding practices</h5>
    <p class="card-text">Involves ensuring the security of web applications, including protecting sensitive data and preventing hacking attempts.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- Responsive Design Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Responsive Design
  </div>
  <div class="card-body">
    <h5 class="card-title">Flexbox, media queries, viewport units</h5>
    <p class="card-text">Involves designing websites that can adapt to different screen sizes and devices, providing optimal viewing experiences on different devices.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- Front-End Development Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Front-End Development
  </div>
  <div class="card-body">
    <h5 class="card-title">HTML, CSS, JavaScript</h5>
    <p class="card-text">Involves coding the user-facing part of a web application, including the layout, styles, and interactivity.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- Back-End Development Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Back-End Development
  </div>
  <div class="card-body">
    <h5 class="card-title">PHP, Ruby on Rails, Node.js</h5>
    <p class="card-text">Involves coding the server-side part of a web application, including the logic, data storage, and processing.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- Database Management Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Database Management
  </div>
  <div class="card-body">
    <h5 class="card-title">SQL, NoSQL, data modeling</h5>
    <p class="card-text">Involves managing the data storage and retrieval of a web application, including designing and implementing databases.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<!-- Content Management Systems Card -->
<div class="card text-center" style="width: 18rem;">
  <div class="card-header">
    Content Management Systems
  </div>
  <div class="card-body">
    <h5 class="card-title">WordPress, Drupal, Joomla</h5>
    <p class="card-text">Involves using pre-built platforms to manage the content and functionality of a website, allowing for more efficient and scalable development and deployment of web applications.</p>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<div class="card" style="width: 18rem;">
  <img src="your-image-url-here" class="card-img-top" alt="your-image-alt-text-here">
  <div class="card-body">
    <h5 class="card-title">Unsplash</h5>
    <p class="card-text">Unsplash is a website where you can find free photos for your project.</p>
    <a href="https://unsplash.com/" class="btn btn-primary">Visit Unsplash</a>
  </div>
</div>



<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<div class="card" style="width: 18rem;">
  <img src="your-image-url-here" class="card-img-top" alt="your-image-alt-text-here">
  <div class="card-body">
    <h5 class="card-title">Pexels</h5>
    <p class="card-text">Pexels is a website where you can find free photos for your project.</p>
    <a href="https://www.pexels.com/" class="btn btn-primary">Visit Pexels</a>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<div class="card" style="width: 18rem;">
  <img src="your-image-url-here" class="card-img-top" alt="your-image-alt-text-here">
  <div class="card-body">
    <h5 class="card-title">Pixabay</h5>
    <p class="card-text">Pixabay is a website where you can find free photos for your project.</p>
    <a href="https://pixabay.com/" class="btn btn-primary">Visit Pixabay</a>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<div class="card" style="width: 18rem;">
  <img src="your-image-url-here" class="card-img-top" alt="your-image-alt-text-here">
  <div class="card-body">
    <h5 class="card-title">StockSnap</h5>
    <p class="card-text">StockSnap is a website where you can find free photos for your project.</p>
    <a href="https://stocksnap.io/" class="btn btn-primary">Visit StockSnap</a>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>

<div class="card" style="width: 18rem;">
  <img src="your-image-url-here" class="card-img-top" alt="your-image-alt-text-here">
  <div class="card-body">
    <h5 class="card-title">Freepik</h5>
    <p class="card-text">Freepik is a website where you can find free photos for your project.</p>
    <a href="https://www.freepik.com/" class="btn btn-primary">Visit Freepik</a>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">

<div class="card" style="width: 18rem;">
  <img src="your-image-url-here" class="card-img-top" alt="your-image-alt-text-here">
  <div class="card-body">
    <h5 class="card-title">Gratisography</h5>
    <p class="card-text">Gratisography is a website where you can find free photos for your project.</p>
    <a href="https://gratisography.com/" class="btn btn-primary">Visit Gratisography</a>
  </div>
</div>



<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>


<div class="card" style="width: 18rem;">
  <img src="your-image-url-here" class="card-img-top" alt="your-image-alt-text-here">
  <div class="card-body">
    <h5 class="card-title">Death to the Stock Photo</h5>
    <p class="card-text">Death to the Stock Photo is a website where you can find free photos for your project.</p>
    <a href="https://deathtothestockphoto.com/" class="btn btn-primary">Visit Death to the Stock Photo</a>
  </div>
</div>


<hr class="my-4 bg-primary" style="height: 40px;">
<div class="card-deck">
  <div class="card">
    <div class="card-body">
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
            <th scope="col">Column 5</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Row 1, Column 1</td>
            <td>Row 1, Column 2</td>
            <td>Row 1, Column 3</td>
            <td>Row 1, Column 4</td>
            <td>Row 1, Column 5</td>
          </tr>
          <tr>
            <td>Row 2, Column 1</td>
            <td>Row 2, Column 2</td>
            <td>Row 2, Column 3</td>
            <td>Row 2, Column 4</td>
            <td>Row 2, Column 5</td>
          </tr>
          <tr>
            <td>Row 3, Column 1</td>
            <td>Row 3, Column 2</td>
            <td>Row 3, Column 3</td>
            <td>Row 3, Column 4</td>
            <td>Row 3, Column 5</td>
          </tr>
          <tr>
            <td>Row 4, Column 1</td>
            <td>Row 4, Column 2</td>
            <td>Row 4, Column 3</td>
            <td>Row 4, Column 4</td>
            <td>Row 4, Column 5</td>
          </tr>
          <tr>
            <td>Row 5, Column 1</td>
            <td>Row 5, Column 2</td>
            <td>Row 5, Column 3</td>
            <td>Row 5, Column 4</td>
            <td>Row 5, Column 5</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <!-- Repeat the above code 4 times -->
  </div>
</div>



















Editor is loading...