Feat: Login page and css related to it

public/assets/frontend/css/app.css

@@ -0,0 +1,27 @@
+.textLg{
+    font-size: 2rem;
+}
+.customPos{
+    justify-content: center;
+    align-items: center;
+    justify-items: center;
+}
+.textWhite{
+    color: white !important;
+}
+.customHeight{
+    height: 82vh;
+}
+.bgGrad{
+    background: linear-gradient(to right, #b7202e 75%, #ed1c24 75%);
+}
+.bgGradDown{
+    /* background: linear-gradient(to bottom, #b7202e 65%, #ed1c24 65%); */
+    background-color: #b7202e !important;
+}
+.noPadding{
+    padding-left: 0px !important; 
+}
+.bg-light2{
+    background-color: #ffffff !important;
+}

public/assets/frontend/css/guest.css

@@ -0,0 +1,48 @@
+.fakeHeader {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+}
+.fakeHeader img {
+    height: 64px;
+}
+
+.fakeHeader h1 {
+    padding-right: 8rem;
+
+}
+
+.loginFooter {
+    position: fixed;
+    bottom: 0px;
+    width: 100%;
+    height: 10%;
+}
+.footerRight{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    height: 50%;
+    width: 10%;
+    background-color: #ED1C24;
+    
+}
+.footerMiddle{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    height: 50%;
+    width: 80%;
+    background-color: #B7202E;
+}
+.footerLeft{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    width: 10%;
+    background-color: #B7202E;
+}
+.customHeight{
+    height: 75vh;
+}

public/assets/frontend/images/arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.40803 10H25.592L16 20.962L6.40803 10ZM4.90203 11.318L14.494 22.278C14.6818 22.4928 14.9133 22.665 15.173 22.783C15.4328 22.9009 15.7147 22.962 16 22.962C16.2853 22.962 16.5673 22.9009 16.827 22.783C17.0868 22.665 17.3183 22.4928 17.506 22.278L27.098 11.318C28.23 10.024 27.31 8 25.592 8H6.40803C6.02354 7.99967 5.6471 8.11018 5.3238 8.31828C5.0005 8.52639 4.74404 8.82327 4.58513 9.17339C4.42622 9.5235 4.37159 9.912 4.4278 10.2924C4.484 10.6727 4.64865 11.0288 4.90203 11.318Z" fill="#F5F5F5"/>
+</svg>

public/assets/frontend/images/arrow-left.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 25.592V6.40797L9.03798 16L20 25.592ZM18.682 27.098L7.72198 17.506C7.50716 17.3182 7.33499 17.0867 7.21702 16.827C7.09906 16.5672 7.03802 16.2852 7.03802 16C7.03802 15.7147 7.09906 15.4327 7.21702 15.1729C7.33499 14.9132 7.50716 14.6817 7.72198 14.494L18.682 4.90197C18.9712 4.64859 19.3273 4.48394 19.7076 4.42773C20.088 4.37153 20.4765 4.42616 20.8266 4.58507C21.1767 4.74398 21.4736 5.00044 21.6817 5.32374C21.8898 5.64704 22.0003 6.02348 22 6.40797V25.592C22.0003 25.9765 21.8898 26.3529 21.6817 26.6762C21.4736 26.9995 21.1767 27.256 20.8266 27.4149C20.4765 27.5738 20.088 27.6284 19.7076 27.5722C19.3273 27.516 18.9712 27.3513 18.682 27.098Z" fill="#333333"/>
+</svg>

public/assets/frontend/images/bday-icon.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_55_126)">
+<path d="M11.991 0.0195664L11.0985 1.20457C10.9283 1.42975 10.8493 1.71087 10.8774 1.99175C10.9055 2.27263 11.0386 2.53255 11.25 2.71957V6.00007H7.5C6.70435 6.00007 5.94129 6.31614 5.37868 6.87875C4.81607 7.44135 4.5 8.20442 4.5 9.00007V13.5001H3C2.20435 13.5001 1.44129 13.8161 0.87868 14.3787C0.316071 14.9414 0 15.7044 0 16.5001L0 22.5001C0 22.8979 0.158035 23.2794 0.43934 23.5607C0.720644 23.842 1.10218 24.0001 1.5 24.0001H22.5C22.8978 24.0001 23.2794 23.842 23.5607 23.5607C23.842 23.2794 24 22.8979 24 22.5001V16.5001C24 15.7044 23.6839 14.9414 23.1213 14.3787C22.5587 13.8161 21.7956 13.5001 21 13.5001H19.5V9.00007C19.5 8.20442 19.1839 7.44135 18.6213 6.87875C18.0587 6.31614 17.2956 6.00007 16.5 6.00007H12.75V2.70907C12.9569 2.52062 13.0858 2.26157 13.1114 1.98286C13.1369 1.70415 13.0572 1.42598 12.888 1.20307L11.991 0.0180664V0.0195664ZM6 9.00007C6 8.60224 6.15804 8.22071 6.43934 7.93941C6.72064 7.6581 7.10218 7.50007 7.5 7.50007H16.5C16.8978 7.50007 17.2794 7.6581 17.5607 7.93941C17.842 8.22071 18 8.60224 18 9.00007V9.62107C17.82 9.6212 17.6417 9.58575 17.4754 9.51676C17.3091 9.44777 17.1581 9.3466 17.031 9.21907C16.7644 8.9522 16.4478 8.7405 16.0993 8.59606C15.7508 8.45162 15.3772 8.37727 15 8.37727C14.6228 8.37727 14.2492 8.45162 13.9007 8.59606C13.5522 8.7405 13.2356 8.9522 12.969 9.21907C12.7119 9.47591 12.3634 9.62018 12 9.62018C11.6366 9.62018 11.2881 9.47591 11.031 9.21907C10.7644 8.9522 10.4478 8.7405 10.0993 8.59606C9.75078 8.45162 9.37724 8.37727 9 8.37727C8.62276 8.37727 8.24922 8.45162 7.90073 8.59606C7.55224 8.7405 7.23563 8.9522 6.969 9.21907C6.84193 9.3466 6.69091 9.44777 6.52461 9.51676C6.35832 9.58575 6.18004 9.6212 6 9.62107V9.00007ZM6 11.1211C6.735 11.1211 7.47 10.8406 8.031 10.2811C8.28808 10.0242 8.63661 9.87995 9 9.87995C9.36339 9.87995 9.71192 10.0242 9.969 10.2811C11.091 11.4016 12.909 11.4016 14.031 10.2811C14.2881 10.0242 14.6366 9.87995 15 9.87995C15.3634 9.87995 15.7119 10.0242 15.969 10.2811C16.53 10.8406 17.265 11.1211 18 11.1211V13.5001H6V11.1211ZM1.5 16.5001C1.5 16.1022 1.65804 15.7207 1.93934 15.4394C2.22064 15.1581 2.60218 15.0001 3 15.0001H21C21.3978 15.0001 21.7794 15.1581 22.0607 15.4394C22.342 15.7207 22.5 16.1022 22.5 16.5001V17.6896L21.969 18.2206C21.8417 18.348 21.6905 18.449 21.5241 18.518C21.3577 18.5869 21.1794 18.6224 20.9993 18.6224C20.8191 18.6224 20.6408 18.5869 20.4744 18.518C20.308 18.449 20.1568 18.348 20.0295 18.2206C19.7629 17.9539 19.4464 17.7424 19.098 17.5981C18.7497 17.4538 18.3763 17.3795 17.9993 17.3795C17.6222 17.3795 17.2488 17.4538 16.9005 17.5981C16.5521 17.7424 16.2356 17.9539 15.969 18.2206C15.7119 18.4774 15.3634 18.6217 15 18.6217C14.6366 18.6217 14.2881 18.4774 14.031 18.2206C13.7644 17.9537 13.4478 17.742 13.0993 17.5976C12.7508 17.4531 12.3772 17.3788 12 17.3788C11.6228 17.3788 11.2492 17.4531 10.9007 17.5976C10.5522 17.742 10.2356 17.9537 9.969 18.2206C9.71192 18.4774 9.36339 18.6217 9 18.6217C8.63661 18.6217 8.28808 18.4774 8.031 18.2206C7.76437 17.9537 7.44776 17.742 7.09927 17.5976C6.75078 17.4531 6.37724 17.3788 6 17.3788C5.62276 17.3788 5.24922 17.4531 4.90073 17.5976C4.55224 17.742 4.23563 17.9537 3.969 18.2206C3.71192 18.4774 3.36339 18.6217 3 18.6217C2.63661 18.6217 2.28808 18.4774 2.031 18.2206L1.5 17.6896V16.5001ZM18.969 19.2811C19.4251 19.7371 20.0214 20.0264 20.662 20.1023C21.3025 20.1782 21.9499 20.0364 22.5 19.6996V22.5001H1.5V19.6996C2.6055 20.3776 4.0725 20.2396 5.031 19.2796C5.28808 19.0227 5.63661 18.8785 6 18.8785C6.36339 18.8785 6.71192 19.0227 6.969 19.2796C8.091 20.4016 9.909 20.4016 11.031 19.2796C11.2881 19.0227 11.6366 18.8785 12 18.8785C12.3634 18.8785 12.7119 19.0227 12.969 19.2796C14.091 20.4016 15.909 20.4016 17.0295 19.2796C17.1568 19.1522 17.308 19.0511 17.4744 18.9821C17.6408 18.9132 17.8191 18.8777 17.9993 18.8777C18.1794 18.8777 18.3577 18.9132 18.5241 18.9821C18.6905 19.0511 18.8417 19.1522 18.969 19.2796V19.2811Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_55_126">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/assets/frontend/images/calendar-range.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-calendar-range" viewBox="0 0 16 16">
+  <path d="M9 7a1 1 0 0 1 1-1h5v2h-5a1 1 0 0 1-1-1M1 9h4a1 1 0 0 1 0 2H1z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>

