codecubs/Tutor1.html at main · wareefAlyousef/codecubs · 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
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>

<html>

    <head>
        <title>Tutor</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="TutorStyle.css">
        <link rel="stylesheet" href="basic.css">
        <script src="TutorScript.js"></script>
        <script src="dark.js"></script>
    </head>

    <body>
        <header>
          <nav class="navbar">
            <ul class="navbar-menu" id="navbarMenu">
                <li><a href="index.html"><img src="images/logo.png" alt="Logo" id="logo"></a></li>
                <li><a href="Courses.html" title="the courses that we offer">Courses</a></li>
                <li><a href="Tutor1.html" title="tutors that work at the center">Tutors</a></li>
                <li><a href="parentDashboard.html" title="dashboard for parents to monitor and manage their kids ">Parents dashboard</a></li>
                <li><a href="administrator-dashboard.html" title="dashboard for adminstrator to manage the center">Administrator dashboard</a></li>
            </ul>
        </nav>

            <div class="pageheader">
              <br>
              <h1 id="pageTitle">Tutors</h1>
              <br>
            </div>

            <ul id="breadCrumbs">
                <li><a href="index.html">Homepage</a></li>
                <li><a href="Tutor1.html">Tutors</a></li>
            </ul>
        </header>
        <main>
          <select id="sort">
            <option>A-Z sort</option>
            <option>Z-A sort</option>
            </select>
        <div class="alltutors">
          <h2>Tutors list</h2>
          <div class="grid-container-Tutors">
            <div class="card1">
              <h3>Ahmad Alghamdi</h3><br><br>
              <img src="images/ahmad.png" alt="Tutor's photo">
              <div class="leftAline">
               <h4>Courses:</h4>
                <ul>
                  <li>Web development</li>
                  <li>Python programming</li>
                </ul>
              </div>
            </div>

            <div class="card1">
              <h3>Reema Alsubai</h3><br><br>
              <img src="images/reema.png" alt="Tutor's photo">
              <div class="leftAline">
               <h4>Courses:</h4>
                <ul>
                  <li>Game Design</li>
                  <li>Mobile App Development</li>
                </ul>
              </div>
            </div>
            <div class="card1">
              <h3>Salem Albuaij</h3><br><br>
              <img src="images/salem.png" alt="Tutor's photo">
              <div class="leftAline">
               <h4>Courses:</h4>
                <ul>
                  <li>Animation Design</li>
                  <li>Electronics</li>
                </ul>
              </div>
            </div>
            <div class="card1">
              <h3>Waleed Alqahtani</h3><br><br>
              <img src="images/waleed.png" alt="Tutor's photo">
              <div class="leftAline">
               <h4>Courses:</h4>
                <ul>
                  <li>Scratch programming</li>
                  <li>Website design fundamentals</li>
                </ul>
              </div>
            </div>
            <div class="card1">
              <h3>Mariam Alyami</h3><br><br>
              <img src="images/mariam.png" alt="Tutor's photo">
              <div class="leftAline">
               <h4>Courses:</h4>
                <ul>
                  <li>Games development</li>
                  <li>Robotics</li>
                </ul>
              </div>
            </div>
            <div class="card1">
              <h3>Majeddah Altamimi</h3><br><br>
              <img src="images/majedah.png" alt="Tutor's photo">
              <div class="leftAline">
               <h4>Courses:</h4>
                <ul>
                  <li>Programming fundamentals</li>
                  <li>Problem solving</li>
                </ul>
              </div>
            </div>

          </div>
            <br><br>
        </div>
            </main>
        <footer id="dark-footer">
            <p id="footer1">© 2023, CodeCubs</p>
            <p id="footer2">
                CodeCubs<br>
                4254 North Alia Avenue<br>
                Riyadh, AZ 85251 KSU<br>
                110.405.2734 tel<br>
                CodeCubs@mail.com
            </p>

            <!-- Social Media Icons -->
            <div class="social-media-icons">
                <a href=""><img src="images/instegram.png" alt="instagram"></a>
                <a href=""><img src="images/facebook.png" alt="facebook"></a>
                <a href=""><img src="images/x.png" alt="x"></a>
            </div>

          </footer>
    </body>
</html>