From 256924dd3a1b411f96dba81c4297763db97b7cf3 Mon Sep 17 00:00:00 2001
From: mahyargdz <mahyar.goudarzi@outlook.com>
Date: Tue, 19 Nov 2024 14:01:47 +0330
Subject: [PATCH] update: add shafafiat pages

---
 components/OffCanvas.vue                  |   2 +-
 components/SiteHeader.vue                 |   4 +-
 pages/_portal/shafaf/index.vue            | 159 +++++++++++++++++++---
 pages/admin/Login.vue                     |  10 +-
 pages/admin/sessions/index.vue            |   4 +-
 server/controllers/shafafiatController.js |  14 ++
 server/controllers/userController.js      |   5 +-
 server/models/Logger.js                   |   1 +
 server/models/shafafiat.js                |  15 ++
 static/images/1.svg                       |  61 +++++++++
 static/images/2.svg                       |   1 +
 static/images/3.svg                       |  76 +++++++++++
 static/images/4.svg                       |   1 +
 static/images/5.svg                       |   1 +
 static/images/6.svg                       |   1 +
 15 files changed, 329 insertions(+), 26 deletions(-)
 create mode 100644 server/controllers/shafafiatController.js
 create mode 100644 server/models/shafafiat.js
 create mode 100644 static/images/1.svg
 create mode 100644 static/images/2.svg
 create mode 100644 static/images/3.svg
 create mode 100644 static/images/4.svg
 create mode 100644 static/images/5.svg
 create mode 100644 static/images/6.svg

diff --git a/components/OffCanvas.vue b/components/OffCanvas.vue
index 1b8afc8..3acb8e0 100644
--- a/components/OffCanvas.vue
+++ b/components/OffCanvas.vue
@@ -103,7 +103,7 @@
                     custom
                   >
                     <li @click="navigate" :class="isActive ? 'active' : null">
-                      <a class="mainLink" :href="href">میز خ2دمت</a>
+                      <a class="mainLink" :href="href">میز خدمت</a>
                     </li>
                   </nuxt-link>
 
