add notification

TTTThanh2812 · Jun 29, 2023 · 434b07c · 434b07c
1 parent 8ab09a6
commit 434b07c
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/Rent_boardgame/templates/core/notification.html b/Rent_boardgame/templates/core/notification.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=My+Soul&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="./test.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="./Tailwind/build/tailwind.css">
+</head>
+
+<body>
+    <div class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-lg flex items-center space-x-4">
+        <div class="w-full h-full md:w-1/3 bg-white grid place-items-center rounded-lg">
+            <img src="/media/item_images/Chess.jpg" alt="tailwind logo" class="rounded-xl" />
+        </div>
+        <div>
+            <div class="text-xl font-medium text-black">Thông báo Boardgme mới</div>
+            <p class="text-slate-500">UNO</p>
+            <p class="text-slate-500">Thể loại: Thẻ bài</p>
+            <p class="text-slate-500">Phiên bản: Battle</p>
+        </div>
+    </div>
+</body>