Merge pull request #1 from dominickgrodkowski/master

Add h3 styling and gif
dominickgrodkowski · Jun 24, 2024 · 69214be · 69214be
2 parents c482fb6 + 0d57fa0
commit 69214be
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 44 deletions.
diff --git a/asset/cardify.gif b/asset/cardify.gif
diff --git a/asset/cardify.png b/asset/cardify.png
diff --git a/index.html b/index.html
@@ -49,17 +49,15 @@ <h2 id="title">web developer</h2>
           </ul>
         </div>
       </header>
-      <section class="projectSection" id="project-Wedding">
+      <h3>Cardify Store - E-Commerce Platform</h3>
+      <section class="projectSection" id="project-Cardify">
         <a
           class="prevContainer"
-          href="http://dominickandaleenasaidyes.de/"
+          href="https://cardify-store.de/"
           target="_blank"
           rel="noreferrer noopener"
-        >
-          <img
-            class="projectPreview"
-            src="asset/dominickandaleenasaidyes.jpg"
-            alt="domeandaleenasaidyes.png"
+          >
+          <img class="projectPreview" src="asset/cardify.gif" width="1200" height="200" alt="cardify.gif"
         /></a>
         <ul class="createdWith">
           <li>PHP</li>
@@ -69,27 +67,28 @@ <h2 id="title">web developer</h2>
           <li>CSS</li>
           <li>Flexbox</li>
           <li>CSS Grid</li>
-          <li>Responsive</li>
+          <li>Wordpress</li>
+          <li>Elementor</li>
         </ul>
         <div class="description">
           <p>
-            I designed and developed a bespoke wedding planner website to
-            enhance the experience of managing a single wedding's details and
-            guest interactions. Utilizing <b class="html">HTML</b>,
-            <b class="css">CSS</b>, <b class="javascript">JavaScript</b>, and
-            <b class="php">PHP</b>, the website offers an engaging and intuitive
-            interface for wedding guests and the host couple. Once logged in,
-            guests can access all the essential details about the wedding
-            including the venue, schedule, and other related events. This
-            information is dynamically updated using PHP and JavaScript to
-            ensure accuracy and timeliness.
+            As part of my initiative to enhance the digital presence of my
+            e-commerce company, I spearheaded the development of
+            "Cardify-Store," a robust online retail platform. This project was
+            built using <b class="wordpress">Wordpress</b>, a powerful
+            <b class="cms">CMS</b>, which enabled swift development and easy
+            management of digital content. Utilizing the
+            <b class="wordpress">Wordpress</b> platform allowed me to integrate
+            a wide range of functionalities essential for modern e-commerce,
+            such as secure payment gateways, product management, and customer
+            interactions.
           </p>
           <p>
-            A distinctive feature of the site is the interactive seating chart,
-            where guests can choose their seats for the wedding. Implementing
-            this feature required advanced front-end JavaScript techniques for
-            interactive elements and real-time updates, paired with solid PHP
-            backend integration to manage database updates efficiently.
+            To create a visually appealing and highly functional website, I
+            employed <b class="elementor">Elementor</b>, a leading WordPress
+            page builder. Elementor's drag-and-drop interface facilitated the
+            design of custom layouts without the need for extensive coding,
+            enhancing the site's aesthetics and usability.
           </p>
         </div>
         <div class="projectLinks">
@@ -109,14 +108,18 @@ <h2 id="title">web developer</h2>
           >
         </div>
       </section>
-      <section class="projectSection" id="project-Cardify">
+      <h3>Wedding Website</h3>
+      <section class="projectSection" id="project-Wedding">
         <a
           class="prevContainer"
-          href="https://cardify-store.de/"
+          href="http://dominickandaleenasaidyes.de/"
           target="_blank"
           rel="noreferrer noopener"
-          >
-          <img class="projectPreview" src="asset/cardify.png" alt="cardify.png"
+        >
+          <img
+            class="projectPreview"
+            src="asset/dominickandaleenasaidyes.jpg"
+            alt="domeandaleenasaidyes.png"
         /></a>
         <ul class="createdWith">
           <li>PHP</li>
@@ -126,28 +129,27 @@ <h2 id="title">web developer</h2>
           <li>CSS</li>
           <li>Flexbox</li>
           <li>CSS Grid</li>
-          <li>Wordpress</li>
-          <li>Elementor</li>
+          <li>Responsive</li>
         </ul>
         <div class="description">
           <p>
-            As part of my initiative to enhance the digital presence of my
-            e-commerce company, I spearheaded the development of
-            "Cardify-Store," a robust online retail platform. This project was
-            built using <b class="wordpress">Wordpress</b>, a powerful
-            <b class="cms">CMS</b>, which enabled swift development and easy
-            management of digital content. Utilizing the
-            <b class="wordpress">Wordpress</b> platform allowed me to integrate
-            a wide range of functionalities essential for modern e-commerce,
-            such as secure payment gateways, product management, and customer
-            interactions.
+            I designed and developed a bespoke wedding planner website to
+            enhance the experience of managing a single wedding's details and
+            guest interactions. Utilizing <b class="html">HTML</b>,
+            <b class="css">CSS</b>, <b class="javascript">JavaScript</b>, and
+            <b class="php">PHP</b>, the website offers an engaging and intuitive
+            interface for wedding guests and the host couple. Once logged in,
+            guests can access all the essential details about the wedding
+            including the venue, schedule, and other related events. This
+            information is dynamically updated using PHP and JavaScript to
+            ensure accuracy and timeliness.
           </p>
           <p>
-            To create a visually appealing and highly functional website, I
-            employed <b class="elementor">Elementor</b>, a leading WordPress
-            page builder. Elementor's drag-and-drop interface facilitated the
-            design of custom layouts without the need for extensive coding,
-            enhancing the site's aesthetics and usability.
+            A distinctive feature of the site is the interactive seating chart,
+            where guests can choose their seats for the wedding. Implementing
+            this feature required advanced front-end JavaScript techniques for
+            interactive elements and real-time updates, paired with solid PHP
+            backend integration to manage database updates efficiently.
           </p>
         </div>
         <div class="projectLinks">
@@ -167,6 +169,7 @@ <h2 id="title">web developer</h2>
           >
         </div>
       </section>
+      <h3>Los Angeles Crime Trends Dashboard</h3>
       <section class="projectSection" id="project-Crime">
         <a
           class="prevContainer"
@@ -230,6 +233,7 @@ <h2 id="title">web developer</h2>
           >
         </div>
       </section>
+      <h3>Regional Resort Analysis Dashboard of Thailand</h3>
       <section class="projectSection" id="project-Thailand">
         <a
           class="prevContainer"

diff --git a/style.css b/style.css
@@ -55,6 +55,16 @@ h2::selection,
 h2::-moz-selection {
   background-color: var(--bg);
 }
+h3 {
+  font-family: 'Roboto Slab', serif;
+  font-weight: 700;
+  font-size: 24px;
+  color: var(--bg2);
+  text-align: center;
+  margin-bottom: 20px;
+  padding-bottom: 10px;
+  border-bottom: 2px solid var(--bg2);
+}
 
 .hidden {
   visibility: hidden;