public/assets/frontend/images/classroom-icon.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="white" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.5 7.2375C2.5 7 1.77777 5.3875 1.77777 4.5C1.77777 2.84375 2.97222 2 4.44444 2C5.91666 2 6.47222 2.8875 6.9611 3.5H25.5C26 2 26.5 2 28 2C29.5 2 30.2222 3.6125 30.2222 4.5C30.2222 5.3875 29.5444 6.6875 29 7.2375V24.7625C29.5444 25.3125 30.2222 26.1125 30.2222 27C30.2222 28.6562 29.0278 30 27.5555 30C26.7667 30 25.5 29 25.5 28H6.5C6.65 29 5.23333 30 4.44444 30C2.97222 30 1.77777 28.6562 1.77777 27C1.77777 26.1125 2.5 24.7625 3.5 24.7625V7.2375ZM7.1111 5C6.84444 5.85 5.76111 6.69375 5 7V24.7625C5.75556 25.0625 6.5 25.5 6.5 26.5H25.5C25.5 25.5 27.1111 24.7625 27.5555 24.7625V16V7.2375C25.5 6.5 25.7722 5.85625 25.5 5H7.1111ZM7.1111 10C7.1111 8.89375 7.90555 8 8.88888 8H16C16.9833 8 17.7778 8.89375 17.7778 10V16C17.7778 17.1062 16.9833 18 16 18H8.88888C7.90555 18 7.1111 17.1062 7.1111 16V10ZM14.2222 20H16C17.9611 20 19.5555 18.2062 19.5555 16V14H23.1111C24.0944 14 24.8889 14.8938 24.8889 16V22C24.8889 23.1063 24.0944 24 23.1111 24H16C15.0167 24 14.2222 23.1063 14.2222 22V20Z" fill="#333333"/>
+</svg>

