diff options
Diffstat (limited to 'CourseDetailClassic.ui.qml')
| -rw-r--r-- | CourseDetailClassic.ui.qml | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/CourseDetailClassic.ui.qml b/CourseDetailClassic.ui.qml index 79ec0e4..8d64111 100644 --- a/CourseDetailClassic.ui.qml +++ b/CourseDetailClassic.ui.qml @@ -6,6 +6,9 @@ import QtGraphicalEffects 1.15 Flickable { id: flickable property alias header: header + property alias introBadge: introBadge + property alias introTitleHeader: introTitleHeader + property alias introTitleParagraph: introTitleParagraph property alias detailImage: image property alias detailPrice: price property alias detailOriginalPrice: originalPrice @@ -53,6 +56,63 @@ Flickable { source: doesntEmbed ? "" : "Roboto/Roboto-Regular.ttf" } + ColumnLayout { + Layout.topMargin: 48 + Layout.leftMargin: 15 + Layout.rightMargin: 15 + Layout.bottomMargin: 48 + + Rectangle { + Layout.bottomMargin: 16 + implicitWidth: introBadge.width + implicitHeight: introBadge.height + radius: 5.2 + color: Qt.rgba( .0235, .416, .788, 1.0) + Label { + id: introBadge + text: qsTr("Digital Marketing") + color: "white" + font { + family: doesntEmbed ? "Roboto" + : bold.name + weight: Font.Bold + pointSize: 15 + } + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + topPadding: 8 + leftPadding: 25.6 + rightPadding: 25.6 + bottomPadding: 8 + } + } + + Label { + id: introTitleHeader + text: qsTr("The Complete Digital Marketing Course - 12 Courses in 1") + color: "#24292d" + wrapMode: Text.Wrap + Layout.fillWidth: true + font { + family: heebo.name + pointSize: 30 + } + } + + Label { + id: introTitleParagraph + text: qsTr("Satisfied conveying a dependent contented he gentleman agreeable do be. Warrant private blushes removed an in equally totally if. Delivered dejection necessary objection do Mr prevailed. Mr feeling does chiefly cordial in do.") + color: "#747579" + wrapMode: Text.Wrap + Layout.fillWidth: true + font { + family: doesntEmbed ? "Roboto" + : regular.name + pointSize: 15 + } + } + } + Item { Layout.fillWidth: true implicitHeight: width * 1.2 |