+
+
+
+
+
+
+
+
+ • About The Course In The First Year
+
+
+
+ Is The Course Hard?
+
+
+
+
+ The computer science course at the University of Ghana is challenging but immensely rewarding. It requires dedication and problem-solving skills. The curriculum covers a wide range of topics, from fundamentals to advanced technologies. The department provides strong support and a collaborative learning environment. While it's demanding, the difficulty contributes to a robust skill set. Remember, overcoming challenges is part of the learning process, and your perseverance will lead to success.
+
+
+
+
+ Why is it called Mathemathical Science?
+
+
+
+
+ Within the first year of your study as a student who wishes to pursue Computer Science, you start of as a student pursing Mathemathical Science which involves the foundational combination of Mathemathics, Economics, Geography, Statistics and all other fundamental courses required in your first year to qualify for Computer Science.
+
+
+
+
+ What is Placement?
+
+
+
+
+ Placements refer to how you will be assigned your course based on the grades you attained in your first year of education in Mathemathical Science. You may request for 3 choices (first choice, second choice and third choice of program) and based on your grades you will be assigned a course.
+
+
+
+
+ How are Examinations Like?
+
+
+
+
+ Examinations may vary based off the course and the preference of the lecturer in charge. Sometimes the examination is conducted online onsite, offsite, project or a physical inperson written examination
+
+
+
+
+
+
+ • Grade Reporting
+
+
+
+ Why is my Grade not showing?
+
+
+
+
+ Yes we do have a hardware lab at the Department of Computer Sciecne
+
+
+
+
+ How are The Lectureres Like?
+
+
+
+
+ Just like people, each lecturer is different but they are generally kind and helpful, a few might be considered strict but they only do so to help.
+
+
+
+
+ Are We Restricted in The Courses We Can Pick Each Semester?
+
+
+
+
+ We aren't exactly restricted but we do have specific courses we are required to pick from. You can choose to add non weighted courses and sometimes even weighted courses beyond the specified ones but it is not recommended. The course is already challenging and involving.
+
+
+
+
+ What are The Requirments To Get Computer Science as a Major?
+
+
+
+
+ Getting computer Science as a major usually means you will have to get excellent grades. Usually a B minimum in all DCIT courses and C minimum in other courses should grat admission into the course. But it may also change depeding on the years activities and teaching.
+
+
+
+
+
+
+
+ For more enquiries, please see a TA in the Hardware lab, at the Department of Computer Science to Clarify any specific doubts.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Instructor.css b/Instructor.css
new file mode 100644
index 0000000000..2d6b8c9397
--- /dev/null
+++ b/Instructor.css
@@ -0,0 +1,376 @@
+.navigation a{
+ position: relative;
+ font-size: 16px;
+ color: #00d689;
+ text-decoration: none;
+ font-weight: 500;
+ margin-left: 40px;
+ }
+
+ .navigation .ContactButton:hover {
+ background: #00d689;
+ color: #fff;
+ }
+
+ .navigation a::after {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: -6px;
+ width: 100%;
+ height: 3px;
+ background: #00d689;
+ color: #fff;
+ border-radius: 5px;
+ transform: scaleX(0);
+ transform-origin: right;
+ transition: transform .5s;
+ }
+
+ .navigation a:hover::after {
+ transform-origin: left;
+ transform: scaleX(1);
+ }
+
+ form {
+ padding: 10px;
+ }
+
+ form>div {
+ padding: 10px;
+ position: relative;
+ font-size: 1.3em;
+ }
+
+ form>div i {
+ position: absolute;
+ top: 22px;
+ margin-left: 10px;
+ opacity: 0.6;
+ }
+
+ .formBox {
+ padding: 15px;
+ text-align: center;
+ min-height: 50vh;
+ min-width: 50vw;
+ display: flex;
+ flex-direction: column;
+ background: #f8f8f885;
+ border-radius: 30px;
+ backdrop-filter: blur(10px);
+ }
+
+ h2 {
+ margin-bottom: -10px;
+ }
+
+ p {
+ font-weight: 500;
+ font-size: 1.1em;
+ }
+
+ form>div input {
+ height: 2em;
+ width: 70vw;
+ padding-left: 40px;
+ font-size: 1em;
+ border-radius: 20px;
+ outline: none;
+ border: 1px solid #b5adad;
+ background-color: #f1f1f1;
+ }
+
+ div>input:focus {
+ border: 1px solid #6f6a6a;
+
+ }
+
+ form>div:hover>i {
+
+ opacity: 1;
+ transition: opacity 1s;
+ }
+
+ textarea {
+ border: none;
+ width: 70vw;
+ border-radius: 20px;
+ padding: 10px;
+ outline: none;
+ font-size: 1em;
+ }
+
+
+ .navigation .ContactButton {
+ width: 130px;
+ height: 50px;
+ background:transparent;
+ border: 2px solid #00d689;
+ outline: none;
+ border-radius: 8px;
+ cursor:pointer;
+ font-size: 13px;
+ color: #00d689;
+ font-weight: 500;
+ margin-left: 40px;
+ transition: .5s;
+ }
+
+ .column {
+ float: left;
+ width: 33.33%;
+ padding: 5px;
+ margin-left: 25px;
+ margin-right: 25px;
+ }
+
+ .row::after {
+ content: "";
+ clear: both;
+ display: table;
+ }
+
+ @media screen and (max-width: 500px) {
+ .column {
+ width: 100%;
+ }
+ }
+
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
+ *{
+ font-family: "Segeo UI";
+ }
+
+ body{
+ min-height: 100vh;
+ width: 100%;
+ }
+
+ footer{
+ position: relative;
+ background: #00d689;
+ width: 100%;
+ bottom: 0;
+ left: 0;
+ }
+
+ footer::before{
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 100px;
+ height: 1px;
+ width: 100%;
+ background: #fff;
+ }
+
+ footer .content{
+ max-width: 1250px;
+ margin: auto;
+ padding: 30px 40px 40px 40px;
+ }
+
+ footer .content .top{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 50px;
+ }
+
+ .content .top .logo-details{
+ color: #fff;
+ font-size: 30px;
+ }
+
+ .content .top .logo-details:hover{
+ color: #000;
+ cursor: pointer;
+ }
+
+ .content .top {
+ display: flex;
+ }
+
+ .content .top a{
+ height: 40px;
+ width: 40px;
+ margin: 0 8px;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 40px;
+ color: #fff;
+ font-size: 17px;
+ text-decoration: none;
+ transition: all 0.4s ease;
+ }
+
+ footer .content .link-boxes{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ }
+
+ footer .content .link-boxes .box{
+ width: calc(100% / 5 - 10px);
+ }
+
+ .content .link-boxes .box .link_name{
+ color: #fff;
+ font-size: 18px;
+ font-weight: 400;
+ margin-bottom: 10px;
+ position: relative;
+ }
+
+ .link-boxes .box .link_name::before{
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: -2px;
+ height: 2px;
+ width: 35px;
+ background: #fff;
+ }
+
+ .content .link-boxes .box li{
+ margin: 6px 0;
+ list-style: none;
+ }
+
+ .content .link-boxes .box li a{
+ color: #fff;
+ font-size: 14px;
+ font-weight: 400;
+ text-decoration: none;
+ opacity: 0.8;
+ transition: all 0.4s ease
+ }
+
+ .content .link-boxes .box li a:hover{
+ opacity: 2;
+ text-decoration: none;
+ }
+
+ .content .link-boxes .input-box{
+ margin-right: 55px;
+ }
+
+ .link-boxes .input-box input{
+ height: 40px;
+ width: calc(100% + 55px);
+ outline: none;
+ border: 2px solid #AFAFB6;
+ background: #140B5C;
+ border-radius: 4px;
+ padding: 0 15px;
+ font-size: 15px;
+ color: #fff;
+ margin-top: 5px;
+ }
+
+ .link-boxes .input-box input::placeholder{
+ color: #AFAFB6;
+ font-size: 16px;
+ }
+
+ .link-boxes .input-box input[type="button"]{
+ background: #fff;
+ color: #140B5C;
+ border: none;
+ font-size: 18px;
+ font-weight: 500;
+ margin: 4px 0;
+ opacity: 0.8;
+ cursor: pointer;
+ transition: all 0.4s ease;
+ }
+
+ .input-box input[type="button"]:hover{
+ opacity: 1;
+ }
+
+ footer .bottom-details{
+ width: 100%;
+ background: #2c303a;
+ }
+
+ footer .bottom-details .bottom_text{
+ max-width: 1250px;
+ margin: auto;
+ padding: 20px 40px;
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .bottom-details .bottom_text span,
+ .bottom-details .bottom_text a{
+ font-size: 14px;
+ font-weight: 300;
+ color: #fff;
+ opacity: 0.8;
+ text-decoration: none;
+ }
+
+ .bottom-details .bottom_text a:hover{
+ opacity: 1;
+ text-decoration: underline;
+ }
+
+ .bottom-details .bottom_text a{
+ margin-right: 10px;
+ }
+
+ @media (max-width: 900px) {
+ footer .content .link-boxes{
+ flex-wrap: wrap;
+ }
+
+ footer .content .link-boxes .input-box{
+ width: 40%;
+ margin-top: 10px;
+ }
+ }
+
+ @media (max-width: 700px){
+ footer{
+ position: relative;
+ }
+ .content .top .logo-details{
+ font-size: 26px;
+ }
+ .content .top .media-icons a{
+ height: 35px;
+ width: 35px;
+ font-size: 14px;
+ line-height: 35px;
+ }
+ footer .content .link-boxes .box{
+ width: calc(100% / 3 - 10px);
+ }
+ footer .content .link-boxes .input-box{
+ width: 60%;
+ }
+ .bottom-details .bottom_text span,
+ .bottom-details .bottom_text a{
+ font-size: 12px;
+ }
+ }
+
+ @media (max-width: 520px){
+ footer::before{
+ top: 145px;
+ }
+ footer .content .top{
+ flex-direction: column;
+ }
+ .content .top .media-icons{
+ margin-top: 16px;
+ }
+ footer .content .link-boxes .box{
+ width: calc(100% / 2 - 10px);
+ }
+ footer .content .link-boxes .input-box{
+ width: 100%;
+ }
+ }
\ No newline at end of file
diff --git a/InstructorContactPage.html b/InstructorContactPage.html
new file mode 100644
index 0000000000..a3bb197dea
--- /dev/null
+++ b/InstructorContactPage.html
@@ -0,0 +1,167 @@
+
+
+
+
Instructor Contact Page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Instructors
+
+
+
+
+
+
+
+
+
+
+
+
+
+ TA
+ Daquiver
+ 02333555777
+
+
+
+
+
+
+
+ TA
+ Daquiver
+ 02333555777
+
+
+
+
+
+
+
+ TA
+ Daquiver
+ 02333555777
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/LoginBackground.jpg b/LoginBackground.jpg
new file mode 100644
index 0000000000..13f6cd5fe8
Binary files /dev/null and b/LoginBackground.jpg differ
diff --git a/LoginPage.html b/LoginPage.html
new file mode 100644
index 0000000000..486405b067
--- /dev/null
+++ b/LoginPage.html
@@ -0,0 +1,50 @@
+
+
+
+
Log In Page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/LoginStyle.css b/LoginStyle.css
new file mode 100644
index 0000000000..47bac75d25
--- /dev/null
+++ b/LoginStyle.css
@@ -0,0 +1,136 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family:'Segoe UI';
+}
+
+body {
+ display: flex;
+ justify-content: center;
+ align-items:center;
+ min-height: 100vh;
+ background: url('C:\\Users\\ekowd\\OneDrive\\Desktop\\output\\11083926_DCIT205_Assignment1\\11083926_DCIT205_Assignment1\\LoginBackground.jpg') no-repeat;
+ background-size: cover;
+ background-position: center;
+}
+
+header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ padding: 20px 100px;
+ justify-content: space-between;
+ align-items: center;
+ display: flex;
+ z-index: 99;
+}
+
+.navigation a{
+ position: relative;
+ font-size: 12px;
+ color: #fff;
+ text-decoration: none;
+ font-weight: 500;
+ margin-left: 40px;
+}
+
+.navigation a::after {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: -6px;
+ width: 100%;
+ height: 3px;
+ background: #fff;
+ border-radius: 5px;
+ transform: scaleX(0);
+ transform-origin: right;
+ transition: transform .5s;
+}
+
+.navigation a:hover::after {
+ transform-origin: left;
+ transform: scaleX(1);
+}
+
+.navigation .LoginButton {
+ width: 130px;
+ height: 50px;
+ background:transparent;
+ border: 2px solid #fff;
+ outline: none;
+ border-radius: 8px;
+ cursor:pointer;
+ font-size: 13px;
+ color: #fff;
+ font-weight: 500;
+ margin-left: 40px;
+ transition: .5s;
+}
+
+.navigation .LoginButton:hover {
+ background: #fff;
+ color: #162938
+}
+
+.wrapper{
+ position: relative;
+ width: 340px;
+ height: 360px;
+ background: transparent;
+ border: 2px solid rgba(255, 255,255, .5);
+ backdrop-filter: blur(20px);
+ border-radius: 20px;
+ box-shadow: 0 0 30px rgba(0, 0, 0, .5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.wrapper .LoginBox {
+ width: 100%;
+ padding: 40px;
+}
+
+.LoginBox h2 {
+ text-align: center;
+ color:#cac9c99a;
+ font-size: 1.6em;
+}
+
+.InputBox {
+ position: relative;
+ width: 100%;
+ height: 50px;
+ border-bottom: 1px solid #162938;
+ margin: 30px 0;
+}
+
+.InputBox input {
+ width: 100%;
+ height: 100%;
+ background: transparent;
+ outline: none;
+ border: none;
+ font-size: 1em;
+ font-weight: 500;
+ color: #c3c6c8;
+}
+
+::placeholder {
+ color:#bdbdbdbe;
+}
+
+.LoginEnter {
+ width: 100%;
+ height: 30px;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ border-radius: 5px;
+ background: #866523da;
+ font-weight: 500;
+}
+
diff --git a/MissingGrade.css b/MissingGrade.css
new file mode 100644
index 0000000000..13255bd131
--- /dev/null
+++ b/MissingGrade.css
@@ -0,0 +1,154 @@
+form {
+ padding: 10px;
+}
+
+form>div {
+ padding: 10px;
+ position: relative;
+ font-size: 1.3em;
+}
+
+form>div i {
+ position: absolute;
+ top: 22px;
+ margin-left: 10px;
+ opacity: 0.6;
+}
+
+.formBox {
+ padding: 15px;
+ text-align: center;
+ min-height: 50vh;
+ width: 80vw;
+ display: flex;
+ flex-direction: column;
+ background: #f8f8f885;
+ border-radius: 30px;
+ backdrop-filter: blur(10px);
+ left: 95px;
+ position: relative;
+}
+
+body {
+ background-image: url('C:\\Users\\ekowd\\OneDrive\\Desktop\\output\\11083926_DCIT205_Assignment1\\11083926_DCIT205_Assignment1\\MissingGradeBackground.webp');
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-size: 100% 100%;
+ }
+
+h2 {
+ margin-bottom: -10px;
+}
+
+p {
+ font-weight: 500;
+ font-size: 1.1em;
+}
+
+form>div input {
+ height: 2em;
+ width: 70vw;
+ padding-left: 40px;
+ font-size: 1em;
+ border-radius: 20px;
+ outline: none;
+ border: 1px solid #b5adad;
+ background-color: #f1f1f1;
+}
+
+div>input:focus {
+ border: 1px solid #6f6a6a;
+
+}
+
+form>div:hover>i {
+
+ opacity: 1;
+ transition: opacity 1s;
+}
+
+textarea {
+ border: none;
+ width: 70vw;
+ border-radius: 20px;
+ padding: 10px;
+ outline: none;
+ font-size: 1em;
+}
+
+
+
+.ContactButton {
+ width: 130px;
+ height: 50px;
+ background:transparent;
+ border: 2px solid #fff;
+ outline: none;
+ border-radius: 8px;
+ cursor:pointer;
+ font-size: 16px;
+ color: #00d689;
+ font-weight: 500;
+ margin-left: 40px;
+ transition: .5s;
+}
+
+.navigation a{
+ position: relative;
+ font-size: 16px;
+ color: #00d689;
+ text-decoration: none;
+ font-weight: 500;
+ margin-left: 40px;
+}
+
+.navigation a::after {
+ content: '';
+ position: absolute;
+ left: 0;
+ bottom: -6px;
+ width: 100%;
+ height: 3px;
+ background: #00d689;
+ color: #fff;
+ border-radius: 5px;
+ transform: scaleX(0);
+ transform-origin: right;
+ transition: transform .5s;
+}
+
+.navigation a:hover::after {
+ transform-origin: left;
+ transform: scaleX(1);
+}
+
+.navigation .ContactButton {
+ width: 130px;
+ height: 50px;
+ background:transparent;
+ border: 2px solid #00d689;
+ outline: none;
+ border-radius: 8px;
+ cursor:pointer;
+ font-size: 13px;
+ color: #00d689;
+ font-weight: 500;
+ margin-left: 40px;
+ transition: .5s;
+}
+
+.navigation .ContactButton:hover {
+ background: #00d689;
+ color: #fff;
+}
+
+
+@media screen and (min-width:900px) {
+ form>div input {
+ width: 50vw;
+ }
+
+ textarea {
+ width: 50vw;
+ }
+}
diff --git a/MissingGrade.html b/MissingGrade.html
new file mode 100644
index 0000000000..1b673c6e05
--- /dev/null
+++ b/MissingGrade.html
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
Missing Report Page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/MissingGradeBackground.webp b/MissingGradeBackground.webp
new file mode 100644
index 0000000000..91f43e51f8
Binary files /dev/null and b/MissingGradeBackground.webp differ
.png)
+ 
+ 
+ .png)
+ .png)
+ 
+ .png)
+ 
+ 
+