Updates

Orhanguezel · Sep 23, 2024 · 3ab7de9 · 3ab7de9
1 parent 169e571
commit 3ab7de9
Show file tree

Hide file tree

Showing 2 changed files with 86 additions and 43 deletions.
diff --git a/css/portfolio.css b/css/portfolio.css
@@ -64,6 +64,7 @@
   font-size: 2.5em;
   color: var(--highlight-color);
   margin-bottom: 20px;
+  color: var(--text-color);
 }
 
 .section-description {

diff --git a/portfolio.html b/portfolio.html
@@ -1,41 +1,75 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
 
-  <title>Guezel Webdesign | Professional Web Design and Development</title>
+    <title>Guezel Webdesign | Professional Web Design and Development</title>
 
-  <!-- SEO Meta Tags -->
-  <meta name="description" content="Guezel Webdesign offers professional web design and development services. We design beautiful and functional websites.">
-  <meta name="keywords" content="web design, web development, SEO, mobile-friendly, responsive design, frontend, backend">
-  <meta name="author" content="Guezel Webdesign">
-  <meta name="robots" content="index, follow">
+    <!-- SEO Meta Tags -->
+    <meta
+      name="description"
+      content="Guezel Webdesign offers professional web design and development services. We design beautiful and functional websites."
+    />
+    <meta
+      name="keywords"
+      content="web design, web development, SEO, mobile-friendly, responsive design, frontend, backend"
+    />
+    <meta name="author" content="Guezel Webdesign" />
+    <meta name="robots" content="index, follow" />
 
-  <!-- Open Graph Meta Tags -->
-  <meta property="og:title" content="Guezel Webdesign | Professional Web Design and Development">
-  <meta property="og:description" content="Guezel Webdesign offers professional web design and development services. We design beautiful and functional websites.">
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.guezelwebdesign.com">
-  <meta property="og:image" content="https://www.guezelwebdesign.com/assets/social-share-image.png">
-  <meta property="og:site_name" content="Guezel Webdesign">
+    <!-- Open Graph Meta Tags -->
+    <meta
+      property="og:title"
+      content="Guezel Webdesign | Professional Web Design and Development"
+    />
+    <meta
+      property="og:description"
+      content="Guezel Webdesign offers professional web design and development services. We design beautiful and functional websites."
+    />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://www.guezelwebdesign.com" />
+    <meta
+      property="og:image"
+      content="https://www.guezelwebdesign.com/assets/social-share-image.png"
+    />
+    <meta property="og:site_name" content="Guezel Webdesign" />
 
-  <!-- Twitter Meta Tags -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="Guezel Webdesign | Professional Web Design and Development">
-  <meta name="twitter:description" content="Guezel Webdesign offers professional web design and development services. We design beautiful and functional websites.">
-  <meta name="twitter:image" content="https://www.guezelwebdesign.com/assets/social-share-image.png">
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:title"
+      content="Guezel Webdesign | Professional Web Design and Development"
+    />
+    <meta
+      name="twitter:description"
+      content="Guezel Webdesign offers professional web design and development services. We design beautiful and functional websites."
+    />
+    <meta
+      name="twitter:image"
+      content="https://www.guezelwebdesign.com/assets/social-share-image.png"
+    />
 
-  <!-- Canonical Link -->
-  <link rel="canonical" href="https://www.guezelwebdesign.com">
+    <!-- Canonical Link -->
+    <link rel="canonical" href="https://www.guezelwebdesign.com" />
 
-  <!-- Favicon -->
-  <link rel="icon" href="img/favicon.ico" type="image/x-icon" />
+    <!-- Favicon -->
+    <link rel="icon" href="img/favicon.ico" type="image/x-icon" />
 
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
-    integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
-  <!-- Font and Styles -->
-  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap" rel="stylesheet" />
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
+      integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
+      crossorigin="anonymous"
+    />
+    <!-- Font and Styles -->
+    <link
+      href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap"
+      rel="stylesheet"
+    />
 
     <link rel="stylesheet" href="css/root.css" />
     <link rel="stylesheet" href="css/global.css" />
@@ -78,18 +112,20 @@ <h4 class="section-title">
       </div>
     </header>
 
-     <!-- Hero Section -->
-     <section class="portfolio-hero" id="portfolio-hero">
+    <!-- Hero Section -->
+    <section class="portfolio-hero" id="portfolio-hero">
       <div class="overlay"></div>
       <div class="portfolio-content">
         <h2>My Portfolio</h2>
-        <img src="img/portfolio.png" alt="portfolio" class="portfolio-image">
+        <img src="img/portfolio.png" alt="portfolio" class="portfolio-image" />
       </div>
     </section>
 
     <!-- Portfolio Section -->
     <section class="portfolio-section" id="portfolio">
-      <h2 class="section-title">My Completed<span class="highlight">Portfolio</span></h2>
+      <h2 class="section-title">
+        My Completed <span class="highlight">Portfolio</span>
+      </h2>
       <p class="section-description">
         Here are some of my favorite projects, showcasing my skills and passion
         for web development.
@@ -146,22 +182,28 @@ <h4>Key Features:</h4>
         <div class="projects-details">
           <h3>MissEt</h3>
           <p>
-            MissEt is a dynamic web-based project designed to offer a complete
-            solution for online meat ordering and delivery. It provides users
-            with an intuitive interface to browse meat products, customize
-            orders, and track deliveries. The platform ensures an easy and
-            user-friendly shopping experience with options for online orders and
-            payments.
+            MissEt is a web-based project designed to offer a seamless solution
+            for meat lovers to explore premium meat products and make table
+            reservations at our partner restaurants. While our online
+            reservation system is still under development, the platform
+            currently offers a detailed product browsing experience where users
+            can view product specifications and choose their desired items for
+            in-store purchases.
           </p>
           <h4>Technologies Used:</h4>
           <ul>
             <li>HTML, CSS, JavaScript</li>
           </ul>
           <h4>Key Features:</h4>
           <ul>
-            <li>Customizable orders with various meat options and sizes</li>
-            <li>Secure online payment integration</li>
-            <li>Responsive design for both desktop and mobile users</li>
+            <li>
+              Detailed product catalog for different cuts and types of meat
+            </li>
+            <li>
+              In-progress: Online reservation system for quick and easy table
+              bookings
+            </li>
+            <li>Fully responsive design for both desktop and mobile users</li>
           </ul>
           <a
             href="https://orhanguezel.github.io/MissEt/"
@@ -183,7 +225,7 @@ <h4>Key Features:</h4>
         <div class="projects-details">
           <h3>Kuhlturm</h3>
           <p>
-            This project was developed for **Kuhlturm**, a refrigeration company
+            This project was developed for Ensotek, a refrigeration company
             specializing in industrial cooling solutions. The website provides a
             comprehensive overview of their products and services, focusing on
             sectors like chemical industry and power generation.