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