├── .github
    └── workflows
    │   └── jekyll-gh-pages.yml
├── README.md
└── portfolio-website
    ├── _config.yml
    ├── _includes
        ├── footer.html
        └── testimonials.html
    ├── assets
        ├── css
        │   └── styles.css
        └── js
        │   └── scripts.js
    └── index.html


/.github/workflows/jekyll-gh-pages.yml:
--------------------------------------------------------------------------------
 1 | # Sample workflow for building and deploying a Jekyll site to GitHub Pages
 2 | name: Deploy Jekyll with GitHub Pages dependencies preinstalled
 3 | 
 4 | on:
 5 |   # Runs on pushes targeting the default branch
 6 |   push:
 7 |     branches: ["main"]
 8 | 
 9 |   # Allows you to run this workflow manually from the Actions tab
10 |   workflow_dispatch:
11 | 
12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
13 | permissions:
14 |   contents: read
15 |   pages: write
16 |   id-token: write
17 | 
18 | # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
19 | # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
20 | concurrency:
21 |   group: "pages"
22 |   cancel-in-progress: false
23 | 
24 | jobs:
25 |   # Build job
26 |   build:
27 |     runs-on: ubuntu-latest
28 |     steps:
29 |       - name: Checkout
30 |         uses: actions/checkout@v4
31 |       - name: Setup Pages
32 |         uses: actions/configure-pages@v5
33 |       - name: Build with Jekyll
34 |         uses: actions/jekyll-build-pages@v1
35 |         with:
36 |           source: ./
37 |           destination: ./_site
38 |       - name: Upload artifact
39 |         uses: actions/upload-pages-artifact@v3
40 | 
41 |   # Deployment job
42 |   deploy:
43 |     environment:
44 |       name: github-pages
45 |       url: ${{ steps.deployment.outputs.page_url }}
46 |     runs-on: ubuntu-latest
47 |     needs: build
48 |     steps:
49 |       - name: Deploy to GitHub Pages
50 |         id: deployment
51 |         uses: actions/deploy-pages@v4
52 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This repository is empty. Any task executed on it should be considered a new capability and needs to be created.
2 | 


--------------------------------------------------------------------------------
/portfolio-website/_config.yml:
--------------------------------------------------------------------------------
 1 | # Jekyll configuration file
 2 | 
 3 | title: "My Portfolio Website"
 4 | description: "A portfolio website showcasing my free courses and testimonials."
 5 | baseurl: "" # the subpath of your site, e.g. /blog
 6 | url: "https://yourusername.github.io" # the base hostname & protocol for your site
 7 | 
 8 | # Build settings
 9 | markdown: kramdown
10 | theme: minima
11 | 
12 | # Exclude these files from the site
13 | exclude:
14 |   - Gemfile
15 |   - Gemfile.lock
16 |   - node_modules
17 |   - vendor/bundle/
18 |   - vendor/cache/
19 |   - vendor/gems/
20 |   - vendor/ruby/
21 | 
22 | # Plugins
23 | plugins:
24 |   - jekyll-feed
25 |   - jekyll-seo-tag
26 | 
27 | # Social media handles
28 | social:
29 |   twitter: your_twitter_handle
30 |   github: your_github_handle
31 |   linkedin: your_linkedin_handle
32 |   youtube: your_youtube_channel
33 | 


--------------------------------------------------------------------------------
/portfolio-website/_includes/footer.html:
--------------------------------------------------------------------------------
1 | <footer>
2 |     <p>Connect with me on social media:</p>
3 |     <a href="https://www.facebook.com/yourprofile" target="_blank">Facebook</a>
4 |     <a href="https://www.twitter.com/yourprofile" target="_blank">Twitter</a>
5 |     <a href="https://www.linkedin.com/in/yourprofile" target="_blank">LinkedIn</a>
6 |     <a href="https://www.instagram.com/yourprofile" target="_blank">Instagram</a>
7 |     <a href="https://www.youtube.com/yourchannel" target="_blank">YouTube</a>
8 | </footer>
9 | 


--------------------------------------------------------------------------------
/portfolio-website/_includes/testimonials.html:
--------------------------------------------------------------------------------
 1 | <div class="testimonial">
 2 |     <img src="assets/images/testimonial1.jpg" alt="Testimonial 1">
 3 |     <p>"This course was amazing! I learned so much about DevOps."</p>
 4 |     <p>- Subscriber 1</p>
 5 | </div>
 6 | <div class="testimonial">
 7 |     <img src="assets/images/testimonial2.jpg" alt="Testimonial 2">
 8 |     <p>"The AWS Zero to Hero course helped me land my dream job."</p>
 9 |     <p>- Subscriber 2</p>
