add InstructorContent.ui.qml

1 files changed, 43 insertions, 0 deletions

diff --git a/InstructorContent.ui.qml b/InstructorContent.ui.qml
new file mode 100644
index 0000000..db0a15d
--- /dev/null
+++ b/InstructorContent.ui.qml
@@ -0,0 +1,43 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+GridLayout {
+	id: instructorContent
+	width: instructorContent.width
+	height: instructorContent.height
+
+	Image {
+		id: instructorImage
+		Layout.preferredWidth: 300
+		Layout.preferredHeight: 300
+		source: "https://eduport.webestica.com/assets/images/instructor/01.jpg"
+		fillMode: Image.PreserveAspectFit
+		Layout.margins: 8
+	}
+	ColumnLayout {
+		id: instructoryBody
+		spacing: 8
+		Layout.margins: 8
+		
+		Label {
+			id: instructorFullname
+			color: "#000000"
+			text: qsTr("Instructor Fullname")
+			font.styleName: "Bold"
+			font.pointSize: 32
+			font.family: "roboto"
+
+		}
+		Label {
+			id: instructorTitle
+			color: "#66000000"
+			text: qsTr("Instructor of Marketing")
+			font.styleName: "Regular"
+			font.pointSize: 16
+			font.family: "roboto"
+
+		}
+	}
+	
+}
\ No newline at end of file