1 files changed, 114 insertions, 0 deletions
diff --git a/Card.ui.qml b/Card.ui.qml
new file mode 100644
index 0000000..ff46411
--- /dev/null
+++ b/Card.ui.qml
@@ -0,0 +1,114 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+Item {
+	property alias cardImage: image
+	property alias cardTitle: title
+	property alias textTruncate: textTruncate
+
+	width: 300
+	height: 480
+
+	Rectangle {
+		anchors {
+			top: parent.top
+			topMargin: 51.2
+			left: parent.left
+			leftMargin: 25.6
+			right: parent.right
+			rightMargin: 25.6
+			bottom: parent.bottom
+		}
+
+		Image {
+			id: image
+			source: "darapsa.svg"
+			sourceSize {
+				width: parent.width
+				height: parent.width * 3 / 4
+			}
+		}
+
+		Item {
+			id: body
+			width: parent.width
+			anchors {
+				top: image.bottom
+				bottom: parent.bottom
+			}
+
+			Item {
+				id: badgeAndFavorite
+				height: favorite.sourceSize.height
+				anchors {
+					top: parent.top
+					left: parent.left
+					leftMargin: 16
+					right: parent.right
+					rightMargin: 16
+				}
+
+				Label {
+					text: qsTr("Beginner")
+					font.pointSize:12
+					anchors {
+						verticalCenter: parent.verticalCenter
+						left: parent.left
+						leftMargin: 8
+					}
+				}
+
+				Image {
+					id: favorite
+					source: "Font-Awesome/svgs/solid/heart.svg"
+					sourceSize {
+						width: 16
+						height: 16
+					}
+					anchors {
+						right: parent.right
+						rightMargin: 8
+					}
+				}
+			}
+
+			Label {
+				id: title
+				text: qsTr("Sketch from A to Z: for app designer")
+				wrapMode: Text.Wrap
+				font {
+					weight: Font.Medium
+					pointSize: 20
+				}
+				anchors {
+					top: badgeAndFavorite.bottom
+					topMargin: 16
+					left: parent.left
+					leftMargin: 16
+					right: parent.right
+					rightMargin: 16
+				}
+			}
+
+			Label {
+				id: textTruncate
+				text: qsTr("Rooms oh fully taken by worse do Points afraid but may end Rooms Points afraid but may end Rooms")
+				wrapMode: Text.Wrap
+				font {
+					weight: Font.Light
+					pointSize: 14
+				}
+				anchors {
+					top: title.bottom
+					topMargin: 16
+					bottom: parent.bottom
+					bottomMargin: 16
+					left: parent.left
+					leftMargin: 16
+					right: parent.right
+					rightMargin: 16
+				}
+			}
+		}
+	}
+}