test_Project02/index.html at master · hussamcode/test_Project02 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="css/styelh.css">
   <title>Document</title>

</head>
<body>
   <div class="counter">
      <section class="head">
      <div class="log">
         <img src="assets/1.jpg" alt="">
      </div>

      <div class="informations-me">
         <p class="p-White">  You are logged in as Hussam Naser Mohammed Ziwaneh (19460900)</p>
         <p class="p-White">Log out</p>

      </div>
      <div class="name-page"><h1 class="p-black-dark">AOU Online Student Services Center
      </h1>
   </div>
   </section>
   <section class="sections">
<nav class="Student-Info">
    <p class="p-black-dark">Student Info:</p>
    <div class="Student Center">
       <p class="p-black">Student Center</p>
       <p class="p-black">Dammam</p>
    </div>
    <div class="Financial-NOTES">

    </div>
    <div class="External-Links">
       <p class="p-black">External Links</p>
       <p class="p-blue">Links, Student Guide, Policies and Procedures...</p>
    </div>
    <div class="Course-Catalogue">
      <p class="p-black">Course Catalogue</p>
      <p class="p-blue">Course Catalogue</p>
   </div>
</nav>
<nav class="LMS">
      <p class="p-black-dark">LMS:</p>
      <p class="p-black">Use this section to access LMS. AOU uses LMS to host its courses online. From here you can access all your course content, submit assignments, download course material and interact with your tutors, in addition to following up on latest news and events.
      </p>
      <p class="p-blue">Go to LMS</p>
</nav>
<nav class="Registration">
   <p class="p-black-dark">Registration </p>
   <p class="p-black">Use this section to register your courses for the selected semester. AOU allows you to register your courses online from anywhere with an internet connection.</p>
   <div class="Semester">
      <p class="p-black">Semester </p>
      <select>
         <option>Second 2021/2022</option>
      </select>
   </div>
   <p class="p-blue">Go to the Registration section</p>
  <p class="p-blue">View Offered Courses</p>
</nav>
<nav class="Financial">
   <p class="p-black-dark">Financial </p>
   <p class="p-black">Use this section to check your financial statement and pay online</p>
   <p class="p-blue">Go to the Financial section</p>

</nav>
<nav class="Grades">
   <p class="p-black-dark">Grades Online / Transcripts / Academic Plan</p>
   <p class="p-black">Use this section to view grades of the courses that you registered at AOU. Moreover, you can use this section to view your Academic Plan, transcript and know your GPA.</p>
   <a class="p-blue" id="link-grades" href="html/grades.html">Go to the Grades/Transcripts and Academic Plan section</a>
</nav>
<nav class="personal-data">
   <p class="p-black-dark">Update your Personal Data in Our Records</p>
   <div class="update-email">
      <p class="p-black">Phone Numbers and Personal Email:</p>
      <p class="p-p.blue">Update</p>
   </div>
   <div class="data-email">
      <table>
         <tr>
            <td class="p-black">Personal Email:</td>
            <td class="p-red">h18497@gmail.com</td>
         </tr>
      </table>
      <div>
         <p class="p-black">Blood Type</p>
         <p class="p-blue">Update</p>
      </div>
   </div>
</nav>
<nav class="Examination-Slip">
<p class="p-black-dark">Examination Slip:</p>
   <p class="p-black">Use this section to print exam slip.</p>
   <p class="p-blue">Go to the Examination Slip</p>
</nav>
<nav class="Postpone-Exam">
   <p class="p-black-dark">Postpone Exam:</p>
   <p class="p-black">Use this section to submit a postponement request.</p>
   <p class="p-blue">Postpone Exam</p>
</nav>
<nav class="E-Services">
   <p class="p-black-dark">E-Services</p>
   <p class="p-black">Use this section to request a service online. AOU allows you to request services online</p>
   <p class="p-blue">Request a Service</p>
</nav>
<nav class="Aid-Request">
   <p class="p-black-dark">Aid Request</p>
   <p class="p-black">Use this section to request an aid.</p>
   <p class="p-blue">Aid Request</p>
</nav>
<nav class="Social-Reward">
   <p class="p-black-dark">Social Reward:</p>
   <p class="p-black">Use this section to request a social reward.</p>
   <p class="p-blue">Social Reward</p>
</nav>
<nav class="Appeal">
   <p class="p-black-dark">Appeal:</p>
   <p class="p-black">Use this section to submit an appeal.</p>
   <p class="p-blue">Student Appeal</p>
</nav>
   </section>
   </div>
</body>
</html>