ADD: folder build

docker-compose.yml

@@ -10,7 +10,7 @@ services:
       - "1990:80"
       - "19043:443"
     volumes:
-      - ./:/var/www
+      - ./student:/var/www
       - ./nginx/conf.d/student_conf.d/:/etc/nginx/conf.d
     networks:
       - app-network
@@ -23,7 +23,7 @@ services:
       - "1995:80"
       - "19543:443"
     volumes:
-      - ./:/var/www
+      - ./teacher:/var/www
       - ./nginx/conf.d/teacher_conf.d:/etc/nginx/conf.d
     networks:
       - app-network

student/build/.htaccess

@@ -0,0 +1,6 @@
+RewriteEngine On
+RewriteBase /
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteCond %{REQUEST_FILENAME} !-l
+RewriteRule ^.*$ / [L,QSA]

student/build/asset-manifest.json

@@ -0,0 +1,23 @@
+{
+  "files": {
+    "main.css": "/static/css/main.1659ff52.chunk.css",
+    "main.js": "/static/js/main.aa11bc24.chunk.js",
+    "main.js.map": "/static/js/main.aa11bc24.chunk.js.map",
+    "runtime-main.js": "/static/js/runtime-main.65841be3.js",
+    "runtime-main.js.map": "/static/js/runtime-main.65841be3.js.map",
+    "static/css/2.622f0484.chunk.css": "/static/css/2.622f0484.chunk.css",
+    "static/js/2.0baccf3e.chunk.js": "/static/js/2.0baccf3e.chunk.js",
+    "static/js/2.0baccf3e.chunk.js.map": "/static/js/2.0baccf3e.chunk.js.map",
+    "index.html": "/index.html",
+    "static/css/2.622f0484.chunk.css.map": "/static/css/2.622f0484.chunk.css.map",
+    "static/css/main.1659ff52.chunk.css.map": "/static/css/main.1659ff52.chunk.css.map",
+    "static/js/2.0baccf3e.chunk.js.LICENSE.txt": "/static/js/2.0baccf3e.chunk.js.LICENSE.txt"
+  },
+  "entrypoints": [
+    "static/js/runtime-main.65841be3.js",
+    "static/css/2.622f0484.chunk.css",
+    "static/js/2.0baccf3e.chunk.js",
+    "static/css/main.1659ff52.chunk.css",
+    "static/js/main.aa11bc24.chunk.js"
+  ]
+}

student/build/assets/css/button.css