public/assets/frontend/images/course-icon.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="white" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 16V2H14V14.234L17.486 12.14C17.6413 12.0469 17.819 11.9978 18 11.9978C18.1811 11.9978 18.3587 12.0469 18.514 12.14L22 14.234V2H24V16C24 16.1769 23.9531 16.3507 23.8641 16.5036C23.775 16.6565 23.647 16.783 23.493 16.8702C23.3391 16.9575 23.1648 17.0023 22.9879 17.0001C22.811 16.998 22.6378 16.9489 22.486 16.858L18 14.166L13.514 16.86C13.3621 16.951 13.1887 17.0001 13.0116 17.0021C12.8345 17.0042 12.6601 16.9592 12.5061 16.8717C12.3521 16.7843 12.2241 16.6575 12.1352 16.5043C12.0463 16.3511 11.9996 16.1771 12 16Z" fill="#ffffff"/>
+<path d="M6 0H26C27.0609 0 28.0783 0.421427 28.8284 1.17157C29.5786 1.92172 30 2.93913 30 4V28C30 29.0609 29.5786 30.0783 28.8284 30.8284C28.0783 31.5786 27.0609 32 26 32H6C4.93913 32 3.92172 31.5786 3.17157 30.8284C2.42143 30.0783 2 29.0609 2 28V26H4V28C4 28.5304 4.21071 29.0391 4.58579 29.4142C4.96086 29.7893 5.46957 30 6 30H26C26.5304 30 27.0391 29.7893 27.4142 29.4142C27.7893 29.0391 28 28.5304 28 28V4C28 3.46957 27.7893 2.96086 27.4142 2.58579C27.0391 2.21071 26.5304 2 26 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V6H2V4C2 2.93913 2.42143 1.92172 3.17157 1.17157C3.92172 0.421427 4.93913 0 6 0Z" fill="#ffffff"/>
+<path d="M2 10V9C2 8.73478 2.10536 8.48043 2.29289 8.29289C2.48043 8.10536 2.73478 8 3 8C3.26522 8 3.51957 8.10536 3.70711 8.29289C3.89464 8.48043 4 8.73478 4 9V10H5C5.26522 10 5.51957 10.1054 5.70711 10.2929C5.89464 10.4804 6 10.7348 6 11C6 11.2652 5.89464 11.5196 5.70711 11.7071C5.51957 11.8946 5.26522 12 5 12H1C0.734784 12 0.48043 11.8946 0.292893 11.7071C0.105357 11.5196 0 11.2652 0 11C0 10.7348 0.105357 10.4804 0.292893 10.2929C0.48043 10.1054 0.734784 10 1 10H2ZM2 16V15C2 14.7348 2.10536 14.4804 2.29289 14.2929C2.48043 14.1054 2.73478 14 3 14C3.26522 14 3.51957 14.1054 3.70711 14.2929C3.89464 14.4804 4 14.7348 4 15V16H5C5.26522 16 5.51957 16.1054 5.70711 16.2929C5.89464 16.4804 6 16.7348 6 17C6 17.2652 5.89464 17.5196 5.70711 17.7071C5.51957 17.8946 5.26522 18 5 18H1C0.734784 18 0.48043 17.8946 0.292893 17.7071C0.105357 17.5196 0 17.2652 0 17C0 16.7348 0.105357 16.4804 0.292893 16.2929C0.48043 16.1054 0.734784 16 1 16H2ZM2 22V21C2 20.7348 2.10536 20.4804 2.29289 20.2929C2.48043 20.1054 2.73478 20 3 20C3.26522 20 3.51957 20.1054 3.70711 20.2929C3.89464 20.4804 4 20.7348 4 21V22H5C5.26522 22 5.51957 22.1054 5.70711 22.2929C5.89464 22.4804 6 22.7348 6 23C6 23.2652 5.89464 23.5196 5.70711 23.7071C5.51957 23.8946 5.26522 24 5 24H1C0.734784 24 0.48043 23.8946 0.292893 23.7071C0.105357 23.5196 0 23.2652 0 23C0 22.7348 0.105357 22.4804 0.292893 22.2929C0.48043 22.1054 0.734784 22 1 22H2Z" fill="#ffffff"/>
+</svg>

public/assets/frontend/images/delete.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="14px" height="14px"><path d="M 10.806641 2 C 10.289641 2 9.7956875 2.2043125 9.4296875 2.5703125 L 9 3 L 4 3 A 1.0001 1.0001 0 1 0 4 5 L 20 5 A 1.0001 1.0001 0 1 0 20 3 L 15 3 L 14.570312 2.5703125 C 14.205312 2.2043125 13.710359 2 13.193359 2 L 10.806641 2 z M 4.3652344 7 L 5.8925781 20.263672 C 6.0245781 21.253672 6.877 22 7.875 22 L 16.123047 22 C 17.121047 22 17.974422 21.254859 18.107422 20.255859 L 19.634766 7 L 4.3652344 7 z"/></svg>

public/assets/frontend/images/delete24x24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="24px" height="24px"><path d="M 10.806641 2 C 10.289641 2 9.7956875 2.2043125 9.4296875 2.5703125 L 9 3 L 4 3 A 1.0001 1.0001 0 1 0 4 5 L 20 5 A 1.0001 1.0001 0 1 0 20 3 L 15 3 L 14.570312 2.5703125 C 14.205312 2.2043125 13.710359 2 13.193359 2 L 10.806641 2 z M 4.3652344 7 L 5.8925781 20.263672 C 6.0245781 21.253672 6.877 22 7.875 22 L 16.123047 22 C 17.121047 22 17.974422 21.254859 18.107422 20.255859 L 19.634766 7 L 4.3652344 7 z"/></svg>

public/assets/frontend/images/department.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-bank" viewBox="0 0 16 16">
+  <path d="m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.5.5 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89zM3.777 3h8.447L8 1zM2 6v7h1V6zm2 0v7h2.5V6zm3.5 0v7h1V6zm2 0v7H12V6zM13 6v7h1V6zm2-1V4H1v1zm-.39 9H1.39l-.25 1h13.72z"/>
+</svg>

public/assets/frontend/images/edit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="14px" height="14px"><path d="M11.5 20A.5.5 0 1011.5 21 .5.5 0 1011.5 20zM14.5 20A.5.5 0 1014.5 21 .5.5 0 1014.5 20zM17.5 20A.5.5 0 1017.5 21 .5.5 0 1017.5 20zM12.586 4.838L4.256 16.998c-.052.075-.082.164-.087.256L4 20.474c-.009.176.075.343.22.441C4.305 20.972 4.402 21 4.5 21c.072 0 .145-.016.212-.047l2.92-1.366c.081-.038.15-.097.201-.171L16.168 7.25 12.586 4.838zM16.733 6.424l1.222-1.784c.086-.125.11-.283.065-.429-.013-.041-.32-1.017-1.266-1.654-.945-.636-1.963-.553-2.008-.551-.149.013-.284.092-.369.216l-1.227 1.79L16.733 6.424z"/></svg>

