Created the Logo Design and styled it.

DiksonIvySon · Jan 16, 2024 · 78783bb · 78783bb
1 parent 22daba0
commit 78783bb
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 0 deletions.
diff --git a/src/Components/Footer.css b/src/Components/Footer.css
diff --git a/src/Components/Logo.css b/src/Components/Logo.css
diff --git a/src/Components/Logo.js b/src/Components/Logo.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import './Logo.css';
+
+import { GiCook } from "react-icons/gi";
+
+function logo() {
+  return (
+    <div className='web-logo'>
+        <div className='web-logo-symbol'>
+            <h1>GD</h1>
+            <div className='symbol-word'>
+                <h4 className='symbol-word-grand'>Grand</h4>
+                <GiCook className='symbol-word-chef'/>
+                <h4 className='symbol-word-delight'>Delight</h4>
+            </div>
+        </div>
+    </div>
+  )
+}
+
+export default logo
diff --git a/src/Components/main.js b/src/Components/main.js
@@ -8,6 +8,7 @@ import Story from "./Story";
 import SectionHeader from "./SectionHeader";
 import MenuIntro from "./MenuIntro";
 import PlaceIntro from "./PlaceIntro";
+import Logo from "./Logo";
 import { NavLink } from "react-router-dom";
 
 function Main() {

diff --git a/src/images/GD-Logo.png b/src/images/GD-Logo.png