@@ -0,0 +1,49 @@
+.btn-line-blue{
+	padding: 0 25px;
+	height: 40px;
+	border-radius: 20px;
+	border: none;
+	background-image: linear-gradient(to right, #00b9b7 , #00e1a0);
+	font-size: 16px;
+	line-height: 40px;
+	color: #fff;
+	/* transition: 0.8s; */
+	font-family: 'Myriadpro-SemiBold';
+	/* min-width: 100px; */
+}
+
+.btn-line-blue.border-transparent{
+	border: 2px solid transparent;
+}
+.btn-line-blue:hover{
+	/* background-image: linear-gradient(to top, #00b9b7 , #00e1a0); */
+	transition: 0s;
+    background: #00C0B4;
+    color: #ffffff;
+}
+.btn-custom-hei{
+	height: 36px;
+	line-height: 36px;
+	border-radius: 18px;
+}
+.btn-line-blue.btn-p35{
+	padding: 0 35px;
+}
+@media screen and (max-height: 700px) {
+	.btn-line-blue {
+	    padding: 0 15px;
+	    height: 32px;
+	    line-height: 32px;
+	    border-radius: 16px;
+	    border: none;
+	    font-size: 14px;
+	    background-image: linear-gradient(to right, #00e1a0 , #00b9b7);
+	    color: #fff;
+	    /* transition: 0.8s; */
+	    font-family: 'Myriadpro-SemiBold';
+	    /* min-width: 80px; */
+	}
+	.btn-line-blue.btn-p35{
+		padding: 0 25px;
+	}
+}

student/build/assets/css/change_password.css

@@ -0,0 +1,114 @@
+.header-change-password {
+    height: 20vh;
+    background-image: linear-gradient(to right, #03c6b8, #009393);
+    display: flex;
+    align-items: center;
+    min-height: 175px;
+}
+
+.header-change-password .logo {
+    width: 220px;
+    margin-left: 50px;
+}
+
+.header-change-password .logo img {
+    width: 100%;
+    object-fit: cover;
+}
+
+.change-password-container {
+    background: #e6e7e9;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    padding: 50px 20px;
+    height: 80vh;
+    min-height: 500px;
+}
+
+.form-change-password {
+    box-shadow: 0 1px 15px 0 rgba(21, 27, 38, .15);
+    background: #ffffff;
+    border: 0;
+    border-radius: 20px;
+    text-align: center;
+    width: 100%;
+    max-width: 750px;
+    max-height: 400px;
+}
+
+.form-change-password h2.title {
+    font-size: 18px;
+    color: #000000;
+    margin-top: 20px;
+    font-weight: 700;
+}
+
+.form-change-password form {
+    margin: 20px;
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    justify-content: center;
+}
+
+.form-change-password-input {
+    margin: 0 10px 15px 10px;
+    width: 100%;
+    max-width: 350px;
+}
+
+.form-change-password-input input {
+    height: 60px;
+    width: 100%;
+    line-height: 60px;
+    font-size: 18px;
+    box-sizing: border-box;
+    padding-left: 30px;
+    border-radius: 20px;
+    background: #e6e7e9;
+    border: 0;
+    outline: none;
+}
+
+.form-change-password-input.err input {
+    border: solid 1px #e22028;
+}
+
+.form-change-password-input button {
+    height: 60px;
+    width: 100%;
+    line-height: 60px;
+    font-size: 18px;
+    color: #ffffff;
+    font-weight: 700;
+    text-align: center;
+    border: 0;
+    border-radius: 20px;
+    outline: none;
+    background: #00b8b6;
+}
+
+.form-change-password-input .ico_input_right {
+    position: absolute;
+    top: 18px;
+    right: 20px;
+}
+
+.form-change-password-input .error-help {
+    margin-top: 10px;
+}
+
+.form-change-password-input.err .error-help img {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.form-change-password-input.err .error-help p {
+    font-size: 18px;
+    color: #e22028;
+    line-height: 31px;
+    margin: 0;
+    padding: 0 0 0 40px;
+}

student/build/assets/css/input.css

@@ -0,0 +1,194 @@
+.form-sunE-input {
+  margin: 20px 0 0;
+}
+
+.form-sunE-input input {
+  height: 44px;
+  width: 100%;
+  line-height: 44px;
+  font-size: 16px;
+  box-sizing: border-box;
+  padding-left: 60px;
+  border-radius: 22px;
+  outline: none;
+  border: 2px solid #fff;
+  box-shadow: 0 1px 8px 0 rgba(21, 27, 38, 0.15);
+}
+.form-sunE-input .ico_input {
+  position: absolute;
+  top: 7px;
+  left: 15px;
+  z-index: 1;
+}
+.width-22 {
+  width: 22px;
+}
+
+.form-sunE-input .ico_phone {
+  left: 18px;
+}
+.form-sunE-input .ico_top_3 {
+  top: 3px;
+}
+
+.form-sunE-input.ico_left_custom input {
+  padding-left: 60px;
+}
+
+.checkbox-gr input {
+  margin: -3px 5px 0 0;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #00b9b7;
+  font-size: 16px;
+}
+
+.err input {
+  border-color: #e22028;
+}
+
+.select-hidden {
+  display: none;
+  visibility: hidden;
+  padding-right: 10px;
+}
+
+.select {
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  font-size: 16px;
+  color: #fff;
+  width: 100%;
+  height: 48px;
+  line-height: 48px;
+  border-radius: 24px;
+  border: none;
+  background-image: linear-gradient(to right, #00e1a0, #00b9b7);
+}
+
+.select-styled {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-image: linear-gradient(to right, #00e1a0, #00b9b7);
+  width: 100%;
+  height: 48px;
+  line-height: 48px;
+  border: none;
+  /* transition: all 0.2s ease-in; */
+  border-radius: 24px;
+  color: #fff;
+  font-size: 16px;
+  text-align: center;
+  font-family: "Myriadpro-Bold";
+  z-index: 10;
+  display: flex;
+}
+
+.select-styled:after {
+  content: "";
+  width: 32px;
+  height: 32px;
+  background: url("./../images/icon/ico_dropdown_border_white.png") 98% / 32px
+    no-repeat transparent;
+  position: absolute;
+  top: 8px;
+  right: 10px;
+}
+.select-styled.active:after {
+  border-color: transparent transparent #fff transparent;
+}
+.select-options {
+  display: none;
+  position: absolute;
+  padding: 24px 40px 0;
+  top: 24px;
+  right: 0;
+  left: 0;
+  z-index: 9;
+  margin: 0;
+  list-style: none;
+  background-color: #fff;
+  border-radius: 24px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  border: none;
+  box-shadow: 0 1px 15px 0 rgba(21, 27, 38, 0.15);
+  max-height: calc(100vh - 100px);
+  overflow: auto;
+}
+.select-options li {
+  margin: 0;
+  text-indent: 15px;
+  transition: all 0.15s ease-in;
+  border-bottom: 1px solid #000;
+  text-align: center;
+  display: flex;
+}
+.select-options li:last-child {
+  border-bottom: none;
+}
+.select-options li[rel="hide"] {
+  display: none;
+}
+
+.select-options.left li {
+  text-align: left;
+}
+.select .image-selected {
+  margin-right: 1rem;
+}
+.select .image-option {
+  width: 30px;
+  height: 30px;
+  border-radius: 100%;
+  align-self: center;
+  display: flex;
+  border: 1px solid var(--primary-green);
+}
+
+.select .image-option.image-option-logo {
+  border: 1px solid var(--light-yellow);
+}
+
+.select .image-option img {
+  width: 26px;
+  height: 18px;
+  object-fit: contain;
+  margin: auto;
+}
+
+@media screen and (max-height: 700px) {
+  .select {
+    font-size: 13px;
+    height: 32px;
+    line-height: 32px;
+    border-radius: 16px;
+  }
+
+  .select-styled {
+    height: 32px;
+    line-height: 32px;
+    border-radius: 16px;
+    font-size: 14px;
+  }
+
+  .select-styled:after {
+    content: "";
+    width: 26px;
+    height: 26px;
+    top: 4px;
+    right: 5px;
+    background: url(./../images/icon/ico_dropdown_border_white.png) 96% / 26px
+      no-repeat transparent;
+  }
+  .select-options {
+    padding: 32px 32px 0;
+    top: 0;
+    border-radius: 18px;
+    max-height: calc(100vh - 90px);
+  }
+}

student/build/assets/css/login.css

@@ -0,0 +1,189 @@
+.max430 {
+  max-width: 400px;
+  margin: 0 auto;
+}
+.top-image img {
+  width: 100%;
+  height: auto;
+  display: block;
+}
+h2.title {
+  font-family: "Myriadpro-Bold";
+  font-size: 18px;
+}
+.login-form-container {
+  padding: 0;
+}
+.res-form-container {
+  padding: 40px 0 40px;
+}
+.help-block {
+  margin: 20px 0 0;
+  padding: 0 15px;
+}
+.form-sunE-button {
+  margin: 20px 0;
+  text-align: center;
+}
+.sunE-main-title .form-sunE-button {
+  margin: 0;
+}
+.sunE-custom-form a:hover {
+  color: #00b9b7;
+  text-decoration: none;
+}
+.sunE-line-or {
+  margin: 40px 0 0;
+}
+.sunE-line-or span {
+  width: 80px;
+  background: #f3ffff;
+  position: absolute;
+  display: block;
+  top: -9px;
+  left: calc(50% - 40px);
+  text-align: center;
+}
+.more-login {
+  margin: 30px 0 0;
+}
+.more-login img {
+  cursor: pointer;
+}
+.mr-5 {
+  margin-right: 5px;
+}
+.ml-5 {
+  margin-left: 5px;
+}
+.sunE-bottom-form {
+  margin: 20px 0 0;
+}
+.sunE-bottom-form p {
+  text-align: center;
+}
+.sunE-bottom-form p a {
+  font-family: "Myriadpro-Bold";
+}
+
+.sendMail-title {
+  color: #00b9b7;
+  margin: 100px 0 0px;
+}
+.profile-title {
+  color: #00b9b7;
+  margin: 30px 0;
+}
+.sunE-male-female {
+  width: 44px;
+  height: 44px;
+  text-align: center;
+  background: #fff;
+  border-radius: 33px;
+  border: none;
+  box-shadow: 0 1px 15px 0 rgba(21, 27, 38, 0.15);
+  margin: 20px 0 0 10px;
+  line-height: 60px;
+  display: inline-block;
+  cursor: pointer;
+}
+
+.ico_male,
+.ico_male_active {
+  width: 26px;
+  margin: 10px auto;
+}
+.ico_female,
+.ico_female_active {
+  width: 20px;
+  margin: 5px auto;
+}
+.sunE-male-female.male .ico_male_active {
+  display: none;
+}
+.sunE-male-female.male .ico_male {
+  display: block;
+}
+.sunE-male-female.male.active .ico_male_active {
+  display: block;
+}
+.sunE-male-female.male.active .ico_male {
+  display: none;
+}
+.sunE-male-female.female .ico_female_active {
+  display: none;
+}
+.sunE-male-female.female .ico_female {
+  display: block;
+}
+.sunE-male-female.female.active .ico_female_active {
+  display: block;
+}
+.sunE-male-female.female.active .ico_female {
+  display: none;
+}
+.error-help {
+  margin: 20px 0 20px 15px;
+}
+.customErrorHelpClassName {
+  margin: 20px 0 0 0;
+}
+.error-help p {
+  font-size: 18px;
+  color: #e22028 !important;
+  line-height: 21px;
+  margin: 0;
+  padding: 0 0 0 0px;
+}
+.bg-login {
+  background-image: url("./../images/bg_auth_full_1.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+  min-height: 100vh;
+}
+.bg-login .version-app {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+.bg-register {
+  background-image: url("./../images/BG_ND.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+  min-height: 100vh;
+}
+
+.bg-login .logo img,
+.bg-register .logo img {
+  margin-top: 7px;
+}
+
+.btn-re {
+  text-decoration: underline;
+}
+.more-login img {
+  width: 56px;
+}
+.form-sunE-button.mar-b-0 {
+  margin-bottom: 0 !important;
+}
+@media screen and (max-height: 800px) {
+  .error-help p {
+    font-size: 14px;
+    line-height: 20px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .sunE-form-container {
+    padding: 0 10px;
+  }
+  .login-form-container {
+    padding: 100px 16px 40px;
+  }
+  .res-form-container {
+    padding: 100px 10px 40px;
+  }
+  .register_account_type .account_detail_placeholder {
+    height: 100px;
+  }
+}