Untitled
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...