Course detail classic page intro

Badge, intro header & paragraph for now

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