public/assets/frontend/images/edit24x24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.5 20A.5.5 0 1011.5 21 .5.5 0 1011.5 20zM14.5 20A.5.5 0 1014.5 21 .5.5 0 1014.5 20zM17.5 20A.5.5 0 1017.5 21 .5.5 0 1017.5 20zM12.586 4.838L4.256 16.998c-.052.075-.082.164-.087.256L4 20.474c-.009.176.075.343.22.441C4.305 20.972 4.402 21 4.5 21c.072 0 .145-.016.212-.047l2.92-1.366c.081-.038.15-.097.201-.171L16.168 7.25 12.586 4.838zM16.733 6.424l1.222-1.784c.086-.125.11-.283.065-.429-.013-.041-.32-1.017-1.266-1.654-.945-.636-1.963-.553-2.008-.551-.149.013-.284.092-.369.216l-1.227 1.79L16.733 6.424z"/></svg>

public/assets/frontend/images/form-icon.svg

@@ -0,0 +1,3 @@
+<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5333 3.32621C13.5333 3.07046 13.6352 2.82519 13.8165 2.64435C13.9977 2.46352 14.2436 2.36192 14.5 2.36192H28.0333C28.2897 2.36192 28.5356 2.46352 28.7169 2.64435C28.8982 2.82519 29 3.07046 29 3.32621V5.25478C29 5.51052 28.8982 5.75579 28.7169 5.93663C28.5356 6.11747 28.2897 6.21906 28.0333 6.21906H14.5C14.2436 6.21906 13.9977 6.11747 13.8165 5.93663C13.6352 5.75579 13.5333 5.51052 13.5333 5.25478V3.32621ZM3.86667 0.43335C2.84116 0.43335 1.85766 0.839726 1.13252 1.56308C0.40738 2.28644 0 3.26751 0 4.29049L0 8.14764C0 9.17061 0.40738 10.1517 1.13252 10.875C1.85766 11.5984 2.84116 12.0048 3.86667 12.0048H7.73333C8.75884 12.0048 9.74234 11.5984 10.4675 10.875C11.1926 10.1517 11.6 9.17061 11.6 8.14764V4.29049C11.6 3.26751 11.1926 2.28644 10.4675 1.56308C9.74234 0.839726 8.75884 0.43335 7.73333 0.43335H3.86667ZM3.86667 15.8619C2.84116 15.8619 1.85766 16.2683 1.13252 16.9917C0.40738 17.715 0 18.6961 0 19.7191L0 23.5762C0 24.5992 0.40738 25.5803 1.13252 26.3036C1.85766 27.027 2.84116 27.4333 3.86667 27.4333H7.73333C8.75884 27.4333 9.74234 27.027 10.4675 26.3036C11.1926 25.5803 11.6 24.5992 11.6 23.5762V19.7191C11.6 18.6961 11.1926 17.715 10.4675 16.9917C9.74234 16.2683 8.75884 15.8619 7.73333 15.8619H3.86667ZM5.51773 8.83035C5.42794 8.92015 5.32127 8.9914 5.20382 9.04001C5.08638 9.08862 4.96048 9.11364 4.83333 9.11364C4.70618 9.11364 4.58028 9.08862 4.46284 9.04001C4.3454 8.9914 4.23873 8.92015 4.14893 8.83035L2.2156 6.90178C2.12572 6.81212 2.05443 6.70569 2.00579 6.58855C1.95715 6.47141 1.93211 6.34586 1.93211 6.21906C1.93211 6.09227 1.95715 5.96672 2.00579 5.84958C2.05443 5.73244 2.12572 5.626 2.2156 5.53635C2.30548 5.44669 2.41218 5.37558 2.52961 5.32705C2.64703 5.27853 2.7729 5.25356 2.9 5.25356C3.0271 5.25356 3.15296 5.27853 3.27039 5.32705C3.38782 5.37558 3.49452 5.44669 3.5844 5.53635L4.83333 6.78414L8.0156 3.60778C8.10548 3.51812 8.21218 3.447 8.32961 3.39848C8.44703 3.34996 8.5729 3.32499 8.7 3.32499C8.8271 3.32499 8.95296 3.34996 9.07039 3.39848C9.18782 3.447 9.29452 3.51812 9.3844 3.60778C9.47428 3.69743 9.54557 3.80387 9.59421 3.92101C9.64285 4.03815 9.66789 4.1637 9.66789 4.29049C9.66789 4.41728 9.64285 4.54283 9.59421 4.65997C9.54557 4.77712 9.47428 4.88355 9.3844 4.97321L5.51773 8.83035ZM5.51773 24.2589C5.42794 24.3487 5.32127 24.42 5.20382 24.4686C5.08638 24.5172 4.96048 24.5422 4.83333 24.5422C4.70618 24.5422 4.58028 24.5172 4.46284 24.4686C4.3454 24.42 4.23873 24.3487 4.14893 24.2589L2.2156 22.3304C2.03409 22.1493 1.93211 21.9037 1.93211 21.6476C1.93211 21.3916 2.03409 21.146 2.2156 20.9649C2.39711 20.7839 2.6433 20.6821 2.9 20.6821C3.1567 20.6821 3.40289 20.7839 3.5844 20.9649L4.83333 22.2127L8.0156 19.0364C8.19711 18.8553 8.4433 18.7536 8.7 18.7536C8.9567 18.7536 9.20289 18.8553 9.3844 19.0364C9.56591 19.2174 9.66789 19.463 9.66789 19.7191C9.66789 19.9751 9.56591 20.2207 9.3844 20.4018L5.51773 24.2589ZM13.5333 18.7548C13.5333 18.499 13.6352 18.2538 13.8165 18.0729C13.9977 17.8921 14.2436 17.7905 14.5 17.7905H28.0333C28.2897 17.7905 28.5356 17.8921 28.7169 18.0729C28.8982 18.2538 29 18.499 29 18.7548V20.6833C29 20.9391 28.8982 21.1844 28.7169 21.3652C28.5356 21.546 28.2897 21.6476 28.0333 21.6476H14.5C14.2436 21.6476 13.9977 21.546 13.8165 21.3652C13.6352 21.1844 13.5333 20.9391 13.5333 20.6833V18.7548ZM13.5333 9.11192C13.5333 8.85618 13.6352 8.61091 13.8165 8.43007C13.9977 8.24923 14.2436 8.14764 14.5 8.14764H24.1667C24.423 8.14764 24.6689 8.24923 24.8502 8.43007C25.0315 8.61091 25.1333 8.85618 25.1333 9.11192C25.1333 9.36767 25.0315 9.61294 24.8502 9.79377C24.6689 9.97461 24.423 10.0762 24.1667 10.0762H14.5C14.2436 10.0762 13.9977 9.97461 13.8165 9.79377C13.6352 9.61294 13.5333 9.36767 13.5333 9.11192ZM13.5333 24.5405C13.5333 24.2847 13.6352 24.0395 13.8165 23.8586C13.9977 23.6778 14.2436 23.5762 14.5 23.5762H24.1667C24.423 23.5762 24.6689 23.6778 24.8502 23.8586C25.0315 24.0395 25.1333 24.2847 25.1333 24.5405C25.1333 24.7962 25.0315 25.0415 24.8502 25.2223C24.6689 25.4032 24.423 25.5048 24.1667 25.5048H14.5C14.2436 25.5048 13.9977 25.4032 13.8165 25.2223C13.6352 25.0415 13.5333 24.7962 13.5333 24.5405Z" fill="white"/>
+</svg>

