commit

25_02_21/frontend_vizsgafeladat/frontend/src/components/Header.jsx

@@ -0,0 +1,7 @@
+function Header(props) {
+    return (
+        <h1 className="text-3xl font-bold text-center text-indigo-200 bg-indigo-800" >{props.text}</h1>
+    );
+}
+
+export default Header;

25_02_21/frontend_vizsgafeladat/frontend/src/components/Main.jsx

@@ -0,0 +1,45 @@
+import  KEP from './../assets/Business_SVG.svg';
+
+function Main() {
+    return (
+        <section className="relative overflow-hidden bg-gradient-to-b from-blue-50 via-transparent to-transparent pb-12 pt-20 sm:pb-16 sm:pt-32 lg:pb-24 xl:pb-32 xl:pt-40">
+            <div className="relative z-10">
+                <div
+                    className="absolute inset-x-0 top-1/2 -z-10 flex -translate-y-1/2 justify-center overflow-hidden [mask-image:radial-gradient(50%_45%_at_50%_55%,white,transparent)]">
+                    <svg className="h-[60rem] w-[100rem] flex-none stroke-blue-600 opacity-20" aria-hidden="true">
+                        <defs>
+                            <pattern id="e9033f3e-f665-41a6-84ef-756f6778e6fe" width="200" height="200" x="50%" y="50%"
+                                patternUnits="userSpaceOnUse" patternTransform="translate(-100 0)">
+                                <path d="M.5 200V.5H200" fill="none"></path>
+                            </pattern>
+                        </defs>
+                        <svg x="50%" y="50%" className="overflow-visible fill-blue-50">
+                            <path d="M-300 0h201v201h-201Z M300 200h201v201h-201Z" strokeWidth="0"></path>
+                        </svg>
+                        <rect width="100%" height="100%" strokeWidth="0" fill="url(#e9033f3e-f665-41a6-84ef-756f6778e6fe)">
+                        </rect>
+                    </svg>
+                </div>
+            </div>
+            <div className="relative z-20 mx-auto max-w-7xl px-6 lg:px-8">
+                <div className="mx-auto max-w-2xl text-center">
+                    <h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
+                        Frontend programozás
+                        <p className="text-blue-600">Gyakorlati vizsga
+                        </p>
+                    </h1>
+                    <h2 className="mt-6 text-lg leading-8 text-gray-600">
+                        Webshop feladat
+                    </h2>
+                    <div className="mt-10 flex items-center justify-center gap-x-6">
+                    </div>
+                </div>
+                <div className="relative mx-auto mt-10 max-w-lg">
+                    <img className="w-full rounded-2xl border border-gray-100 shadow" src={KEP} alt="" />
+                </div>
+            </div>
+        </section>
+    )
+}
+
+export default Main;

25_02_21/frontend_vizsgafeladat/frontend/src/components/Menu.jsx

@@ -0,0 +1,44 @@
+export default function Menu() {
+    return (
+        <nav className="bg-gray-200 shadow shadow-gray-300 w-100 px-8 md:px-auto">
+            <div className="md:h-16 h-28 mx-auto md:px-4 container flex items-center justify-between flex-wrap md:flex-nowrap">
+
+                <div className="text-indigo-500 md:order-1">
+
+                    <svg xmlns="http://www.w3.org/2000/svg" className="h-10 w-10" fill="none" viewBox="0 0 24 24"
+                        stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" />
+                    </svg>
+                </div>
+                <div className="text-gray-500 order-3 w-full md:w-auto md:order-2">
+                    <ul className="flex font-semibold justify-between">
+
+                        <li className="md:px-4 md:py-2 hover:text-indigo-400"><a href="#">Menüpont</a></li>
+
+                    </ul>
+                </div>
+                <div className="order-2 md:order-3">
+
+                </div>
+            </div>
+        </nav>
+    )
+}
+
+/*
+<nav className="flex justify-between items-center h-16 bg-white text-black relative shadow-sm font-mono" role="navigation">
+            <Link to="/" className="pl-8">Webshop</Link>
+            <div className="px-4 cursor-pointer md:hidden">
+                <svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"
+                        d="M4 6h16M4 12h16m-7 6h7"></path>
+                </svg>
+            </div>
+            <div className="pr-8 md:block hidden">
+                <Link to="/ujtermek">Új termék</Link>
+                <Link to="/termekek">Termékek</Link>
+            </div>
+        </nav>
+*/

25_02_21/frontend_vizsgafeladat/frontend/src/components/Termekek.jsx

@@ -0,0 +1,7 @@
+export default function Termekek() {
+    return (
+        <>
+            A webshop termékei
+        </>
+    )
+}

25_02_21/frontend_vizsgafeladat/frontend/src/components/UjTermek.jsx

@@ -0,0 +1,7 @@
+export default function UjTermek() {
+    return (
+        <>
+            Új termék felvétele
+        </>
+    )
+}