Website for Digital Business Class

MafuSaku · Nov 18, 2024 · 2c0154a · 2c0154a
1 parent fb98d4d
commit 2c0154a
Show file tree

Hide file tree

Showing 19 changed files with 1,255 additions and 0 deletions.
diff --git a/2024/18-11-2024/clothingShop/Images/kittycat_meow.jpg b/2024/18-11-2024/clothingShop/Images/kittycat_meow.jpg
diff --git a/2024/18-11-2024/clothingShop/Images/shirts/black_iloveroblox_shirt.png b/2024/18-11-2024/clothingShop/Images/shirts/black_iloveroblox_shirt.png
diff --git a/2024/18-11-2024/clothingShop/Images/shirts/blue_pladedflannel_shirt.png b/2024/18-11-2024/clothingShop/Images/shirts/blue_pladedflannel_shirt.png
diff --git a/2024/18-11-2024/clothingShop/Images/shirts/long_sleeved_white_shirt.png b/2024/18-11-2024/clothingShop/Images/shirts/long_sleeved_white_shirt.png
diff --git a/2024/18-11-2024/clothingShop/Images/shoes/cartoon_shoes.png b/2024/18-11-2024/clothingShop/Images/shoes/cartoon_shoes.png
diff --git a/2024/18-11-2024/clothingShop/Images/shoes/roblox_shoes.png b/2024/18-11-2024/clothingShop/Images/shoes/roblox_shoes.png
diff --git a/2024/18-11-2024/clothingShop/Images/shoes/sports_shoes.png b/2024/18-11-2024/clothingShop/Images/shoes/sports_shoes.png
diff --git a/2024/18-11-2024/clothingShop/Images/team_members/cue.png b/2024/18-11-2024/clothingShop/Images/team_members/cue.png
diff --git a/2024/18-11-2024/clothingShop/Images/team_members/vanny.png b/2024/18-11-2024/clothingShop/Images/team_members/vanny.png
diff --git a/2024/18-11-2024/clothingShop/about.html b/2024/18-11-2024/clothingShop/about.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us - Meow Cloth</title>
+    <meta name="description" content="Clothing Store">
+    <meta name="keywords" content="Clothing, Store, Clothing Store, Shop, Outfit, Shirts, Pants, Online Store, Online Retailer, Online Clothing Store">
+    <meta name="author" content="saku">
+
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=alexandria:300,500,700" rel="stylesheet" />
+
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+    <header>
+        <h1>About Meow Cloth & Clothing Designer, LLC</h1>
+    </header>
+
+    <main>
+        <section id="about-us">
+            <h2>Who We Are</h2>
+            <p>At Meow Cloth, we are passionate about providing fashionable, high-quality clothing that fits your lifestyle. Whether you're looking for the perfect shirt, trendy shoes, or something unique for your wardrobe, we've got you covered. We are proud to collaborate with <b>Clothing Designer, LLC</b>, a renowned designer known for creative, stylish, and exclusive fashion pieces.</p>
+
+            <h3>Our Mission</h3>
+            <p>Our mission is simple: to create clothing that combines comfort, style, and personality. We want our customers to feel confident and stylish in every piece they wear. Our collections are designed to inspire and elevate the everyday look, with designs that range from casual wear to fashion-forward statements.</p>
+
+            <h3>Our Vision</h3>
+            <p>We envision a world where everyone can express themselves freely through their clothing. Whether you're a gamer, an entrepreneur, or just someone who loves unique styles, Meow Cloth aims to be the brand that lets you express your individuality with confidence.</p>
+
+            <h3>Our Story</h3>
+            <p>Founded by a team of fashion enthusiasts and creatives, Meow Cloth was born out of a desire to bring fresh, unique designs to the fashion world. By partnering with <b>Clothing Designer, LLC</b>, we’re able to offer our customers exclusive, limited-edition products that are sure to make a statement.</p>
+
+            <h3>Meet the Team</h3>
+            <div class="team-members">
+                <div class="team-member">
+                    <img src="./Images/team_members/cue.png" alt="Team Member 1 (Cue Mavinth)" class="team-image">
+                    <h4>Cue Mavinth</h4>
+                    <p>Founder & CEO</p>
+                    <p>Cue is the visionary behind Meow Cloth, combining her love for fashion with a passion for creativity and innovation.</p>
+                </div>
+                <div class="team-member">
+                    <img src="./Images/team_members/vanny.png" alt="Team Member 2 (Vanny Schmitherwitz)" class="team-image">
+                    <h4>Vanny Schmitherwitz</h4>
+                    <p>Lead Designer</p>
+                    <p>Vanny works closely with Clothing Designer, LLC to create exclusive pieces that set Meow Cloth apart in the fashion industry.</p>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <p>&copy; Meow Cloth - In Collaboration with Clothing Designer, LLC 2024</p>
+
+            <!-- Footer Navigation Links -->
+            <nav class="footer-nav">
+                <ul>
+                    <li><a href="index.html">Home/Products</a></li>
+                    <li><a href="about.html">About Us</a></li>
+                    <li><a href="contact.html">Contact Us</a></li>
+                </ul>
+            </nav>
+
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/2024/18-11-2024/clothingShop/contact.html b/2024/18-11-2024/clothingShop/contact.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Us - Meow Cloth</title>
+    <meta name="description" content="Clothing Store">
+    <meta name="keywords" content="Clothing, Store, Clothing Store, Shop, Outfit, Shirts, Pants, Online Store, Online Retailer, Online Clothing Store">
+    <meta name="author" content="saku">
+
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=alexandria:300,500,700" rel="stylesheet" />
+
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+    <header>
+        <h1>Get in Touch!</h1>
+    </header>
+
+    <main>
+        <section id="contact-form">
+            <p>We'd love to hear from you! Please fill out the form below and we'll get back to you as soon as possible.</p>
+
+            <form action="/submit-form" method="POST" class="contact-form">
+                <label for="name">Your Name</label>
+                <input type="text" id="name" name="name" placeholder="Enter your name" required>
+
+                <label for="email">Your Email</label>
+                <input type="email" id="email" name="email" placeholder="Enter your email" required>
+
+                <label for="message">Your Message</label>
+                <textarea id="message" name="message" placeholder="Enter your message" required></textarea>
+
+                <button type="submit" class="btn-submit">Submit</button>
+            </form>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <p>&copy; Meow Cloth - In Collaboration with Clothing Designer, LLC 2024</p>
+
+            <!-- Footer Navigation Links -->
+            <nav class="footer-nav">
+                <ul>
+                    <li><a href="index.html">Home/Products</a></li>
+                    <li><a href="about.html">About Us</a></li>
+                    <li><a href="contact.html">Contact Us</a></li>
+                </ul>
+            </nav>
+
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/2024/18-11-2024/clothingShop/index.html b/2024/18-11-2024/clothingShop/index.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hey - Meow Cloth</title>
+    <meta name="description" content="Clothing Store">
+    <meta name="keywords" content="Clothing, Store, Clothing Store, Shop, Outfit, Shirts, Pants, Online Store, Online Retailer, Online Clothing Store">
+    <meta name="author" content="saku">
+
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=alexandria:300,500,700" rel="stylesheet" />
+
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+    <header>
+        <h1>Meow Cloth Clothing Store</h1>
+    </header>
+
+    <main>
+        <h2>Welcome to Meow Cloths Store</h2>
+        <p>Discover our stylish clothing collection...</p>
+
+        <section id="shirt-products">
+            <h3>Shirt Products</h3>
+            <p>Check out our sick shirt designs by Clothing Designer, LLC!</p>
+
+            <div class="product-grid">
+                <a href="./shirtProducts/randomShirt.html" class="product-link">
+                    <div class="product-card">
+                        <img src="./Images/shirts/blue_pladedflannel_shirt.png" alt="Pladed Flannel Shirt" width="500px" height="100px">
+                        <h4>Blue Pladed Flannel</h4>
+                        <p>A stylish and comfortable shirt design.</p>
+                        <p class="price">฿200</p>
+                    </div>
+                </a>
+
+                <a href="./shirtProducts/randomShirt2.html" class="product-link">
+                    <div class="product-card">
+                        <img src="./Images/shirts/long_sleeved_white_shirt.png" alt="Long Sleeved White Shirt" width="500px" height="100px">
+                        <h4>Long Sleeved White</h4>
+                        <p>Experience luxury and comfort with our premium shirt.</p>
+                        <p class="price">฿250</p>
+                    </div>
+                </a>
+
+                <a href="./shirtProducts/robloxShirt.html" class="product-link">
+                    <div class="product-card">
+                        <img src="./Images/shirts/black_iloveroblox_shirt.png" alt="Roblox Shirt" width="500px" height="100px">
+                        <h4>I <3 Roblox Shirt</h4>
+                        <p>Exclusive Roblox-themed shirt for your gaming lifestyle.</p>
+                        <p class="price">฿500</p>
+                    </div>
+                </a>
+
+            </div>
+        </section>
+
+        <section id="shoe-products">
+            <h3>Shoe Products</h3>
+            <p>Explore our exclusive shoe products!</p>
+
+            <div class="product-grid">
+                <a href="./shoeProducts/randomShoe.html" class="product-link">
+                    <div class="product-card">
+                        <img src="./Images/shoes/cartoon_shoes.png" alt="Casual Shoe" width="500px" height="100px">
+                        <h4>Cartoon Exclusive</h4>
+                        <p>Perfect for everyday wear with unmatched comfort.</p>
+                        <p class="price">฿500</p>
+                    </div>
+                </a>
+
+                <a href="./shoeProducts/randomShoe2.html" class="product-link">
+                    <div class="product-card">
+                        <img src="./Images/shoes/sports_shoes.png" alt="Orange Sport Shoes" width="500px" height="100px">
+                        <h4>Nike Sports JR 2</h4>
+                        <p>Stylish and durable for any occasion.</p>
+                        <p class="price">฿1,200</p>
+                    </div>
+                </a>
+
+                <a href="./shoeProducts/robloxShoe.html" class="product-link">
+                    <div class="product-card">
+                        <img src="./Images/shoes/roblox_shoes.png" alt="Roblox Shoe" width="500px" height="100px">
+                        <h4>Roblox Shoe LMT</h4>
+                        <p>Designed with gamers in mind, these shoes are a must-have!</p>
+                        <p class="price">฿5,000</p>
+                    </div>
+                </a>
+
+            </div>
+        </section>
+
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <p>&copy; Meow Cloth - In Collaboration with Clothing Designer, LLC 2024</p>
+
+            <!-- Footer Navigation Links -->
+            <nav class="footer-nav">
+                <ul>
+                    <li><a href="index.html">Home/Products</a></li>
+                    <li><a href="about.html">About Us</a></li>
+                    <li><a href="contact.html">Contact Us</a></li>
+                </ul>
+            </nav>
+
+        </div>
+    </footer>    
+
+</body>
+</html>
diff --git a/2024/18-11-2024/clothingShop/shirtProducts/randomShirt.html b/2024/18-11-2024/clothingShop/shirtProducts/randomShirt.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blue Pladed Flannel - Meow Cloth</title>
+    <meta name="description" content="Clothing Store - Blue Pladed Flannel Shirt">
+    <meta name="keywords" content="Clothing, Store, Shirt, Blue Pladed Flannel, Fashion, Casual Wear, Meow Cloth">
+    <meta name="author" content="saku">
+
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=alexandria:300,500,700" rel="stylesheet" />
+
+    <link rel="stylesheet" href="../style.css">
+</head>
+<body>
+
+    <header>
+        <h1>Meow Cloth Clothing Store</h1>
+    </header>
+
+    <main>
+        <section id="product-detail">
+            <div class="product-container">
+                <div class="product-image">
+                    <img src="../Images/shirts/blue_pladedflannel_shirt.png" alt="Blue Pladed Flannel Shirt">
+                </div>
+                <div class="product-info">
+                    <h2>Blue Pladed Flannel</h2>
+                    <p class="product-description">A stylish and comfortable shirt designed for everyday wear. Made with soft, high-quality fabric for a perfect blend of style and comfort. Perfect for casual outings or layering during colder months.</p>
+
+                    <p><strong>Price:</strong> ฿200</p>
+
+                    <div class="size-options">
+                        <label for="size">Select Size:</label>
+                        <select id="size" name="size">
+                            <option value="small">S</option>
+                            <option value="medium" selected>M</option>
+                            <option value="large">L</option>
+                        </select>
+                    </div>
+
+                    <div class="quantity">
+                        <label for="quantity">Quantity:</label>
+                        <input type="number" id="quantity" name="quantity" min="1" value="1" max="10">
+                    </div>
+
+                    <button class="add-to-cart">Add to Cart</button>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <p>&copy; Meow Cloth - In Collaboration with Clothing Designer, LLC 2024</p>
+
+            <!-- Footer Navigation Links -->
+            <nav class="footer-nav">
+                <ul>
+                    <li><a href="index.html">Home/Products</a></li>
+                    <li><a href="about.html">About Us</a></li>
+                    <li><a href="contact.html">Contact Us</a></li>
+                </ul>
+            </nav>
+
+        </div>
+    </footer>
+
+</body>
+</html>
diff --git a/2024/18-11-2024/clothingShop/shirtProducts/randomShirt2.html b/2024/18-11-2024/clothingShop/shirtProducts/randomShirt2.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Long Sleeved White - Meow Cloth</title>
+    <meta name="description" content="Clothing Store - Long Sleeved White">
+    <meta name="keywords" content="Clothing, Store, Shirt, Long Sleeved White, Fashion, Casual Wear, Meow Cloth">
+    <meta name="author" content="saku">
+
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=alexandria:300,500,700" rel="stylesheet" />
+
+    <link rel="stylesheet" href="../style.css">
+</head>
+<body>
+
+    <header>
+        <h1>Meow Cloth Clothing Store</h1>
+    </header>
+
+    <main>
+        <section id="product-detail">
+            <div class="product-container">
+                <div class="product-image">
+                    <img src="../Images/shirts/long_sleeved_white_shirt.png" alt="Long Sleeved White">
+                </div>
+                <div class="product-info">
+                    <h2>Long Sleeved White</h2>
+                    <p class="product-description">Experience luxury and comfort with our premium shirt.</p>
+
+                    <p><strong>Price:</strong> ฿250</p>
+
+                    <div class="size-options">
+                        <label for="size">Select Size:</label>
+                        <select id="size" name="size">
+                            <option value="small">S</option>
+                            <option value="medium" selected>M</option>
+                            <option value="large">L</option>
+                        </select>
+                    </div>
+
+                    <div class="quantity">
+                        <label for="quantity">Quantity:</label>
+                        <input type="number" id="quantity" name="quantity" min="1" value="1" max="10">
+                    </div>
+
+                    <button class="add-to-cart">Add to Cart</button>
+                </div>
+            </div>
+        </section>
+    </main>
+
+    <footer>
+        <div class="footer-content">
+            <p>&copy; Meow Cloth - In Collaboration with Clothing Designer, LLC 2024</p>
+
+            <!-- Footer Navigation Links -->
+            <nav class="footer-nav">
+                <ul>
+                    <li><a href="index.html">Home/Products</a></li>
+                    <li><a href="about.html">About Us</a></li>
+                    <li><a href="contact.html">Contact Us</a></li>
+                </ul>
+            </nav>
+
+        </div>
+    </footer>
+
+</body>
+</html>