public/assets/frontend/images/home-icon.svg

@@ -0,0 +1,3 @@
+<svg width="34" height="32" viewBox="0 0 34 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.6024 0.67928C18.1774 0.244337 17.601 0 17 0C16.399 0 15.8226 0.244337 15.3976 0.67928L0.332337 16.0984C0.226973 16.2062 0.143394 16.3343 0.0863716 16.4752C0.0293491 16.6161 0 16.7671 0 16.9197C0 17.0722 0.0293491 17.2232 0.0863716 17.3641C0.143394 17.5051 0.226973 17.6331 0.332337 17.741C0.545129 17.9588 0.833736 18.0811 1.13467 18.0811C1.28368 18.0811 1.43122 18.0511 1.56889 17.9927C1.70655 17.9344 1.83164 17.8488 1.937 17.741L3.40115 16.2399V28.5199C3.40115 29.4429 3.75933 30.3281 4.3969 30.9807C5.03447 31.6334 5.8992 32 6.80086 32H27.1991C28.1008 32 28.9655 31.6334 29.6031 30.9807C30.2407 30.3281 30.5989 29.4429 30.5989 28.5199V16.2399L32.063 17.741C32.2758 17.9588 32.5644 18.0811 32.8653 18.0811C33.1663 18.0811 33.4549 17.9588 33.6677 17.741C33.8805 17.5231 34 17.2277 34 16.9197C34 16.6116 33.8805 16.3162 33.6677 16.0984L28.3324 10.6393V2.99933C28.3324 2.69168 28.213 2.39662 28.0005 2.17907C27.7879 1.96152 27.4997 1.83931 27.1991 1.83931H24.9327C24.6321 1.83931 24.3439 1.96152 24.1313 2.17907C23.9188 2.39662 23.7994 2.69168 23.7994 2.99933V5.99916L18.6024 0.67928ZM28.3324 13.9198V28.5199C28.3324 28.8276 28.213 29.1226 28.0005 29.3402C27.7879 29.5577 27.4997 29.6799 27.1991 29.6799H6.80086C6.50031 29.6799 6.21206 29.5577 5.99954 29.3402C5.78702 29.1226 5.66762 28.8276 5.66762 28.5199V13.9198L17 2.31956L28.3324 13.9198Z" fill="white"/>
+</svg>

public/assets/frontend/images/id-icon.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_55_132)">
+<path d="M7.5 12C8.29565 12 9.05871 11.6839 9.62132 11.1213C10.1839 10.5587 10.5 9.79565 10.5 9C10.5 8.20435 10.1839 7.44129 9.62132 6.87868C9.05871 6.31607 8.29565 6 7.5 6C6.70435 6 5.94129 6.31607 5.37868 6.87868C4.81607 7.44129 4.5 8.20435 4.5 9C4.5 9.79565 4.81607 10.5587 5.37868 11.1213C5.94129 11.6839 6.70435 12 7.5 12ZM13.5 8.25C13.5 8.05109 13.579 7.86032 13.7197 7.71967C13.8603 7.57902 14.0511 7.5 14.25 7.5H20.25C20.4489 7.5 20.6397 7.57902 20.7803 7.71967C20.921 7.86032 21 8.05109 21 8.25C21 8.44891 20.921 8.63968 20.7803 8.78033C20.6397 8.92098 20.4489 9 20.25 9H14.25C14.0511 9 13.8603 8.92098 13.7197 8.78033C13.579 8.63968 13.5 8.44891 13.5 8.25ZM13.5 12C13.5 11.8011 13.579 11.6103 13.7197 11.4697C13.8603 11.329 14.0511 11.25 14.25 11.25H20.25C20.4489 11.25 20.6397 11.329 20.7803 11.4697C20.921 11.6103 21 11.8011 21 12C21 12.1989 20.921 12.3897 20.7803 12.5303C20.6397 12.671 20.4489 12.75 20.25 12.75H14.25C14.0511 12.75 13.8603 12.671 13.7197 12.5303C13.579 12.3897 13.5 12.1989 13.5 12ZM15 15.75C15 15.5511 15.079 15.3603 15.2197 15.2197C15.3603 15.079 15.5511 15 15.75 15H20.25C20.4489 15 20.6397 15.079 20.7803 15.2197C20.921 15.3603 21 15.5511 21 15.75C21 15.9489 20.921 16.1397 20.7803 16.2803C20.6397 16.421 20.4489 16.5 20.25 16.5H15.75C15.5511 16.5 15.3603 16.421 15.2197 16.2803C15.079 16.1397 15 15.9489 15 15.75Z" fill="#333333"/>
+<path d="M3 3C2.20435 3 1.44129 3.31607 0.87868 3.87868C0.316071 4.44129 0 5.20435 0 6L0 18C0 18.7956 0.316071 19.5587 0.87868 20.1213C1.44129 20.6839 2.20435 21 3 21H21C21.7956 21 22.5587 20.6839 23.1213 20.1213C23.6839 19.5587 24 18.7956 24 18V6C24 5.20435 23.6839 4.44129 23.1213 3.87868C22.5587 3.31607 21.7956 3 21 3H3ZM1.5 6C1.5 5.60218 1.65804 5.22064 1.93934 4.93934C2.22064 4.65804 2.60218 4.5 3 4.5H21C21.3978 4.5 21.7794 4.65804 22.0607 4.93934C22.342 5.22064 22.5 5.60218 22.5 6V18C22.5 18.3978 22.342 18.7794 22.0607 19.0607C21.7794 19.342 21.3978 19.5 21 19.5H13.44C13.479 19.2555 13.5 19.005 13.5 18.75C13.5 15.8505 10.815 13.5 7.5 13.5C4.371 13.5 1.8 15.597 1.524 18.2715C1.50783 18.1819 1.49979 18.091 1.5 18V6Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_55_132">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/assets/frontend/images/joined.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" class="bi bi-book" viewBox="0 0 16 16">
+  <path d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/>
+</svg>

