1 files changed, 52 insertions, 0 deletions
diff --git a/Shop/Cart/Table/CourseItem.ui.qml b/Shop/Cart/Table/CourseItem.ui.qml
new file mode 100644
index 0000000..a2f5d70
--- /dev/null
+++ b/Shop/Cart/Table/CourseItem.ui.qml
@@ -0,0 +1,52 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Qt5Compat.GraphicalEffects
+import Bootstrap
+import Eduport
+import "../../../TextField"
+import "../../../Button"
+
+GridLayout {
+	rows: width < 990 ? 2 : 1
+	columns: width < 990 ? 1 : 2
+	rowSpacing: 8
+	columnSpacing: 8
+	Rectangle {
+		id: courseItemImage
+		width: 100
+		height: 75
+		Layout.maximumWidth: width
+		Layout.maximumHeight: height
+		radius: 8
+		Layout.rightMargin: 8
+		Layout.bottomMargin: 16
+		Layout.topMargin: 16
+		Layout.leftMargin: 8
+		Layout.alignment: Qt.AlignLeft | Qt.AlignTop
+		Image {
+			id: courseItemImageSource
+			anchors.fill: parent
+			visible: false
+			source: "https://eduport.webestica.com/assets/images/courses/4by3/08.jpg"
+		}
+		OpacityMask {
+			id: coursetemImageMask
+			anchors.fill: courseItemImage
+			source: courseItemImageSource
+			maskSource: courseItemImage
+		}
+	}
+
+	Label {
+		id: courseItemTitle
+		text: "Course Item Title"
+		wrapMode: Label.Wrap
+		Bootstrap.heading: 6
+		Layout.maximumHeight: courseItemImage.height
+		Layout.alignment: parent.width < 990 ? Qt.AlignTop | Qt.AlignHCenter : Qt.AlignLeft
+		| Qt.AlignVCenter
+		Layout.fillWidth: true
+		Layout.fillHeight: parent.width < 990 ? true : false
+	}
+}