Add project section for Cardify website

index.html

@@ -50,6 +50,65 @@ <h2 id="title">web developer</h2>
                 </div>
             </header>
 
+            <section class="projectSection" id="project-Cardify">
+                <a
+                    class="prevContainer"
+                    href="https://cardify-store.de/"
+                    target="_blank"
+                    rel="noreferrer noopener"
+                >
+                    <img
+                        class="projectPreview"
+                        src="asset/dominickandaleenasaidyes.jpg"
+                        alt="cardify.png"
+                /></a>
+                <ul class="createdWith">
+                    <li>PHP</li>
+                    <li>Cookies</li>
+                    <li>JavaScript</li>
+                    <li>HTML</li>
+                    <li>CSS</li>
+                    <li>Flexbox</li>
+                    <li>CSS Grid</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.
+                    </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.
+                    </p>
+                </div>
+                <div class="projectLinks">
+                    <a
+                        href="https://github.com/dominickgrodkowski/Marriage-Website"
+                        target="_blank"
+                        rel="noreferrer noopener"
+                        class="sourceCode"
+                        >SOURCE CODE</a
+                    >
+                    <a
+                        href="http://dominickandaleenasaidyes.de/"
+                        target="_blank"
+                        rel="noreferrer noopener"
+                        class="liveDemo"
+                        >VIEW SITE</a
+                    >
+                </div>
+            </section>
             <section class="projectSection" id="project-Wedding">
                 <a
                     class="prevContainer"