10 | </div>
11 | <div class="testimonial">
12 |     <img src="assets/images/testimonial3.jpg" alt="Testimonial 3">
13 |     <p>"Azure Zero to Hero is a must for anyone looking to get into cloud computing."</p>
14 |     <p>- Subscriber 3</p>
15 | </div>
16 | 


--------------------------------------------------------------------------------
/portfolio-website/assets/css/styles.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     font-family: Arial, sans-serif;
 3 |     margin: 0;
 4 |     padding: 0;
 5 |     background-color: #f4f4f4;
 6 | }
 7 | 
 8 | header {
 9 |     background-color: #333;
10 |     color: #fff;
11 |     padding: 20px;
12 |     text-align: center;
13 | }
14 | 
15 | h1 {
16 |     margin: 0;
17 | }
18 | 
19 | section {
20 |     padding: 20px;
21 | }
22 | 
23 | #courses {
24 |     background-color: #fff;
25 |     border: 1px solid #ddd;
26 |     border-radius: 5px;
27 |     margin-bottom: 20px;
28 |     padding: 20px;
29 | }
30 | 
31 | .course {
32 |     margin-bottom: 10px;
33 | }
34 | 
35 | #see-more {
36 |     background-color: #007bff;
37 |     border: none;
38 |     color: #fff;
39 |     cursor: pointer;
40 |     padding: 10px 20px;
41 |     text-align: center;
42 | }
43 | 
44 | #see-more:hover {
45 |     background-color: #0056b3;
46 | }
47 | 
48 | #more-courses {
49 |     margin-top: 20px;
50 | }
51 | 
52 | #testimonials {
53 |     background-color: #fff;
54 |     border: 1px solid #ddd;
55 |     border-radius: 5px;
56 |     margin-bottom: 20px;
57 |     padding: 20px;
58 | }
59 | 
60 | footer {
61 |     background-color: #333;
62 |     color: #fff;
63 |     padding: 20px;
64 |     text-align: center;
65 | }
66 | 
67 | footer a {
68 |     color: #fff;
69 |     margin: 0 10px;
70 |     text-decoration: none;
71 | }
72 | 
73 | footer a:hover {
74 |     text-decoration: underline;
75 | }
76 | 


--------------------------------------------------------------------------------
/portfolio-website/assets/js/scripts.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener('DOMContentLoaded', function() {
 2 |     var seeMoreButton = document.getElementById('see-more');
 3 |     var moreCourses = document.getElementById('more-courses');
 4 | 
 5 |     seeMoreButton.addEventListener('click', function() {
 6 |         if (moreCourses.style.display === 'none') {
 7 |             moreCourses.style.display = 'block';
 8 |             seeMoreButton.textContent = 'See Less';
 9 |         } else {
10 |             moreCourses.style.display = 'none';
11 |             seeMoreButton.textContent = 'See More';
12 |         }
13 |     });
14 | });
15 | 


--------------------------------------------------------------------------------
/portfolio-website/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>My Portfolio Website</title>
 7 |     <link rel="stylesheet" href="assets/css/styles.css">
 8 | </head>
 9 | <body>
10 |     <header>
11 |         <h1>Welcome to My Portfolio</h1>
12 |     </header>
13 | 
14 |     <section id="courses">
15 |         <h2>Free Courses</h2>
16 |         <div class="course">
17 |             <h3>DevOps Zero to Hero</h3>
18 |             <p>Learn DevOps from scratch and become a hero in the field.</p>
19 |         </div>
20 |         <div class="course">
21 |             <h3>AWS Zero to Hero</h3>
22 |             <p>Master AWS and become a cloud expert.</p>
23 |         </div>
24 |         <div class="course">
25 |             <h3>Azure Zero to Hero</h3>
26 |             <p>Get started with Azure and become a cloud professional.</p>
27 |         </div>
28 |         <button id="see-more">See More</button>
29 |         <div id="more-courses" style="display: none;">
30 |             <!-- Additional courses will be listed here -->
31 |         </div>
32 |     </section>
33 | 
34 |     <section id="testimonials">
35 |         <h2>Testimonials</h2>
36 |         <!-- Testimonials will be included here -->
37 |         {% include testimonials.html %}
38 |     </section>
39 | 
40 |     <footer>
41 |         <!-- Footer content will be included here -->
42 |         {% include footer.html %}
43 |     </footer>
44 | 
45 |     <script src="assets/js/scripts.js"></script>
46 | </body>
47 | </html>
48 | 


--------------------------------------------------------------------------------