ปรับ FullCalendar และหัวข้อปแต่ละหน้า

cms/src/routes/competitive/+page.svelte

@@ -3,12 +3,29 @@
     export let data: PageData;
 	const exams = data.exams
 </script>
-
-<section class="items-start h-screen flex max-h-860-px pt-12  bg-blueGray-100">
-    <div class="container mx-auto items-start flex flex-wrap px-4">
-		<h2 class="font-semibold text-2xl text-blueGray-600 mb-4">
-			การสอบแข่งขัน
-		</h2>
+<section>
+    <div class="p-one parallax-inner">
+      <h2>การสอบแข่งขัน</h2>
+    </div>
+</section>
+<section class="pb-40 relative bg-blueGray-100">
+	<div class="container mx-auto justify-center flex flex-wrap">
+		<div class=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" >
+			<div class="text-sm breadcrumbs">
+				<ul>
+				  <li class="text-pink-500 hover:text-pink-700 ">
+					<a href="/" >
+						<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>
+					</a>
+				  </li> 
+				  <li>
+					<span class="breadTaxt">การสอบแข่งขัน</span>
+				  </li>
+				</ul>
+			</div>
+		</div>
+	</div>
+    <div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
 		<div
 		class=" relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded bg-white"
 		>