1 files changed, 66 insertions, 0 deletions
diff --git a/Shop/cart/Alert.ui.qml b/Shop/cart/Alert.ui.qml
new file mode 100644
index 0000000..1ac3ae9
--- /dev/null
+++ b/Shop/cart/Alert.ui.qml
@@ -0,0 +1,66 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+import "../../TextField" as TxtFld
+import "../../Label" as Lbl
+import "../../Button" as Btn
+
+Rectangle {
+    id: alertContainer
+    color: "#f8d7da"
+    border.color: "#f1aeb5"
+    height: alertContent.height
+    width: alertContent.width
+    radius: 8
+    RowLayout {
+        id: alertContent
+        anchors.fill: parent
+        spacing: 0
+        Label {
+            id: alertEmoji
+            text: "🔥"
+            Layout.bottomMargin: 16
+            Layout.rightMargin: 8
+            Layout.topMargin: 16
+            Layout.leftMargin: 16
+            font.pointSize: 21
+        }
+        Label {
+            id: alertText
+            color: "#b02a37"
+            text: "These courses are at a limited discount, please checkout within"
+            wrapMode: Text.Wrap
+            Layout.bottomMargin: 16
+            Layout.topMargin: 16
+            Layout.rightMargin: 4
+            font.pointSize: 21
+        }
+        Label {
+            id: alertTime
+            color: "#d6293e"
+            text: "2 days and 18 hours"
+            Layout.rightMargin: 8
+            Layout.bottomMargin: 16
+            Layout.topMargin: 16
+            font.styleName: "Bold"
+            font.pointSize: 21
+            font.family: "Roboto"
+        }
+        Button {
+            width: 40
+            icon.source: "../../Bootstrap/icons/x.svg"
+            flat: true
+            checkable: true
+            display: AbstractButton.IconOnly
+            Layout.bottomMargin: 16
+            Layout.topMargin: 16
+            Layout.rightMargin: 8
+            Layout.maximumHeight: 40
+            Layout.maximumWidth: 40
+            Layout.preferredHeight: 40
+            Layout.preferredWidth: 40
+            Layout.minimumHeight: 40
+            Layout.minimumWidth: 40
+        }
+    }
+}