public/assets/frontend/images/list.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#ffffff" class="bi bi-list" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
+</svg>

public/assets/frontend/images/marks.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-pencil-square" viewBox="0 0 16 16">
+  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
+  <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"/>
+</svg>

public/assets/frontend/images/msg-icon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 6C0 5.20435 0.316071 4.44129 0.87868 3.87868C1.44129 3.31607 2.20435 3 3 3H21C21.7956 3 22.5587 3.31607 23.1213 3.87868C23.6839 4.44129 24 5.20435 24 6V18C24 18.7956 23.6839 19.5587 23.1213 20.1213C22.5587 20.6839 21.7956 21 21 21H3C2.20435 21 1.44129 20.6839 0.87868 20.1213C0.316071 19.5587 0 18.7956 0 18V6ZM3 4.5C2.60218 4.5 2.22064 4.65804 1.93934 4.93934C1.65804 5.22064 1.5 5.60218 1.5 6V6.3255L12 12.6255L22.5 6.3255V6C22.5 5.60218 22.342 5.22064 22.0607 4.93934C21.7794 4.65804 21.3978 4.5 21 4.5H3ZM22.5 8.0745L15.438 12.312L22.5 16.6575V8.0745ZM22.449 18.3885L13.989 13.182L12 14.3745L10.011 13.182L1.551 18.387C1.63624 18.7062 1.82447 18.9883 2.08648 19.1896C2.34849 19.3908 2.66962 19.5 3 19.5H21C21.3302 19.5 21.6512 19.3911 21.9131 19.1902C22.1751 18.9892 22.3635 18.7074 22.449 18.3885ZM1.5 16.6575L8.562 12.312L1.5 8.0745V16.6575Z" fill="#333333"/>
+</svg>

public/assets/frontend/images/phone-icon.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_55_120)">
+<path d="M5.48125 1.9922C5.3927 1.87829 5.28092 1.78453 5.15335 1.71714C5.02578 1.64974 4.88533 1.61027 4.74133 1.60133C4.59733 1.59239 4.45307 1.6142 4.31814 1.6653C4.18322 1.71639 4.06071 1.79561 3.95875 1.8977L2.40775 3.4502C1.68325 4.1762 1.41625 5.2037 1.73275 6.1052C3.04636 9.83658 5.18319 13.2243 7.98475 16.0172C10.7776 18.8187 14.1654 20.9555 17.8967 22.2692C18.7982 22.5857 19.8257 22.3187 20.5517 21.5942L22.1027 20.0432C22.2048 19.9412 22.2841 19.8187 22.3352 19.6838C22.3862 19.5489 22.4081 19.4046 22.3991 19.2606C22.3902 19.1166 22.3507 18.9762 22.2833 18.8486C22.2159 18.721 22.1222 18.6092 22.0082 18.5207L18.5477 15.8297C18.4261 15.7353 18.2845 15.6698 18.1338 15.6381C17.9831 15.6064 17.8272 15.6093 17.6777 15.6467L14.3927 16.4672C13.9543 16.5768 13.4949 16.571 13.0593 16.4503C12.6237 16.3297 12.2268 16.0983 11.9072 15.7787L8.22325 12.0932C7.9034 11.7738 7.67174 11.3769 7.55082 10.9413C7.4299 10.5058 7.42385 10.0463 7.53325 9.6077L8.35525 6.3227C8.39261 6.17329 8.39555 6.01735 8.36385 5.86664C8.33215 5.71593 8.26663 5.57439 8.17225 5.4527L5.48125 1.9922ZM2.82625 0.766698C3.08874 0.504123 3.40409 0.300394 3.75136 0.16904C4.09862 0.0376865 4.46986 -0.0182865 4.84042 0.00483791C5.21098 0.0279623 5.57238 0.129655 5.90062 0.303163C6.22886 0.476672 6.51644 0.718026 6.74425 1.0112L9.43525 4.4702C9.92875 5.1047 10.1027 5.9312 9.90775 6.7112L9.08725 9.9962C9.04483 10.1663 9.04712 10.3446 9.0939 10.5136C9.14068 10.6826 9.23037 10.8366 9.35425 10.9607L13.0397 14.6462C13.164 14.7703 13.3183 14.8602 13.4876 14.907C13.6569 14.9537 13.8354 14.9559 14.0057 14.9132L17.2892 14.0927C17.6742 13.9965 18.0759 13.989 18.4642 14.0708C18.8524 14.1527 19.217 14.3217 19.5302 14.5652L22.9892 17.2562C24.2327 18.2237 24.3467 20.0612 23.2337 21.1727L21.6827 22.7237C20.5727 23.8337 18.9137 24.3212 17.3672 23.7767C13.409 22.384 9.81516 20.118 6.85225 17.1467C3.88118 14.1842 1.61516 10.5909 0.222249 6.6332C-0.320751 5.0882 0.166749 3.4277 1.27675 2.3177L2.82775 0.766698H2.82625Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_55_120">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/assets/frontend/images/profile-icon.svg

@@ -0,0 +1,10 @@
+<svg width="28" height="32" viewBox="0 0 28 32" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_55_64)">
+<path d="M19 8C19 6.67392 18.4732 5.40215 17.5355 4.46447C16.5979 3.52678 15.3261 3 14 3C12.6739 3 11.4021 3.52678 10.4645 4.46447C9.52678 5.40215 9 6.67392 9 8C9 9.32608 9.52678 10.5979 10.4645 11.5355C11.4021 12.4732 12.6739 13 14 13C15.3261 13 16.5979 12.4732 17.5355 11.5355C18.4732 10.5979 19 9.32608 19 8ZM6 8C6 5.87827 6.84285 3.84344 8.34315 2.34315C9.84344 0.842855 11.8783 0 14 0C16.1217 0 18.1566 0.842855 19.6569 2.34315C21.1571 3.84344 22 5.87827 22 8C22 10.1217 21.1571 12.1566 19.6569 13.6569C18.1566 15.1571 16.1217 16 14 16C11.8783 16 9.84344 15.1571 8.34315 13.6569C6.84285 12.1566 6 10.1217 6 8ZM3.08125 29H24.9188C24.3625 25.0438 20.9625 22 16.8563 22H11.1438C7.0375 22 3.6375 25.0438 3.08125 29ZM0 30.1437C0 23.9875 4.9875 19 11.1438 19H16.8563C23.0125 19 28 23.9875 28 30.1437C28 31.1687 27.1687 32 26.1437 32H1.85625C0.83125 32 0 31.1687 0 30.1437Z" fill="#ffffff"/>
+</g>
+<defs>
+<clipPath id="clip0_55_64">
+<rect width="28" height="32" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/assets/frontend/images/profile-img.svg

