Sadia-Shahzadi · Ayoub-Ke · May 26, 2025 · May 26, 2025 · May 26, 2025 · May 26, 2025
diff --git a/.github/workflows/main_devops.yml b/.github/workflows/main_devops.yml
@@ -0,0 +1,78 @@
+# Docs for the Azure Web Apps Deploy action: https://github.com/Azure/webapps-deploy
+# More GitHub Actions for Azure: https://github.com/Azure/actions
+
+name: Build and deploy PHP app to Azure Web App - devops
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read #This is required for actions/checkout
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '8.4'
+
+      - name: Check if composer.json exists
+        id: check_files
+        uses: andstor/file-existence-action@v1
+        with:
+          files: 'composer.json'
+
+      - name: Run composer install if composer.json exists
+        if: steps.check_files.outputs.files_exists == 'true'
+        run: composer validate --no-check-publish && composer install --prefer-dist --no-progress
+
+      - name: Zip artifact for deployment
+        run: zip release.zip ./* -r
+
+      - name: Upload artifact for deployment job
+        uses: actions/upload-artifact@v4
+        with:
+          name: php-app
+          path: release.zip
+
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+    environment:
+      name: 'Production'
+      url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}
+    permissions:
+      id-token: write #This is required for requesting the JWT
+      contents: read #This is required for actions/checkout
+
+    steps:
+      - name: Download artifact from build job
+        uses: actions/download-artifact@v4
+        with:
+          name: php-app
+
+      - name: Unzip artifact for deployment
+        run: unzip release.zip
+
+      - name: Login to Azure
+        uses: azure/login@v2
+        with:
+          client-id: ${{ secrets.AZUREAPPSERVICE_CLIENTID_DC0D8A7D97A546C9BCDC5F4FBB248131 }}
+          tenant-id: ${{ secrets.AZUREAPPSERVICE_TENANTID_6AC2A0A3B68A47EB98D332B777249D67 }}
+          subscription-id: ${{ secrets.AZUREAPPSERVICE_SUBSCRIPTIONID_43FB9302BF904B2190E51095C173C2B4 }}
+
+      - name: 'Deploy to Azure Web App'
+        uses: azure/webapps-deploy@v3
+        id: deploy-to-webapp
+        with:
+          app-name: 'devops'
+          slot-name: 'Production'
+          package: .
+
diff --git a/index.html b/index.html
@@ -1,40 +1,76 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Personal Portfolio Using HTML & CSS</title>
-    <link rel="stylesheet" href="style.css" />
-  </head>
-  <body>
-    <header>
-      <div class="header-left-side">
-        <h1>
-          Adham <br />
-          Hoffman
-        </h1>
-        <h2>- UI / UX DESIGNER</h2>
-        <p>
-          Hey! I started my career in 2012. Since then, I’ve reached #1 on the
-          Play Store and won a Social Good Award. Now I’m a Digital Art Director
-          at Serbia creating websites and apps that are simple, beautiful and
-          easy- to-use.
-        </p>
-        <button>Behance</button>
-        <button>Dribble</button>
-        <br />
-        <br />
-        <button>Pinterest</button>
-        <button>Article</button> <br />
-        <br />
-        <button>View work</button>
-        <button>instagram</button> <br />
-        <br />
-        <button class="btn">Hire now</button>
-        <h3>Copyright © 2023 Adham Hoffman - UI/X Designer</h3>
-      </div>
-      <div class="header-right-side">
-        <img src="portfolio-images/adham-hoffman.jpg" alt="img" />
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Creative Portfolio | Web Developer</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+</head>
+<body>
+    <nav>
+        <div class="container">
+            <div class="logo">MN</div>
+            <ul class="nav-links">
+                <li><a href="#home">Home</a></li>
+                <li><a href="#about">About</a></li>
+                <li><a href="#work">Work</a></li>
+                <li><a href="#contact">Contact</a></li>
+            </ul>
+            <div class="hamburger">
+                <div class="line"></div>
+                <div class="line"></div>
+                <div class="line"></div>
+            </div>
+        </div>
+    </nav>
+
+    <section id="home" class="hero">
+        <div class="container">
+            <div class="hero-content">
+                <h1>Hi, I'm <span>Moussa Namoussa</span></h1>
+                <h2>Frontend Developer</h2>
+                <p>I build exceptional digital experiences that are fast, accessible, and visually appealing.</p>
+                <div class="cta-buttons">
+                    <a href="#work" class="btn primary">View Work</a>
+                    <a href="#contact" class="btn secondary">Contact Me</a>
+                </div>
+            </div>
+            <div class="hero-image">
+                <img src="portfolio-images/said_wahid.jpg" alt="Developer illustration">
+            </div>
+        </div>
+    </section>
+
+    <section id="about" class="about">
+        <div class="container">
+            <h2 class="section-title">About Me</h2>
+            <div class="about-content">
+                <div class="about-text">
+                    <p>With over 5 years of experience in web development, I specialize in creating responsive, user-friendly websites and applications. My passion lies in solving problems through clean, efficient code.</p>
+                    <p>When I'm not coding, you can find me hiking, reading tech blogs, or experimenting with new frameworks.</p>
+                    <div class="skills">
+                        <h3>My Skills</h3>
+                        <ul>
+                            <li>HTML5 & CSS3</li>
+                            <li>JavaScript (ES6+)</li>
+                            <li>React.js</li>
+                            <li>Vue.js</li>
+                            <li>Node.js</li>
+                            <li>UI/UX Design</li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="about-image">
+                    <img src="portfolio-images/said_wahid2.png" alt="Profile photo">
+                </div>
+            </div>
+        </div>
+    </section>
+
+        <section class="header-right">
+          <img src="portfolio-images/adham-hoffman.jpg" alt="Portrait photo of Adham Hoffman" />
+        </section>
       </div>
     </header>
   </body>

diff --git a/portfolio-images/adham-hoffman.jpg b/portfolio-images/adham-hoffman.jpg
diff --git a/portfolio-images/portfolio-thumb.JPG b/portfolio-images/portfolio-thumb.JPG
diff --git a/portfolio-images/said_wahid.jpg b/portfolio-images/said_wahid.jpg
diff --git a/portfolio-images/said_wahid2.png b/portfolio-images/said_wahid2.png
diff --git a/portfolio-images/said_wahid3.png b/portfolio-images/said_wahid3.png
diff --git a/portfolio-images/said_wahid4.png b/portfolio-images/said_wahid4.png