diff --git a/CSS/FirstPage.css b/CSS/FirstPage.css new file mode 100644 index 0000000..17baa06 --- /dev/null +++ b/CSS/FirstPage.css @@ -0,0 +1,178 @@ +body { + margin: 0; + line-height: normal; +} + +header { + display: flex; + justify-content: space-between; + border: 1px solid black; +} + +footer { + margin-top: 5%; + height: 100%; + background-color: #0b3942; + display: flex; + text-align: center; +} +#logo { + border: 2px solid rgb(47, 96, 170); + border-style: ridge; + box-sizing: border-box; + padding-left: 100px; + padding-right: 100px; + margin-left: 10px; + width: 100%; + height: 100%; +} +#circle { + margin-left: 2%; + width: 15%; + background-color: gainsboro; + border-radius: 50%; + text-align: center; + display: flex; +} +:root { + /* fonts */ + --font-inter: Inter; + --font-arial: Arial; + + /* font sizes */ + --font-size-xl: 20px; + --font-size-base: 16px; + --font-size-5xl: 24px; + --font-size-lgi: 19px; + + /* Colors */ + --color-white: #fff; + --color-black: #000; + --color-aquamarine: #13f7ce; + --color-blueviolet: #8f01ff; + --color-paleturquoise: #c1fceb; + --color-darkblue: #2909a7; + --color-yellow-100: #ebff00; + + /* Gaps */ + --gap-4xs: 9px; + --gap-xl: 20px; + + /* Paddings */ + --padding-84xl: 103px; + --padding-xl: 20px; + --padding-13xl: 32px; + --padding-6xs: 7px; + --padding-33xl: 52px; + --padding-32xl: 51px; + --padding-14xl: 33px; + --padding-xs: 12px; + --padding-8xl: 27px; + --padding-23xl: 42px; + + /* Border radiuses */ + --br-11xl: 30px; +} + +.big-box { + background-image: url("./../Images/slide1.jfif"); /* Đường dẫn tới hình ảnh của bạn */ + background-size: cover; /* Đảm bảo hình ảnh nền bao phủ toàn bộ phần diện tích của trang */ + background-position-x: center; /* Canh chỉnh vị trí của hình nền */ + background-repeat: no-repeat; /* Không lặp lại hình ảnh */ +} + +.box1 { + margin-top: 0%; + margin-right: 50%; + margin-bottom: 0%; + margin-left: 22%; + width: 28%; + padding: 0%; + border: none; +} + +.box2 { + margin-top: 1%; + margin-right: 40%; + margin-bottom: 1%; + margin-left: 10%; + width: 50%; + padding: 0%; + border-color: var(--color-yellow-100); + border-style: solid; + border-width: 1px; + border-radius: 20px; +} + +.box3 { + margin-top: 0%; + margin-right: 0%; + margin-bottom: 0%; + margin-left: 0%; + width: 100%; + padding: 0%; + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 10px; +} + +.small-box1 { + margin-top: 70%; + margin-right: 0%; + margin-bottom: 0%; + margin-left: 60%; + width: 40%; + height: 45%; + padding: 0%; + background-color: #9ff5f5; + text-align: center; +} + +.small-box2 { + margin-top: 70%; + margin-right: 0%; + margin-bottom: 0%; + margin-left: 30%; + width: 40%; + height: 45%; + padding: 0%; + background-color: #9ff5f5; + text-align: center; +} + +.small-box3 { + margin-top: 70%; + margin-right: 0%; + margin-bottom: 0%; + margin-left: 0%; + width: 40%; + height: 45%; + padding: 0%; + background-color: #9ff5f5; + text-align: center; +} + +.text1 { + color: var(--color-white); + margin-top: 0; + padding-top: 40px; +} + +.text2 { + color: var(--color-yellow-100); + text-align: center; + margin-block-start: 3px; + margin-block-end: 3px; +} + +.text3 { + color: var(--color-darkblue); + text-align: center; + margin-block-start: 1em; + margin-block-end: 1em; +} + +.image-child { + margin-top: 25%; + width: 50%; +} diff --git a/CSS/StudentProfile.css b/CSS/StudentProfile.css new file mode 100644 index 0000000..271d699 --- /dev/null +++ b/CSS/StudentProfile.css @@ -0,0 +1,88 @@ +header { + background-color: white; + min-width: 100%; + height: 10%; + display: flex; + justify-content: space-between; +} + +#logo { + box-sizing: border-box; + padding-left: 100px; + padding-right: 100px; + margin-left: 10px; + width: 100%; + height: 100%; +} +#circle { + margin-left: 2%; + width: 15%; + display: flex; + background-color: gainsboro; + border-radius: 50%; + text-align: center; +} + +body { + min-height: 70%; + margin: 0; + line-height: normal; + position: fixed; + width: 100%; + background-color: rgb(206, 206, 206); +} +.main { + border: 1px solid black; + display: flex; + overflow: hidden; + height: 85vh; +} +.leftBody { + background-color: rgb(58, 35, 35); + width: 18%; + color: white; +} +.rightBody { + width: 82%; +} +.dataTable { + background-color: white; + height: 92%; + width: 98%; + margin: auto; + margin-top: 0.6%; + box-shadow: 5px 10px burlywood; +} + +.navigation a { + float: right; + display: inline; + color: #020202; + text-align: center; + padding: 2vh 10vh; + box-shadow: inset 0 0 0#ddd; + text-decoration: none; +} +.navigation { + display: flex; + background-color: wheat; + box-sizing: border-box; + height: 8%; + /* border: 1px solid black; */ +} +.smallbox { + background-color: rgb(204, 203, 203); + font-weight: bold; +} +.smallbox p{ + box-shadow: 2px 2px 10px rgb(104, 103, 103); +} +footer { + position: fixed; + bottom: 0px; + width: 100%; + height: 10%; + background-color: #0b3942; + color: wheat; + text-align: center; +} diff --git a/HTML/FirstPage.html b/HTML/FirstPage.html new file mode 100644 index 0000000..9fc71d6 --- /dev/null +++ b/HTML/FirstPage.html @@ -0,0 +1,174 @@ + + + + + + MUT Education + + + + +
+ + + +
+ Thông báo +
+
+

TÊN VIẾT TẮT

+
+
+ + +
+
+

CHƯƠNG TRÌNH CHẤT LƯỢNG VỚI ĐA DẠNG NGÀNH

+
+

Chương trình đào tạo

+
+
+
+ +

GIẢNG VIÊN

+ Giảng viên + + +

SINH VIÊN

+ Sinh viên + + +

KHÓA HỌC

+ Khóa học + +
+
+ + + + diff --git a/HTML/StudentProfile.html b/HTML/StudentProfile.html new file mode 100644 index 0000000..6d9ad37 --- /dev/null +++ b/HTML/StudentProfile.html @@ -0,0 +1,85 @@ + + + + + + MUT Education + + + + +
+ + + +
+ Thông báo +
+
+

TÊN VIẾT TẮT

+
+
+ + +
+
+ + + + +
+
+
+
+ +
+
+ Last updated time: dd/mm/yyyy realtime +
+
+

Persional Infomation

+
+
+

Address Infomation

+
+
+
+
+ + + diff --git a/page2/public/logo.png b/Images/logo.png similarity index 100% rename from page2/public/logo.png rename to Images/logo.png diff --git a/page2/public/rectangle-21.jfif b/Images/slide1.jfif similarity index 100% rename from page2/public/rectangle-21.jfif rename to Images/slide1.jfif diff --git a/public/uniBackground.png b/Images/uniBackground.png similarity index 100% rename from public/uniBackground.png rename to Images/uniBackground.png diff --git a/icon/HomeIcon.svg b/icon/HomeIcon.svg new file mode 100644 index 0000000..feec2fd --- /dev/null +++ b/icon/HomeIcon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/icon/bookIcon.png b/icon/bookIcon.png new file mode 100644 index 0000000..a9c85c7 Binary files /dev/null and b/icon/bookIcon.png differ diff --git a/icon/contact.png b/icon/contact.png new file mode 100644 index 0000000..16d326d Binary files /dev/null and b/icon/contact.png differ diff --git a/icon/emoji1.png b/icon/emoji1.png new file mode 100644 index 0000000..d9b70d4 Binary files /dev/null and b/icon/emoji1.png differ diff --git a/icon/emoji2.png b/icon/emoji2.png new file mode 100644 index 0000000..fc3c887 Binary files /dev/null and b/icon/emoji2.png differ diff --git a/icon/emoji3.png b/icon/emoji3.png new file mode 100644 index 0000000..9996a2b Binary files /dev/null and b/icon/emoji3.png differ diff --git a/icon/humanIcon.svg b/icon/humanIcon.svg new file mode 100644 index 0000000..2085289 --- /dev/null +++ b/icon/humanIcon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/icon/infoIcon.svg b/icon/infoIcon.svg new file mode 100644 index 0000000..1872a19 --- /dev/null +++ b/icon/infoIcon.svg @@ -0,0 +1,3 @@ + + + diff --git a/icon/lefticon.png b/icon/lefticon.png new file mode 100644 index 0000000..3ee48be Binary files /dev/null and b/icon/lefticon.png differ diff --git a/page2/public/map.png b/icon/map.png similarity index 100% rename from page2/public/map.png rename to icon/map.png diff --git a/page2/public/message.png b/icon/message.png similarity index 100% rename from page2/public/message.png rename to icon/message.png diff --git a/icon/notification.png b/icon/notification.png new file mode 100644 index 0000000..93df8a3 Binary files /dev/null and b/icon/notification.png differ diff --git a/page2/public/phone.png b/icon/phone.png similarity index 100% rename from page2/public/phone.png rename to icon/phone.png diff --git a/icon/questionIcon.png b/icon/questionIcon.png new file mode 100644 index 0000000..ef4f48a Binary files /dev/null and b/icon/questionIcon.png differ diff --git a/icon/righticon.png b/icon/righticon.png new file mode 100644 index 0000000..d27f6f2 Binary files /dev/null and b/icon/righticon.png differ diff --git a/index.css b/index.css index 5a945a7..afe41e2 100644 --- a/index.css +++ b/index.css @@ -29,8 +29,12 @@ margin: 60px auto; display: block; width: 150px; - justify-content: center; + cursor: pointer; + text-decoration: none; font-size: 20px; + font-weight: bold; + text-align: center; + border: 1px solid wheat; border-radius: 15px; background-color: rgb(13, 79, 133); color: white; @@ -60,8 +64,7 @@ object-fit: cover; } body { - /* position: relative; */ - background-image: url("./public/uniBackground.png"); + background-image: url("./Images/uniBackground.png"); background-size: cover; display: static; margin: 0; diff --git a/index.html b/index.html index 89683d9..8d1f243 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@
- + - + SIGN IN

Nếu bạn không thuộc bộ phận của trường, hãy đăng nhập bằng tài khoản khách. diff --git a/page2/FirstPage.css b/page2/FirstPage.css deleted file mode 100644 index dd44082..0000000 --- a/page2/FirstPage.css +++ /dev/null @@ -1,157 +0,0 @@ -body { - margin: 0; - line-height: normal; -} - -header { - display: flex; -} - -footer { - margin-top: 5%; - height: 100%; - background-color: #0b3942; - display: flex; - text-align: center; -} - -:root { - /* fonts */ - --font-inter: Inter; - --font-arial: Arial; - - /* font sizes */ - --font-size-xl: 20px; - --font-size-base: 16px; - --font-size-5xl: 24px; - --font-size-lgi: 19px; - - /* Colors */ - --color-white: #fff; - --color-black: #000; - --color-aquamarine: #13f7ce; - --color-blueviolet: #8f01ff; - --color-paleturquoise: #c1fceb; - --color-darkblue: #2909a7; - --color-yellow-100: #ebff00; - - /* Gaps */ - --gap-4xs: 9px; - --gap-xl: 20px; - - /* Paddings */ - --padding-84xl: 103px; - --padding-xl: 20px; - --padding-13xl: 32px; - --padding-6xs: 7px; - --padding-33xl: 52px; - --padding-32xl: 51px; - --padding-14xl: 33px; - --padding-xs: 12px; - --padding-8xl: 27px; - --padding-23xl: 42px; - - /* Border radiuses */ - --br-11xl: 30px; -} - -.big-box { - background-image: url('./public/rectangle-21.jfif'); /* Đường dẫn tới hình ảnh của bạn */ - background-size: cover; /* Đảm bảo hình ảnh nền bao phủ toàn bộ phần diện tích của trang */ - background-position-x: center; /* Canh chỉnh vị trí của hình nền */ - background-repeat: no-repeat; /* Không lặp lại hình ảnh */ -} - -.box1 { - margin-top: 0%; - margin-right: 50%; - margin-bottom: 0%; - margin-left: 22%; - width: 28%; - padding: 0%; - border: none; -} - -.box2 { - margin-top: 1%; - margin-right: 40%; - margin-bottom: 1%; - margin-left: 10%; - width: 50%; - padding: 0%; - border-color: var(--color-yellow-100); - border-style: solid; - border-width: 1px; - border-radius: 20px; -} - -.box3 { - margin-top: 0%; - margin-right: 0%; - margin-bottom: 0%; - margin-left: 0%; - width: 100%; - padding: 0%; - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 10px; -} - -.small-box1{ - margin-top: 70%; - margin-right: 0%; - margin-bottom: 0%; - margin-left: 60%; - width: 40%; - height: 45%; - padding: 0%; - background-color: #9ff5f5; - text-align: center; -} - -.small-box2{ - margin-top: 70%; - margin-right: 0%; - margin-bottom: 0%; - margin-left: 30%; - width: 40%; - height: 45%; - padding: 0%; - background-color: #9ff5f5; - text-align: center; -} - -.small-box3{ - margin-top: 70%; - margin-right: 0%; - margin-bottom: 0%; - margin-left: 0%; - width: 40%; - height: 45%; - padding: 0%; - background-color: #9ff5f5; - text-align: center; -} - -.text1 { - color: var(--color-white); -} - -.text2 { - color: var(--color-yellow-100); - text-align: center; - margin-block-start: 3px; - margin-block-end: 3px; -} - -.text3 { - color: var(--color-darkblue); - text-align: center; - margin-block-start: 1em; - margin-block-end: 1em; -} - -.image-child { - margin-top: 25%; - width: 50%; -} \ No newline at end of file diff --git a/page2/FirstPage.html b/page2/FirstPage.html deleted file mode 100644 index cff600c..0000000 --- a/page2/FirstPage.html +++ /dev/null @@ -1,92 +0,0 @@ - - - - - - - - - - - -

- logo -
- Thông báo -
-
-

TÊN VIẾT TẮT

-
-
- - -
-
-

CHƯƠNG TRÌNH CHẤT LƯỢNG VỚI ĐA DẠNG NGÀNH

-
-

Chương trình đào tạo

-
-
-
- -

GIẢNG VIÊN

- Giảng viên - - -

SINH VIÊN

- Sinh viên - - -

KHÓA HỌC

- Khóa học - -
-
- - - - - \ No newline at end of file diff --git a/page2/public/contact.jfif b/page2/public/contact.jfif deleted file mode 100644 index 321f18f..0000000 Binary files a/page2/public/contact.jfif and /dev/null differ diff --git a/page2/public/emoji1.jfif b/page2/public/emoji1.jfif deleted file mode 100644 index 1663406..0000000 Binary files a/page2/public/emoji1.jfif and /dev/null differ diff --git a/page2/public/emoji2.jfif b/page2/public/emoji2.jfif deleted file mode 100644 index 0614739..0000000 Binary files a/page2/public/emoji2.jfif and /dev/null differ diff --git a/page2/public/emoji3.jfif b/page2/public/emoji3.jfif deleted file mode 100644 index 1c729af..0000000 Binary files a/page2/public/emoji3.jfif and /dev/null differ diff --git a/page2/public/notification.jfif b/page2/public/notification.jfif deleted file mode 100644 index 1f2c7eb..0000000 Binary files a/page2/public/notification.jfif and /dev/null differ diff --git a/public/logo.png b/public/logo.png deleted file mode 100644 index 1b2bcca..0000000 Binary files a/public/logo.png and /dev/null differ