@@ -0,0 +1,3 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="100" cy="100" r="99.5" fill="#D9D9D9" stroke="#F5F5F5"/>
+</svg>

public/assets/frontend/images/signout.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-power" viewBox="0 0 16 16">
+  <path d="M7.5 1v7h1V1z"/>
+  <path d="M3 8.812a5 5 0 0 1 2.578-4.375l-.485-.874A6 6 0 1 0 11 3.616l-.501.865A5 5 0 1 1 3 8.812"/>
+</svg>

public/assets/frontend/images/students.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-mortarboard" viewBox="0 0 16 16">
+  <path d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917zM8 8.46 1.758 5.965 8 3.052l6.242 2.913z"/>
+  <path d="M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466zm-.068 1.873.22-.748 3.496 1.311a.5.5 0 0 0 .352 0l3.496-1.311.22.748L8 12.46z"/>
+</svg>

public/assets/frontend/images/user-icon.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 28C30 28 32 28 32 26C32 24 30 18 22 18C14 18 12 24 12 26C12 28 14 28 14 28H30ZM14.044 26C14.0292 25.998 14.0145 25.9953 14 25.992C14.002 25.464 14.334 23.932 15.52 22.552C16.624 21.258 18.564 20 22 20C25.434 20 27.374 21.26 28.48 22.552C29.666 23.932 29.996 25.466 30 25.992L29.984 25.996C29.9747 25.9976 29.9654 25.9989 29.956 26H14.044ZM22 14C23.0609 14 24.0783 13.5786 24.8284 12.8284C25.5786 12.0783 26 11.0609 26 10C26 8.93913 25.5786 7.92172 24.8284 7.17157C24.0783 6.42143 23.0609 6 22 6C20.9391 6 19.9217 6.42143 19.1716 7.17157C18.4214 7.92172 18 8.93913 18 10C18 11.0609 18.4214 12.0783 19.1716 12.8284C19.9217 13.5786 20.9391 14 22 14ZM28 10C28 10.7879 27.8448 11.5681 27.5433 12.2961C27.2417 13.0241 26.7998 13.6855 26.2426 14.2426C25.6855 14.7998 25.0241 15.2417 24.2961 15.5433C23.5681 15.8448 22.7879 16 22 16C21.2121 16 20.4319 15.8448 19.7039 15.5433C18.9759 15.2417 18.3145 14.7998 17.7574 14.2426C17.2002 13.6855 16.7583 13.0241 16.4567 12.2961C16.1552 11.5681 16 10.7879 16 10C16 8.4087 16.6321 6.88258 17.7574 5.75736C18.8826 4.63214 20.4087 4 22 4C23.5913 4 25.1174 4.63214 26.2426 5.75736C27.3679 6.88258 28 8.4087 28 10ZM13.872 18.56C13.072 18.3081 12.2473 18.1425 11.412 18.066C10.9427 18.0214 10.4715 17.9993 10 18C2 18 0 24 0 26C0 27.334 0.666 28 2 28H10.432C10.1355 27.3756 9.98765 26.6911 10 26C10 23.98 10.754 21.916 12.18 20.192C12.666 19.604 13.232 19.054 13.872 18.56ZM9.84 20C8.65631 21.7785 8.01688 23.8636 8 26H2C2 25.48 2.328 23.94 3.52 22.552C4.61 21.28 6.504 20.04 9.84 20.002V20ZM3 11C3 9.4087 3.63214 7.88258 4.75736 6.75736C5.88258 5.63214 7.4087 5 9 5C10.5913 5 12.1174 5.63214 13.2426 6.75736C14.3679 7.88258 15 9.4087 15 11C15 12.5913 14.3679 14.1174 13.2426 15.2426C12.1174 16.3679 10.5913 17 9 17C7.4087 17 5.88258 16.3679 4.75736 15.2426C3.63214 14.1174 3 12.5913 3 11ZM9 7C7.93913 7 6.92172 7.42143 6.17157 8.17157C5.42143 8.92172 5 9.93913 5 11C5 12.0609 5.42143 13.0783 6.17157 13.8284C6.92172 14.5786 7.93913 15 9 15C10.0609 15 11.0783 14.5786 11.8284 13.8284C12.5786 13.0783 13 12.0609 13 11C13 9.93913 12.5786 8.92172 11.8284 8.17157C11.0783 7.42143 10.0609 7 9 7Z" fill="#ffffff"/>
+</svg>

public/assets/frontend/vendors/bootstrap/css/bootstrap-reboot.css

@@ -0,0 +1,597 @@
+/*!
+ * Bootstrap Reboot v5.3.2 (https://getbootstrap.com/)
+ * Copyright 2011-2023 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */

public/assets/frontend/vendors/bootstrap/css/bootstrap-reboot.rtl.css