diff --git a/components/SiteHeader.vue b/components/SiteHeader.vue
index 5701311..eee7f63 100644
--- a/components/SiteHeader.vue
+++ b/components/SiteHeader.vue
@@ -405,7 +405,7 @@ export default {
 </script>
 
 <style scoped>
-li:nth-child(6) {
+/* li:nth-child(6) {
   display: none !important;
-}
+} */
 </style>
diff --git a/pages/_portal/shafaf/index.vue b/pages/_portal/shafaf/index.vue
index dbe03ee..a09e1e5 100644
--- a/pages/_portal/shafaf/index.vue
+++ b/pages/_portal/shafaf/index.vue
@@ -24,19 +24,59 @@
               شفافیت می توان عدالت را مستقر کرد و از ایجاد تبعیض های ناروا در
               نظام جلوگیری کرد.به همین جهت، سازمان فناوری اطالعات با همکاری
               سازمان غیردولتی شفافیت برای ایران اقدام به تاسیس کمیته شفافیت
-              نموده است .پورتال شفافیت، اولین اقدام این استانداری در راستای
-              توسعه شفافیت است. این پورتال به صورت مستمر از نظر محتوا و بستر به
-              روز خواهد شد .
+              نموده است
             </div>
           </div>
         </div>
         <div class="cards">
-          <div class="item">1</div>
-          <div class="item">1</div>
-          <div class="item">1</div>
-          <div class="item">1</div>
-          <div class="item">1</div>
-          <div class="item">1</div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
+          <div class="item">
+            <img src="/static/images/1.svg" alt="" />
+            <div class="parent">
+              <div class="right"></div>
+              <div class="left"></div>
+            </div>
+            <p>اسناد مالی</p>
+          </div>
         </div>
         <div class="space"></div>
         <!-- <div class="col-12 col-md-6 services-view">
@@ -96,25 +136,110 @@ export default {
   padding: 10px;
   align-items: center;
   gap: 10px;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
+  /* حالت پیش‌فرض برای دسکتاپ */
+  flex-direction: row;
 }
-.tasvir {
-  width: 230px;
-  height: 120px;
-  border-radius: 10px;
+
+/* برای موبایل (عرض کمتر از 768px) */
+@media (max-width: 1400px) {
+  .main {
+    flex-direction: column;
+    width: 100%; /* برای استفاده بهتر از فضای موجود در موبایل */
+    height: auto; /* ارتفاع خودکار برای تنظیم بهتر محتوا */
+  }
+
+  .tasvir {
+    width: 100%; /* تصویر به صورت ریسپانسیو */
+    height: auto; /* ارتفاع خودکار برای تنظیم متناسب با عرض */
+  }
 }
+
 .cards {
+  width: 100vw !important;
   margin: 50px 0px;
   display: grid;
-  grid-template: 130px / auto auto auto auto auto auto;
   gap: 10px;
+  grid-template-columns: repeat(6, 1fr); /* پیش‌فرض برای دسکتاپ */
 }
+
+/* برای تبلت (عرض بین 768px و 1024px) */
+@media (max-width: 1224px) {
+  .cards {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+/* برای موبایل (عرض کمتر از 768px) */
+@media (max-width: 768px) {
+  .cards {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 .item {
-  background-color: aquamarine;
-  height: 200px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  background-color: rgb(255, 255, 255);
+  height: 150px;
   border-radius: 10px;
+  border: 1px solid rgb(214, 214, 214);
+  position: relative;
+  box-shadow: 0 4px 8px 0 rgba(238, 238, 238, 0.041),
+    0 6px 20px 0 rgba(231, 231, 231, 0.041);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  align-items: center;
+  padding: 5px 0px;
 }
+
 .space {
   height: 50px;
 }
+.item img {
+  height: 80px;
+  width: 80px;
+  transition: transform 0.3s ease;
+}
+.item .parent {
+  border-top: 1px dashed rgb(187, 187, 187);
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+}
+.left {
+  width: 25px !important;
+  height: 20px !important;
+  background-color: rgb(255, 255, 255);
+  position: absolute;
+  top: -10px;
+  left: -17px;
+  border-radius: 50%;
+  border-right: 1px solid rgb(187, 187, 187);
+}
+.right {
+  width: 25px !important;
+  height: 20px !important;
+  background-color: rgb(255, 255, 255);
+  position: absolute;
+  top: -10px;
+  right: -17px;
+  border-radius: 50%;
+  border-left: 1px solid rgb(187, 187, 187);
+}
+.item p {
+  color: rgb(117, 117, 117);
+}
+.item:hover {
+  background-color: rgb(247, 247, 247); /* تغییر رنگ پس‌زمینه به قرمز */
+  box-shadow: 0 8px 16px rgba(233, 233, 233, 0.3); /* اضافه کردن سایه */
+}
+
+/* بزرگ‌تر شدن تصویر در زمان hover */
+.item:hover img {
+  transform: scale(1.1); /* بزرگ‌تر شدن تصویر */
+  transition: transform 0.3s ease; /* انیمیشن برای بزرگ‌تر شدن تصویر */
+}
 </style>
diff --git a/pages/admin/Login.vue b/pages/admin/Login.vue
index 77d744d..de559e6 100644
--- a/pages/admin/Login.vue
+++ b/pages/admin/Login.vue
@@ -139,22 +139,26 @@ export default {
         if (send_request.status === 429 || send_request.status === 406) {
           this.$message({
             type: "warning",
-            message: "شما دسترسی ورود ندارید !",
+            message: "لطفا بعد از ۱۰ دقیقه مجدد تلاش کنید",
           });
           return;
         }
 
+        const resData = await send_request.json();
+
         if (send_request.status === 200 || send_request.status === 201) {
           this.$message({
             type: "success",
-            message: "کد ورود ارسال شد",
+            // message: "کد ورود ارسال شد",
+            message: resData.message,
           });
           this.step = 2;
           return;
         } else {
           this.$message({
             type: "warning",
-            message: "مشکل در برقرای ارتباط",
+            // message: "مشکل در برقرای ارتباط",
+            message: resData.message,
           });
         }
       } catch (error) {
diff --git a/pages/admin/sessions/index.vue b/pages/admin/sessions/index.vue
index dfc4b65..92affdb 100644
--- a/pages/admin/sessions/index.vue
+++ b/pages/admin/sessions/index.vue
@@ -21,7 +21,9 @@
                   :content="scope.row.title"
                 >
                 </el-popover>
-                {{ scope.row?.user?.firstName + scope?.row?.user?.lastName }}
+                {{
+                  scope.row?.user?.firstName + " " + scope?.row?.user?.lastName
+                }}
               </span>
             </template>
           </el-table-column>
diff --git a/server/controllers/shafafiatController.js b/server/controllers/shafafiatController.js
new file mode 100644
index 0000000..6d48148
--- /dev/null
+++ b/server/controllers/shafafiatController.js
@@ -0,0 +1,14 @@
+const Shafafiat = require("../models/shafafiat");
+
+module.exports.getAll = [
+  async (req, res) => {
+    try {
+      const shafafiat = await Shafafiat.find({});
+      return res.json({
+        data: shafafiat,
+      });
+    } catch (error) {
+      return res500(res, error.message);
+    }
+  },
+];
diff --git a/server/controllers/userController.js b/server/controllers/userController.js
index 72ab2e8..d167dff 100644
--- a/server/controllers/userController.js
+++ b/server/controllers/userController.js
@@ -165,7 +165,7 @@ module.exports.otp = [
     // .withMessage(_sr["fa"].min_char.min4),
   ],
   async (req, res) => {
-    console.log('body', req.body)
+    console.log("body", req.body);
     try {
       const errors = validationResult(req);
       if (!errors.isEmpty())
@@ -183,6 +183,7 @@ module.exports.otp = [
           ttl: (cacheService.getTtl(`OTP:LOGIN:${phone}`) - Date.now()) / 1000,
         });
       const otp = crypto.randomInt(10000, 99999);
+      console.log("==> otp :", otp);
       const message = `کد ورود شما ${otp} میباشد. استانداری لغو11`;
       /** save otp in cache */
       cacheService.set(`OTP:LOGIN:${phone}`, otp, 120);
@@ -264,7 +265,7 @@ module.exports.verifyOtp = [
       if (logger) {
         await Logger.findOneAndUpdate(
           { user: user._id },
-          { $set: { LastLogin: new Date() } },
+          { $set: { LastLogin: new Date(), ip: req.ip } },
           { new: true }
         );
       } else {
diff --git a/server/models/Logger.js b/server/models/Logger.js
index 62d2fbc..5bd57c8 100644
--- a/server/models/Logger.js
+++ b/server/models/Logger.js
@@ -4,6 +4,7 @@ const mongoosePaginate = require("mongoose-paginate-v2");
 const LoggerSchema = mongoose.Schema({
   LastLogin: String,
   user: { type: mongoose.Schema.Types.ObjectId, ref: "User" },
+  ip: { type: String, default: null },
 });
 
 LoggerSchema.plugin(mongoosePaginate);
diff --git a/server/models/shafafiat.js b/server/models/shafafiat.js
new file mode 100644
index 0000000..8b052be
--- /dev/null
+++ b/server/models/shafafiat.js
@@ -0,0 +1,15 @@
+const { model } = require("mongoose");
+const { Schema } = require("mongoose");
+
+const ShafafSchema = Schema(
+  {
+    title: { type: String },
+    icon: { type: String },
+    link: { type: String },
+  },
+  {
+    timestamps: true,
+  }
+);
+
+module.exports = model("Shafaf", ShafafSchema);
diff --git a/static/images/1.svg b/static/images/1.svg
new file mode 100644
index 0000000..c0493ff
--- /dev/null
+++ b/static/images/1.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<polyline style="fill:#D6C8B0;" points="434.434,279.082 434.434,27.147 115.312,27.147 115.312,366.293 "/>
+<polyline style="fill:#F9EED7;" points="405.747,251.934 405.747,0 86.625,0 86.625,339.145 "/>
+<path style="fill:#FFD15C;" d="M458.517,478.602V287.553c0-20.334-16.483-36.817-36.817-36.817H257.815
+	c-15.138,0-28.732-9.265-34.268-23.354l-7.255-18.468c-5.535-14.089-19.13-23.354-34.268-23.354H90.3
+	c-20.334,0-36.817,16.483-36.817,36.817v256.226c0,18.445,14.953,33.398,33.398,33.398H425.12
+	C443.564,512,458.517,497.047,458.517,478.602z"/>
+<path style="fill:#EDBB4C;" d="M75.286,478.602V222.376c0-20.334,16.483-36.817,36.817-36.817H90.3
+	c-20.334,0-36.817,16.483-36.817,36.817v256.226c0,18.445,14.953,33.397,33.398,33.397h21.803
+	C90.239,511.999,75.286,497.047,75.286,478.602z"/>
+<circle style="fill:#DBCEBA;" cx="167.819" cy="80.225" r="35.468"/>
+<path style="fill:#D6C8B0;" d="M155.241,80.227c0-15.582,10.052-28.806,24.022-33.569c-3.592-1.225-7.439-1.899-11.447-1.899
+	c-19.589,0-35.468,15.879-35.468,35.468c0,19.588,15.879,35.468,35.468,35.468c4.007,0,7.855-0.674,11.447-1.899
+	C165.293,109.033,155.241,95.808,155.241,80.227z"/>
+<path style="fill:#FF525D;" d="M132.347,151.163c0-19.589,15.879-35.468,35.468-35.468s35.468,15.879,35.468,35.468"/>
+<g>
+	<path style="fill:#34ABE0;" d="M363.396,63.069H249.899c-4.515,0-8.176-3.661-8.176-8.176s3.661-8.176,8.176-8.176h113.497
+		c4.517,0,8.176,3.661,8.176,8.176S367.913,63.069,363.396,63.069z"/>
+	<path style="fill:#34ABE0;" d="M363.396,223.181h-46.573c-4.517,0-8.176-3.661-8.176-8.176s3.66-8.176,8.176-8.176h46.573
+		c4.517,0,8.176,3.661,8.176,8.176S367.913,223.181,363.396,223.181z"/>
+	<path style="fill:#34ABE0;" d="M363.396,183.154H249.899c-4.515,0-8.176-3.661-8.176-8.176s3.661-8.176,8.176-8.176h113.497
+		c4.517,0,8.176,3.661,8.176,8.176S367.913,183.154,363.396,183.154z"/>
+	<path style="fill:#34ABE0;" d="M363.396,103.097H249.899c-4.515,0-8.176-3.661-8.176-8.176c0-4.515,3.661-8.176,8.176-8.176
+		h113.497c4.517,0,8.176,3.661,8.176,8.176C371.572,99.437,367.913,103.097,363.396,103.097z"/>
+	<path style="fill:#34ABE0;" d="M363.396,143.126H249.899c-4.515,0-8.176-3.661-8.176-8.176s3.661-8.176,8.176-8.176h113.497
+		c4.517,0,8.176,3.661,8.176,8.176S367.913,143.126,363.396,143.126z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/static/images/2.svg b/static/images/2.svg
new file mode 100644
index 0000000..c2a531a
--- /dev/null
+++ b/static/images/2.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><g><g><g><g><g><g><g><g><g><g><g><g><path d="m67.127 7.5c-17.062 0-30.893 13.831-30.893 30.893v397.945c0 17.062 13.831 30.893 30.893 30.893h290.456c17.062 0 30.893-13.831 30.893-30.893v-333.574c0-6.207-2.466-12.16-6.855-16.549l-71.86-71.86c-4.388-4.389-10.341-6.855-16.548-6.855z" fill="#f4f8f8"/><path d="m333.801 93.069c-2.326 0-4.589-.266-6.769-.753v344.022c0 17.062-13.832 30.893-30.894 30.893h61.445c17.062 0 30.893-13.832 30.893-30.893v-333.575c0-3.378-.735-6.678-2.109-9.694z" fill="#e7ecf1"/><path d="m381.622 86.214-71.86-71.86c-2.001-2.001-4.328-3.596-6.855-4.746v52.567c0 17.062 13.831 30.893 30.893 30.893h52.568c-1.15-2.525-2.746-4.853-4.746-6.854z" fill="#fc8086"/></g></g></g></g></g></g></g></g></g></g><g><g><g><g><g><path d="m413.147 409.314-110.344-65.344c-5.658-3.354-7.527-10.659-4.174-16.318 0 0 2.726-4.602 5.645-9.53l-22.324-13.207c-14.727-8.451-21.613-10.014-34.899-4.878l-14.48 5.598c-8.812 3.407-18.699 2.584-26.827-2.231l-38.757-22.851-55.046 92.915 49.627 29.291c3.362 1.992 6.314 4.604 8.7 7.698l16.723 21.688c9.237 10.803 28.3 24.817 40.528 32.061l63.827 37.813c8.425 4.991 19.301 2.208 24.292-6.217s2.207-19.301-6.217-24.292l19.941 11.814c8.425 4.991 19.301 2.208 24.292-6.217s2.208-19.301-6.217-24.292l13.294 7.876c8.425 4.991 19.301 2.208 24.292-6.217 4.991-8.425 2.208-19.301-6.217-24.292l16.269 9.638c8.424 4.991 19.299 2.207 24.29-6.217 4.989-8.423 2.206-19.298-6.218-24.289z" fill="#ffece3"/></g><path d="m413.147 409.314-38.027-22.519c-.837 3.253-2.451 6.403-5.085 9.138-6.745 7.003-17.573 8.142-25.938 3.187l-10.817-6.408c-.385-.228-.877-.159-1.184.167-.314.333-.339.836-.075 1.21 4.526 6.44 5.155 15.188.883 22.4-5.812 9.811-18.478 13.052-28.289 7.24l-8.498-5.072c-.335-.2-.765-.137-1.029.151-.27.294-.281.734-.04 1.052 4.988 6.583 5.755 15.817 1.129 23.313-5.959 9.656-18.797 12.421-28.559 6.637l-6.979-4.134c-1.385-.821-3.124-.751-4.439.179-1.315.93-1.965 2.547-1.642 4.125.991 4.843.264 10.051-2.454 14.639-2.325 3.924-5.754 6.776-9.65 8.439l48.491 28.728c8.55 5.066 19.957 2.37 24.862-6.273 4.756-8.382 1.94-19.065-6.387-23.999l19.541 11.577c8.551 5.066 19.957 2.37 24.862-6.274 4.756-8.383 1.94-19.065-6.387-23.999l12.894 7.639c8.55 5.066 19.957 2.371 24.862-6.273 4.756-8.382 1.941-19.066-6.387-23.999l15.869 9.402c8.55 5.065 19.955 2.37 24.86-6.273 4.755-8.384 1.94-19.067-6.387-24z" fill="#ffddce"/></g><g><path d="m403.59 286.104-29.766 17.302c-8.128 4.815-18.016 5.637-26.827 2.231l-16.33-6.415c-5.108-2.007-10.716-2.362-16.036-1.015l-25.02 6.332c-11.648 2.948-19.806 13.428-19.806 25.443v33.4c0 4.722 3.827 8.563 8.549 8.566 14.241.009 25.788-11.532 25.788-25.77v-1.414l107.097 63.422c1.984-2.113 4.258-3.941 6.761-5.423l40.637-23.742z" fill="#fcd0a3"/></g><g><path d="m419.468 312.905-5.723 21.223-64.118 37.571 61.611 36.485c1.984-2.113 4.259-3.941 6.761-5.423l40.637-23.742z" fill="#ffb983"/></g><g><g fill="#fcd0a3"><path d="m183.318 422.438-10.041 13.986c-5.709 7.952-16.784 9.771-24.736 4.062-7.952-5.709-9.771-16.784-4.062-24.736l10.041-13.986c5.709-7.952 16.784-9.771 24.736-4.062 7.952 5.709 9.771 16.784 4.062 24.736z"/><path d="m223.197 427.677-21.122 29.421c-5.709 7.952-16.784 9.771-24.736 4.062-7.952-5.709-9.771-16.784-4.062-24.736l21.122-29.421c5.709-7.952 16.784-9.771 24.736-4.062 7.952 5.709 9.771 16.784 4.062 24.736z"/><path d="m251.995 448.352-21.122 29.421c-5.709 7.952-16.784 9.771-24.736 4.062-7.952-5.709-9.771-16.784-4.062-24.736l21.122-29.421c5.709-7.952 16.784-9.771 24.736-4.062 7.952 5.709 9.771 16.783 4.062 24.736z"/></g><path d="m271.408 482.099-7.024 9.784c-5.709 7.952-16.784 9.771-24.736 4.062-7.952-5.709-9.771-16.784-4.062-24.736l7.024-9.784c5.709-7.952 16.784-9.771 24.736-4.062 7.952 5.709 9.771 16.784 4.062 24.736z" fill="#ffb983"/></g></g></g><g fill="#7c8b96"><path d="m187.734 270.894-15.525-9.197c-4.271-2.53-9.784-1.119-12.314 3.152l-63.827 107.737c-2.53 4.271-1.119 9.784 3.152 12.314l15.525 9.197c10.413 6.169 23.856 2.729 30.025-7.685l50.649-85.493c6.169-10.413 2.728-23.856-7.685-30.025z"/><path d="m398.368 261.697-15.525 9.197c-10.413 6.169-13.854 19.612-7.685 30.025l50.649 85.493c6.169 10.413 19.612 13.854 30.025 7.685l15.525-9.197c4.271-2.53 5.682-8.044 3.152-12.314l-63.827-107.737c-2.53-4.271-8.043-5.682-12.314-3.152z"/></g></g></g></g></g><g><g><g><path d="m334.954 137.804h-245.189c-4.16 0-7.532 3.372-7.532 7.532s3.372 7.532 7.532 7.532h245.19c4.16 0 7.532-3.372 7.532-7.532s-3.373-7.532-7.533-7.532z"/><path d="m89.765 100.621h122.594c4.16 0 7.532-3.372 7.532-7.532s-3.372-7.532-7.532-7.532h-122.594c-4.16 0-7.532 3.372-7.532 7.532 0 4.161 3.372 7.532 7.532 7.532z"/><path d="m334.954 184.096h-245.189c-4.16 0-7.532 3.372-7.532 7.532s3.372 7.532 7.532 7.532h245.19c4.16 0 7.532-3.372 7.532-7.532-.001-4.16-3.373-7.532-7.533-7.532z"/><path d="m145.618 459.668h-78.467c-12.879 0-23.358-10.478-23.358-23.357v-397.89c0-12.879 10.479-23.358 23.358-23.358h226.056c.73 0 1.449.067 2.16.163v46.974c0 21.186 17.236 38.421 38.421 38.421h46.973c.097.712.163 1.431.163 2.161v128.261c0 4.16 3.372 7.532 7.532 7.532s7.532-3.372 7.532-7.532v-128.26c0-8.262-3.218-16.03-9.06-21.873l-71.85-71.85c-5.842-5.842-13.609-9.06-21.871-9.06h-226.056c-21.186 0-38.421 17.236-38.421 38.421v397.89c0 21.185 17.236 38.42 38.421 38.42h78.467c4.16 0 7.532-3.372 7.532-7.532s-3.372-7.531-7.532-7.531zm224.655-374.11h-36.484c-12.879 0-23.358-10.479-23.358-23.358v-36.484z"/><path d="m480.958 368.729-63.818-107.72c-4.651-7.854-14.773-10.45-22.631-5.795l-15.523 9.197c-12.049 7.138-17.142 21.583-13.005 34.384-5.23 1.895-10.964 1.865-16.244-.176-12.256-3.856-21.574-11.613-36.963-7.721-26.13 6.653-25.336 6.32-27.7 7.13-15.3-8.711-24.497-11.303-40.739-5.02l-14.478 5.597c-6.703 2.59-14.089 1.976-20.283-1.694l-3.951-2.329c1.928-11.552-3.195-23.743-14.043-30.169 0 0 0 0-.001-.001l-15.522-9.196c-7.836-4.641-17.988-2.043-22.63 5.793l-63.82 107.721c-4.651 7.852-2.063 17.977 5.793 22.63l15.522 9.196c4.697 2.783 9.859 4.106 14.959 4.106 5.687 0 11.294-1.648 16.088-4.752l3.235 1.909-6.83 9.513c-8.139 11.338-5.553 27.104 5.787 35.244 5.244 3.764 11.832 5.483 18.645 4.413 1.081 6.319 4.543 12.233 10.149 16.259 5.265 3.78 11.823 5.501 18.648 4.426 1.084 6.314 4.544 12.223 10.147 16.246 7.53 5.405 16.892 6.03 24.693 2.698 1.707 4.434 4.674 8.438 8.813 11.41 10.808 7.757 25.696 5.734 34.094-4.316l18.15 10.752c12.003 7.113 27.49 3.16 34.607-8.857 1.82-3.072 2.949-6.42 3.362-9.861l.041.025c11.985 7.098 27.507 3.124 34.607-8.858 2.056-3.471 3.183-7.236 3.457-11.009 10.564 2.656 22.077-1.781 27.907-11.621 1.913-3.228 3.022-6.715 3.387-10.224 11.322 4.443 24.555.149 30.949-10.643 3.439-5.805 4.412-12.601 2.739-19.138-.957-3.74-2.717-7.135-5.133-10.002l10.004-5.845c8.463 3.474 18.121 2.918 26.215-1.876l15.52-9.196c7.856-4.65 10.451-14.773 5.796-22.63zm-362.358 18.868-15.522-9.197c-.69-.409-.919-1.303-.511-1.993l63.82-107.723c.411-.693 1.308-.918 1.994-.51l15.521 9.195c6.897 4.087 9.055 12.933 5.043 19.704l-50.641 85.48c-4.042 6.824-12.88 9.085-19.704 5.044zm34.345 46.742c-4.574-3.284-5.62-9.646-2.334-14.222l10.039-13.984c3.198-4.455 9.571-5.674 14.222-2.335 4.565 3.277 5.612 9.656 2.336 14.221l-10.04 13.984c-3.277 4.567-9.66 5.611-14.223 2.336zm28.795 20.673c-4.565-3.278-5.612-9.659-2.335-14.223l10.039-13.983s0 0 0-.001c0 0 0-.001.001-.001l11.079-15.432c1.588-2.211 3.941-3.673 6.627-4.113.558-.092 1.117-.137 1.672-.137 2.114 0 4.171.658 5.923 1.915 2.21 1.588 3.672 3.94 4.112 6.626.441 2.687-.19 5.384-1.778 7.595l-21.119 29.418c-3.282 4.575-9.645 5.622-14.221 2.336zm28.795 20.671c-4.563-3.276-5.611-9.652-2.34-14.216.001-.002.003-.004.004-.006l21.119-29.417c3.275-4.564 9.659-5.612 14.222-2.336 4.565 3.277 5.612 9.657 2.335 14.222l-9.383 13.071s0 0-.001.001l-11.735 16.346c-3.277 4.565-9.655 5.614-14.221 2.335zm33.506 14.108c-4.562-3.276-5.611-9.649-2.342-14.214l7.029-9.79c3.276-4.566 9.659-5.61 14.222-2.335 4.564 3.276 5.612 9.657 2.335 14.222l-7.023 9.781c-3.276 4.566-9.658 5.614-14.221 2.336zm168.819-60.052c-2.866 4.837-9.13 6.441-13.968 3.576-8.192-4.853-61.036-36.16-66.67-39.498-3.58-2.12-8.199-.939-10.319 2.64s-.939 8.199 2.64 10.319l50.403 29.861.001.001c4.839 2.866 6.453 9.111 3.576 13.969-2.867 4.839-9.134 6.44-13.97 3.577-18.642-11.044-33.779-20.012-50.43-29.877-3.581-2.12-8.199-.939-10.319 2.64s-.939 8.199 2.64 10.319l37.138 22.002.008.005c4.842 2.875 6.44 9.117 3.569 13.965-2.867 4.839-9.132 6.442-13.971 3.576l-19.931-11.807c-.002-.001-.005-.002-.007-.004-.002-.001-.004-.002-.006-.003l-14.545-8.618c-3.58-2.121-8.199-.94-10.319 2.64-2.12 3.579-.939 8.199 2.64 10.319l14.548 8.619c.002.001.004.003.006.004 4.839 2.866 6.453 9.11 3.576 13.968-2.867 4.839-9.132 6.442-13.971 3.576l-16.971-10.053c7.275-11.226 4.508-26.354-6.473-34.236-3.225-2.314-6.816-3.755-10.489-4.374 3.896-10.417.537-22.579-8.922-29.369-5.6-4.022-12.305-5.411-18.633-4.419-1.126-6.585-4.727-12.353-10.16-16.252-10.218-7.333-24.104-5.924-32.681 2.753-1.743-3.061-4.149-5.807-7.193-7.992-8.491-6.094-19.515-6.151-27.921-1.018l-3.451-2.037 47.37-79.959 2.255 1.33c9.96 5.9 22.114 7.13 33.378 2.774l14.478-5.597c8.285-3.202 12.854-3.411 21.049.456-5.362 6.024-8.545 13.933-8.545 22.457v33.395c0 8.87 7.211 16.091 16.074 16.097h.022c8.89 0 17.25-3.461 23.539-9.746 3.666-3.664 6.372-8.032 7.994-12.8 9.725 5.759 90.072 53.338 99.387 58.857 2.343 1.388 4.005 3.605 4.68 6.243.675 2.635.282 5.378-1.106 7.721zm54.628-51.339-15.523 9.197c-6.824 4.04-15.662 1.777-19.702-5.043l-23.736-40.065c-2.121-3.579-6.743-4.76-10.319-2.642-3.579 2.12-4.761 6.74-2.642 10.319l23.736 40.066c.447.754.932 1.471 1.434 2.17l-6.599 3.855c-1.334.79-2.617 1.66-3.844 2.605l-102.323-60.595c-5.013-2.967-11.369.65-11.369 6.48-.079.45.778 8.192-5.345 14.313-3.444 3.441-8.022 5.337-12.891 5.337-.004 0-.008 0-.012 0-.563 0-1.021-.464-1.021-1.034v-33.395c0-8.724 6.002-16.084 14.119-18.139l25.016-6.331c9.077-2.294 14.208 2.553 27.799 7.153 9.435 3.65 19.694 3.425 28.8-.464l4.546 7.674c2.121 3.581 6.741 4.761 10.319 2.642 3.579-2.12 4.761-6.74 2.642-10.319l-8.954-15.113c-4.051-6.838-1.794-15.65 5.043-19.703l15.522-9.195c.678-.403 1.575-.197 1.995.511l63.818 107.721c.412.695.185 1.584-.509 1.995z"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/static/images/3.svg b/static/images/3.svg
new file mode 100644
index 0000000..324b8b1
--- /dev/null
+++ b/static/images/3.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
+<path style="fill:#FFB125;" d="M167.958,156.312l-52.067,0.073l-0.143-87.741c-0.003-2.455,1.984-4.447,4.438-4.451l43.178-0.06
+	c2.455-0.003,4.447,1.984,4.451,4.438L167.958,156.312z"/>
+<path style="fill:#FF901D;" d="M167.816,68.571c-0.003-2.455-1.996-4.442-4.451-4.438l-25.743,0.036
+	c2.283,0.184,4.086,2.072,4.089,4.402l0.143,87.74l-25.962,0.036v0.036l52.067-0.073L167.816,68.571z"/>
+<path style="fill:#E1EFFB;" d="M254.058,62.542L114.586,193.929l0.279,199.739c0.007,5.269,4.285,9.534,9.554,9.527l260.228-0.363
+	c5.269-0.007,9.534-4.285,9.527-9.554l-0.279-199.739L254.058,62.542z"/>
+<path style="fill:#CCDFED;" d="M393.895,193.539L254.058,62.542L231.06,84.207l116.71,109.331l0.279,199.739
+	c0.007,5.269-4.258,9.546-9.527,9.554h46.125c5.269-0.008,9.535-4.285,9.527-9.554L393.895,193.539z"/>
+<path style="fill:#FF4C4C;" d="M443.094,237.552c-4.708,0.007-9.428-1.71-13.135-5.183L254.06,67.592L78.623,232.86
+	c-7.71,7.264-19.85,6.901-27.111-0.809c-7.264-7.71-6.902-19.848,0.809-27.111L240.872,27.317
+	c7.371-6.945,18.873-6.961,26.264-0.037l189.047,177.095c7.731,7.241,8.127,19.379,0.884,27.109
+	C453.298,235.507,448.203,237.544,443.094,237.552z"/>
+<path style="fill:#F33939;" d="M457.067,208.416c-3.769,4.022-8.864,6.06-13.974,6.067c-4.708,0.006-9.428-1.71-13.135-5.183
+	L254.06,44.523L78.623,209.79c-7.71,7.264-19.85,6.901-27.111-0.809c-0.486-0.515-0.931-1.053-1.349-1.605
+	c-5.526,7.325-5.156,17.771,1.349,24.674c7.261,7.71,19.401,8.073,27.111,0.809L254.06,67.592l175.898,164.777
+	c3.707,3.473,8.428,5.189,13.135,5.183c5.11-0.007,10.205-2.045,13.974-6.067c6.472-6.908,6.826-17.327,1.314-24.635
+	C457.975,207.388,457.539,207.912,457.067,208.416z"/>
+<path style="fill:#2D5871;" d="M290.137,227.206l-71.698,0.1c-3.364,0.005-6.087,2.736-6.083,6.1l0.237,169.666l83.881-0.117
+	l-0.237-169.666C296.232,229.924,293.501,227.201,290.137,227.206z"/>
+<path style="fill:#1D4859;" d="M296.236,233.288c-0.005-3.364-2.736-6.088-6.1-6.083l-40.508,0.057
+	c2.471,0.773,4.267,3.078,4.271,5.805l0.237,169.946l42.337-0.059L296.236,233.288z"/>
+<path style="fill:#FED9A8;" d="M473.085,317.313l-105.678,70.725l-31.495-1.767l-1.233-12.397
+	c-1.835-18.453-16.043-33.263-34.404-35.861l-84.384-9.716c-19.466-2.754-38.208-9.277-55.177-19.204l0,0
+	c-23.168-13.553-49.525-20.696-76.366-20.696h-60.84v138.874l160.796,60.891c6.077,1.716,12.459,2.229,18.696,1.244
+	c0.037-0.006,0.075-0.012,0.112-0.018l161.884-23.335c12.471-1.991,24.195-7.244,33.982-15.226l104.628-94.101
+	c9.39-8.338,11.131-22.351,4.066-32.733l0,0C499.942,312.635,484.489,309.65,473.085,317.313z"/>
+<g>
+	<path style="fill:#F4C892;" d="M509.051,326.301l-103.416,87.052c-9.787,7.982-26.057,13.235-38.528,15.226l-163.995,11.723
+		c-0.037,0.006-0.075,0.012-0.112,0.018c-6.237,0.986-12.62,0.472-18.696-1.244L23.507,378.185v49.087l160.796,60.891
+		c3.038,0.858,6.153,1.415,9.288,1.635c0.784,0.055,1.569,0.089,2.354,0.101c2.356,0.036,4.715-0.122,7.054-0.492
+		c0.037-0.006,0.075-0.012,0.112-0.018l161.884-23.335c3.897-0.622,7.722-1.563,11.436-2.806c0.743-0.249,1.482-0.509,2.216-0.782
+		c3.67-1.363,7.223-3.026,10.623-4.971c0.68-0.389,1.354-0.789,2.022-1.201c2.67-1.646,5.238-3.471,7.685-5.467l104.628-94.101
+		C512.317,348.991,514.431,336.375,509.051,326.301z"/>
+	<path style="fill:#F4C892;" d="M348.175,386.981l-178.133-7.128c-0.85-0.034-1.678-0.284-2.404-0.727l-9.462-5.764
+		c-4.602-2.803-2.135-9.9,3.213-9.245L348.175,386.981z"/>
+</g>
+<path style="fill:#2D5871;" d="M44.012,474.443H19.94c-11.013,0-19.94-8.928-19.94-19.94V276.364c0-11.013,8.928-19.94,19.94-19.94
+	h24.072c11.013,0,19.94,8.928,19.94,19.94v178.139C63.952,465.516,55.025,474.443,44.012,474.443z"/>
+<path style="fill:#1D4859;" d="M44.012,256.424H19.94c-1.354,0-2.674,0.138-3.952,0.395c9.119,1.834,15.988,9.886,15.988,19.545
+	v178.139c0,9.659-6.869,17.711-15.988,19.545c1.278,0.257,2.599,0.395,3.952,0.395h24.072c11.013,0,19.94-8.928,19.94-19.94V276.364
+	C63.952,265.352,55.025,256.424,44.012,256.424z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/static/images/4.svg b/static/images/4.svg
new file mode 100644
index 0000000..eb57696
--- /dev/null
+++ b/static/images/4.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m467 0h-125.907l-341.093 152v315c0 24.813 20.187 45 45 45h422c24.813 0 45-20.187 45-45v-422c0-24.813-20.187-45-45-45z" fill="#f4f4f6"/><path d="m467 0h-125.907l-85.093 37.92v474.08h211c24.813 0 45-20.187 45-45v-422c0-24.813-20.187-45-45-45z" fill="#e2dff4"/><path d="m257 152h-257v-107c0-24.853 20.147-45 45-45h296.093l-70.633 143.62c-2.523 5.13-7.743 8.38-13.46 8.38z" fill="#ff7038"/><path d="m256 152h1c5.717 0 10.937-3.25 13.46-8.38l70.633-143.62h-85.093z" fill="#ff1f3d"/><circle cx="91" cy="76" fill="#ff1f3d" r="15"/><circle cx="151" cy="76" fill="#8bb9ff" r="15"/><circle cx="211" cy="76" fill="#ffe278" r="15"/></g><path d="m430.606 269.394c-5.857-5.858-15.355-5.858-21.213 0l-37.771 37.771-19.622-26.165c-2.609-3.479-6.6-5.654-10.937-5.962-4.336-.3-8.596 1.282-11.67 4.356l-50 50 21.213 21.213 37.771-37.771 19.623 26.164c2.609 3.479 6.6 5.654 10.937 5.962 4.344.304 8.596-1.281 11.67-4.356l50-50c5.858-5.857 5.858-15.355-.001-21.212z" fill="#6b61b1"/><g><path d="m222 415h-140c-8.284 0-15-6.716-15-15v-10c0-46.869 38.131-85 85-85s85 38.131 85 85v10c0 8.284-6.716 15-15 15z" fill="#ffe278"/><path d="m222 415c8.284 0 15-6.716 15-15v-10c0-46.869-38.131-85-85-85v110z" fill="#ffb454"/><path d="m152 335c-30.327 0-55-24.673-55-55s24.673-55 55-55 55 24.673 55 55-24.673 55-55 55z" fill="#ffddce"/><path d="m207 280c0-30.327-24.673-55-55-55v110c30.327 0 55-24.673 55-55z" fill="#ffbca7"/></g><path d="m430 415h-140c-8.284 0-15-6.716-15-15v-180c0-8.284 6.716-15 15-15s15 6.716 15 15v165h125c8.284 0 15 6.716 15 15s-6.716 15-15 15z" fill="#8bb9ff"/></g></svg>
\ No newline at end of file
diff --git a/static/images/5.svg b/static/images/5.svg
new file mode 100644
index 0000000..5fe1ecc
--- /dev/null
+++ b/static/images/5.svg
@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 58 60" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Page-1" fill="none" fill-rule="evenodd"><g id="024---Auction" fill-rule="nonzero"><path id="Shape" d="m56 5c0 3 1 4 1 4h-6v-4h-10v4h-20c-2.209139 0-4-1.790861-4-4s1.790861-4 4-4h36s-1 1-1 4z" fill="#ffe0b2"/><path id="Shape" d="m57 1h-3s-1 1-1 4 1 4 1 4h3s-1-1-1-4 1-4 1-4z" fill="#dfc49c"/><path id="Shape" d="m57 9v38c0 .5522847-.4477153 1-1 1h-34v-3c-.0032948-1.1032019-.8967981-1.9967052-2-2v-12h7v1c0 .5522847.4477153 1 1 1h2c1.6568542 0 3-1.3431458 3-3v-14c0-1.6568542-1.3431458-3-3-3h-2c-.5522847 0-1 .4477153-1 1v1h-10v-10c0 2.209139 1.790861 4 4 4h20v21l5-5 5 5v-21z" fill="#f44335"/><path id="Shape" d="m54 9v38c0 .5522847-.4477153 1-1 1h3c.5522847 0 1-.4477153 1-1v-38z" fill="#c81e1e"/><path id="Shape" d="m51 5v25l-5-5-5 5v-25z" fill="#ffdc00"/><path id="Shape" d="m48 5v22l3 3v-25z" fill="#fec108"/><path id="Shape" d="m7 14v18c0 .5522847-.44771525 1-1 1h-2c-1.65685425 0-3-1.3431458-3-3v-14c0-1.6568542 1.34314575-3 3-3h2c.55228475 0 1 .4477153 1 1z" fill="#ff9801"/><path id="Shape" d="m6 13h-2c-.21635666.0007685-.43197739.025248-.643.073.38481497.1470583.64006931.5150533.643.927v18c-.00293069.4119467-.25818503.7799417-.643.927.21102261.047752.42664334.0722315.643.073h2c.55228475 0 1-.4477153 1-1v-18c0-.5522847-.44771525-1-1-1z" fill="#f57c00"/><path id="Shape" d="m33 16v14c0 1.6568542-1.3431458 3-3 3h-2c-.5522847 0-1-.4477153-1-1v-18c0-.5522847.4477153-1 1-1h2c1.6568542 0 3 1.3431458 3 3z" fill="#ff9801"/><path id="Shape" d="m30 13h-2c-.1225353.0016347-.2436589.0264023-.357.073 1.3766157.2993615 2.358108 1.5182109 2.357 2.927v14c.001108 1.4087891-.9803843 2.6276385-2.357 2.927.1133411.0465977.2344647.0713653.357.073h2c1.6568542 0 3-1.3431458 3-3v-14c0-1.6568542-1.3431458-3-3-3z" fill="#f57c00"/><path id="Rectangle-path" d="m7 15h20v16h-20z" fill="#f57c00"/><path id="Rectangle-path" d="m14 31h6v12h-6z" fill="#a0522d"/><path id="Shape" d="m22 45v9c0 2.7614237-2.2385763 5-5 5s-5-2.2385763-5-5v-9c.0032948-1.1032019.8967981-1.9967052 2-2h6c1.1032019.0032948 1.9967052.8967981 2 2z" fill="#ff9801"/><path id="Shape" d="m20 43h-3c1.1032019.0032948 1.9967052.8967981 2 2v9c-.0056526 2.1761534-1.4225411 4.0970494-3.5 4.745.4838155.1620147.9898258.2480365 1.5.255 1.3260824 0 2.597852-.5267842 3.5355339-1.4644661s1.4644661-2.2094515 1.4644661-3.5355339v-9c-.0032948-1.1032019-.8967981-1.9967052-2-2z" fill="#f57c00"/><g fill="#f5f5f5"><rect id="Rectangle-path" height="4" rx="1" width="12" x="33" y="36"/><path id="Shape" d="m23 6h-1c-.5522847 0-1-.44771525-1-1s.4477153-1 1-1h1c.5522847 0 1 .44771525 1 1s-.4477153 1-1 1z"/><path id="Shape" d="m37 6h-10c-.5522847 0-1-.44771525-1-1s.4477153-1 1-1h10c.5522847 0 1 .44771525 1 1s-.4477153 1-1 1z"/><path id="Shape" d="m12 20h-1c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h1c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"/><path id="Shape" d="m23 20h-7c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h7c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"/></g><path id="Shape" d="m57.731 8.318c-.007-.008-.731-.873-.731-3.318-.1105566-1.14449057.1368226-2.29508328.708-3.293.2860368-.28612294.3714873-.71640792.2164868-1.09011669-.1550004-.37370876-.5199089-.61720162-.9244868-.61688331h-36c-2.7614237 0-5 2.23857625-5 5v9h-8c0-1.1045695-.8954305-2-2-2h-2c-2.209139 0-4 1.790861-4 4v14c0 2.209139 1.790861 4 4 4h2c1.1045695 0 2-.8954305 2-2h5v10.184c-1.1943509.4222546-1.9947486 1.5492146-2 2.816v9c0 3.3137085 2.6862915 5.9999999 6 5.9999999s6-2.6862914 6-5.9999999v-5h33c1.1045695 0 2-.8954305 2-2v-38h-.026c.0036557-.24915939-.0826162-.49128872-.243-.682zm-36.731-6.318h34.394c-.2799547.97480823-.4127529 1.98596151-.394 3-.0187529 1.01403849.1140453 2.02519177.394 3h-3.394v-3c0-.55228475-.4477153-1-1-1h-10c-.5522847 0-1 .44771525-1 1v3h-19c-1.6568542 0-3-1.34314575-3-3s1.3431458-3 3-3zm29 4v21.586l-3.293-3.293c-.3904999-.3903819-1.0235001-.3903819-1.414 0l-3.293 3.293v-21.586zm-46 26c-1.1045695 0-2-.8954305-2-2v-14c0-1.1045695.8954305-2 2-2h2v1 17zm4-16h18v14h-18zm20 15v-17h2c1.1045695 0 2 .8954305 2 2v14c0 1.1045695-.8954305 2-2 2h-2zm-9 1v10h-4v-10zm2 22c0 2.209139-1.790861 4-4 4s-4-1.790861-4-4v-9c0-.5522847.4477153-1 1-1h6c.5522847 0 1 .4477153 1 1zm2-7v-2c-.0052514-1.2667854-.8056491-2.3937454-2-2.816v-10.184h5c0 1.1045695.8954305 2 2 2h2c2.209139 0 4-1.790861 4-4v-14c0-2.209139-1.790861-4-4-4h-2c-1.1045695 0-2 .8954305-2 2h-8v-5.026c.8603889.66180667 1.9145307 1.02232318 3 1.026h19v20c.0000863.4043959.2437275.7689341.6173454.923678.373618.1547439.8036603.0692299 1.0896546-.216678l4.293-4.293 4.293 4.293c.2859943.2859079.7160366.3714219 1.0896546.216678.3736179-.1547439.6172591-.5192821.6173454-.923678v-20h4v37z" fill="#000"/><path id="Shape" d="m44 35h-10c-1.1045695 0-2 .8954305-2 2v2c0 1.1045695.8954305 2 2 2h10c1.1045695 0 2-.8954305 2-2v-2c0-1.1045695-.8954305-2-2-2zm-10 4v-2h10v2z" fill="#000"/><path id="Shape" d="m43 43h-8c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h8c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z" fill="#000"/></g></g></svg>
\ No newline at end of file
diff --git a/static/images/6.svg b/static/images/6.svg
new file mode 100644
index 0000000..be26bcb
--- /dev/null
+++ b/static/images/6.svg
@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 44 58" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Page-1" fill="none" fill-rule="evenodd"><g id="089---Certificate" fill-rule="nonzero"><path id="Shape" d="m44 14v-10c0-2.209139-1.790861-4-4-4h-35l-5 23v31c0 2.209139 1.790861 4 4 4h36c2.209139 0 4-1.790861 4-4z" fill="#f0c419"/><path id="Shape" d="m5 0 7.341 6.007c.910431.74520829 1.4466149 1.85344064 1.4658808 3.02981165.0192658 1.17637105-.4803406 2.30156685-1.3658808 3.07618835l-12.441 10.887z" fill="#f3d55b"/><path id="Shape" d="m4 28c-.55228475 0-1-.4477153-1-1v-2c0-.5522847.44771525-1 1-1s1 .4477153 1 1v2c0 .5522847-.44771525 1-1 1z" fill="#f3d55b"/><path id="Shape" d="m4 50c-.55228475 0-1-.4477153-1-1v-18c0-.5522847.44771525-1 1-1s1 .4477153 1 1v18c0 .5522847-.44771525 1-1 1z" fill="#f3d55b"/><g fill="#e57e25"><path id="Shape" d="m20 11h-2c-.5522847 0-1-.4477153-1-1 0-.55228475.4477153-1 1-1h2c.5522847 0 1 .44771525 1 1 0 .5522847-.4477153 1-1 1z"/><path id="Shape" d="m38 11h-14c-.5522847 0-1-.4477153-1-1 0-.55228475.4477153-1 1-1h14c.5522847 0 1 .44771525 1 1 0 .5522847-.4477153 1-1 1z"/><path id="Shape" d="m18 17h-4c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h4c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"/><path id="Shape" d="m38 17h-16c-.5522847 0-1-.4477153-1-1s.4477153-1 1-1h16c.5522847 0 1 .4477153 1 1s-.4477153 1-1 1z"/></g><path id="Shape" d="m24.645 42.074c1.71 8.262-3.365 11.126-5.275 11.886-.1538192.0631939-.328991.045778-.4673563-.0464655-.1383653-.0922436-.2218153-.2472421-.2226437-.4135345v-1.89c.0000485-.2376343-.1671669-.4424731-.4-.49l-3.06-.61c-.2017956-.0427738-.3566104-.2050824-.3898045-.4086732-.0331942-.2035908.0620466-.4066693.2398045-.5113268 3.15-1.76 4.59-5.3 5.2-7.49z" fill="#c03a2b"/><path id="Shape" d="m33.73 42.09v.01c.61 2.19 2.05 5.73 5.2 7.49.1777579.1046575.2729987.307736.2398045.5113268-.0331941.2035908-.1880089.3658994-.3898045.4086732l-3.06.61c-.2328331.0475269-.4000485.2523657-.4.49v1.89c-.0008284.1662924-.0842784.3212909-.2226437.4135345-.1383653.0922435-.3135371.1096594-.4673563.0464655-1.926-.766-7.069-3.672-5.231-12.091z" fill="#c03a2b"/><path id="Shape" d="m27.857 23.5 1.454-.689c.957556-.4543782 2.1033086-.082842 2.612.847l.725 1.327c.2929349.5379263.8162134.9119599 1.42 1.015l1.524.26c1.0707409.1819836 1.8005474 1.1852456 1.644 2.26l-.2 1.374c-.0906864.6237225.1179478 1.2537015.563 1.7l1 1c.7781018.7805395.7781018 2.0434605 0 2.824l-1 1c-.4450522.4462985-.6536864 1.0762775-.563 1.7l.2 1.374c.1565474 1.0747544-.5732591 2.0780164-1.644 2.26l-1.524.248c-.6032106.1023736-1.1263784.4752228-1.42 1.012l-.725 1.327c-.5086914.929842-1.654444 1.3013782-2.612.847l-1.454-.686c-.5423821-.2572219-1.1716179-.2572219-1.714 0l-1.454.689c-.957556.4543782-2.1033086.082842-2.612-.847l-.725-1.327c-.2929349-.5379263-.8162134-.9119599-1.42-1.015l-1.524-.26c-1.0707409-.1819836-1.8005474-1.1852456-1.644-2.26l.2-1.374c.0906864-.6237225-.1179478-1.2537015-.563-1.7l-1-1c-.7781018-.7805395-.7781018-2.0434605 0-2.824l1-1c.4450522-.4462985.6536864-1.0762775.563-1.7l-.2-1.374c-.1565474-1.0747544.5732591-2.0780164 1.644-2.26l1.524-.248c.6032106-.1023736 1.1263784-.4752228 1.42-1.012l.725-1.327c.5086914-.929842 1.654444-1.3013782 2.612-.847l1.454.689c.5428323.256273 1.1720682.2551717 1.714-.003z" fill="#e64c3c"/><circle id="Oval" cx="27" cy="34" fill="#f9eab0" r="7"/></g></g></svg>
\ No newline at end of file