@@ -0,0 +1,594 @@
+/*!
+ * Bootstrap Reboot v5.3.2 (https://getbootstrap.com/)
+ * Copyright 2011-2023 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text-emphasis: #052c65;
+  --bs-secondary-text-emphasis: #2b2f32;
+  --bs-success-text-emphasis: #0a3622;
+  --bs-info-text-emphasis: #055160;
+  --bs-warning-text-emphasis: #664d03;
+  --bs-danger-text-emphasis: #58151c;
+  --bs-light-text-emphasis: #495057;
+  --bs-dark-text-emphasis: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #e2e3e5;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #c4c8cb;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-heading-color: inherit;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-xxl: 2rem;
+  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --bs-focus-ring-width: 0.25rem;
+  --bs-focus-ring-opacity: 0.25;
+  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
+  --bs-form-valid-color: #198754;
+  --bs-form-valid-border-color: #198754;
+  --bs-form-invalid-color: #dc3545;
+  --bs-form-invalid-border-color: #dc3545;
+}
+
+[data-bs-theme=dark] {
+  color-scheme: dark;
+  --bs-body-color: #dee2e6;
+  --bs-body-color-rgb: 222, 226, 230;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #fff;
+  --bs-emphasis-color-rgb: 255, 255, 255;
+  --bs-secondary-color: rgba(222, 226, 230, 0.75);
+  --bs-secondary-color-rgb: 222, 226, 230;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
+  --bs-tertiary-color-rgb: 222, 226, 230;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-primary-text-emphasis: #6ea8fe;
+  --bs-secondary-text-emphasis: #a7acb1;
+  --bs-success-text-emphasis: #75b798;
+  --bs-info-text-emphasis: #6edff6;
+  --bs-warning-text-emphasis: #ffda6a;
+  --bs-danger-text-emphasis: #ea868f;
+  --bs-light-text-emphasis: #f8f9fa;
+  --bs-dark-text-emphasis: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #161719;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #41464b;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #087990;
+  --bs-warning-border-subtle: #997404;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: inherit;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #8bb9fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 139, 185, 254;
+  --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --bs-form-valid-color: #75b798;
+  --bs-form-valid-border-color: #75b798;
+  --bs-form-invalid-color: #ea868f;
+  --bs-form-invalid-border-color: #ea868f;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  color: var(--bs-highlight-color);
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */

resources/views/auth/login.blade.php

@@ -1,47 +1,50 @@
-<x-guest-layout>
+@extends('layouts.guest')
+@section('title','Login')
+@section('content')
     <!-- Session Status -->
+    <link rel="stylesheet" href="{{ asset('assets/frontend/css/guest.css') }}">
     <x-auth-session-status class="mb-4" :status="session('status')" />
+    <div class="fakeHeader">
+        <img src="{{ asset('assets\frontend\logos\kjsce-formerly.png') }}">
+        <h1 class="title mr-7">Faculty Documentation Portal</h1>
+        <img src="{{ asset('assets\frontend\logos\SomaiyaTrustLogo.png') }}">
+    </div>
+
+    <div class="loginFooter">
+        <div class="footerRight"></div><!--
+        --><div class="footerMiddle"></div><!--
+        --><div class="footerLeft"></div>
+    </div>
     
     <form method="POST" action="{{ route('login') }}">
         @csrf
 
-        <!-- Email Address -->
-        <div>
-            <x-input-label for="email" :value="__('Email')" />
-            <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
-            <x-input-error :messages="$errors->get('email')" class="mt-2" />
+        <!-- <div class="min-vh-100 min-vw-100 d-flex justify-content-center align-items-center"> -->
+        <div class="customHeight d-flex justify-content-center align-items-center">
+            <div class="container bg-white col-md-4 p-3 shadow-lg rounded border-0 m-3">
+                <form>
+                    <div class="form_head">
+                        <label class="fs-5">Welcome In,<br>Please Enter Your Credentials</label>
                     </div>
-
-        <!-- Password -->
-        <div class="mt-4">
-            <x-input-label for="password" :value="__('Password')" />
-
-            <x-text-input id="password" class="block mt-1 w-full"
-                            type="password"
-                            name="password"
-                            required autocomplete="current-password" />
-
-            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+                    <div class="mb-3">
+                        <label for="exampleInputEmail1" class="form-label mt-4">SVV Username/Somaiya Email ID:</label>
+                        <input type="email" id="email" class="form-control" name="email" aria-describedby="emailHelp" >
+                        <x-input-error :messages="$errors->get('email')" class="mt-2 text-danger" />
                     </div>
-
-        <!-- Remember Me -->
-        <div class="block mt-4">
-            <label for="remember_me" class="inline-flex items-center">
-                <input id="remember_me" type="checkbox" class="rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500" name="remember">
-                <span class="ms-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
-            </label>
+                    <div class="mb-3">
+                        <label for="exampleInputPassword1" class="form-label">Password</label>
+                        <input type="password" id="password" class="form-control" name="password">
+                        <x-input-error :messages="$errors->get('password')" class="mt-2 text-danger" />
                     </div>
-
-        <div class="flex items-center justify-end mt-4">
-            @if (Route::has('password.request'))
-                <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
-                    {{ __('Forgot your password?') }}
-                </a>
-            @endif
-
-            <x-primary-button class="ms-3">
-                {{ __('Log in') }}
-            </x-primary-button>
+                    <div class="d-flex flex-row-reverse">
+                        <a class="text-decoration-none text-danger" href="{{ route('password.request') }}">Forgot Your Password?</a>
+                    </div>
+                    <div class="d-flex justify-content-center align-items-center">
+                        <button type="submit" class="btn btn-danger col-4 mt-4 ">Log in</button>
                     </div>
                 </form>
-</x-guest-layout>
+            </div>
+        </div>
+    </form>
+ 
+@endsection

resources/views/layouts/app.blade.php

@@ -209,6 +209,11 @@
     <!-- Select2 JS -->
     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
     
+    <!-- Chart JS -->
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>
+
+    
     @yield('scripts')
 </body>
 </html>

resources/views/layouts/guest.blade.php

@@ -1,30 +1,45 @@
 <!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<html>
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <title>{{ config('app.name', 'Laravel') }}</title>
+        <title>@yield('title')</title>
 
         <!-- Fonts -->
         <link rel="preconnect" href="https://fonts.bunny.net">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap">
         <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+        <link rel="stylesheet" type="text/css" href="{{ asset('assets/frontend/vendors/bootstrap/css/bootstrap.min.css') }}">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+        integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+                
 
         <!-- Scripts -->
-        @vite(['resources/css/app.css', 'resources/js/app.js'])
+        <!-- @vite(['resources/css/app.css', 'resources/js/app.js']) -->
     </head>
-    <body class="font-sans text-gray-900 antialiased">
-        <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100">
-            <div>
-                <a href="/">
-                    <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
-                </a>
-            </div>
-
-            <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
-                {{ $slot }}
-            </div>
+    <style>
+        .container,
+        .navbar {
+            font-family: Roboto;
+        }
+        .viewPort{
+            background-image: url({{asset('assets/frontend/images/backgroundImage.png')}});
+            background-size: cover;
+        }
+    </style>
+    <body>
+        <!--<div class="fixed-top">
+        </div>-->
+        <div class="vh-100 col-md-12 ml-sm-auto col-lg-12 viewPort">    
+            @yield('content')
         </div>
     </body>
+<script type="text/javascript" src="{{ asset('assets/frontend/vendors/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
+@yield('scripts')
 </html>