Website/index.html at main · Kobby-20/Website · 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 lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="OFORI-ATTA KELVIN" />
    <meta name="keywords" content="COMPUTER SCIENCE DEPARTMENT + SUGGESTED PAGES" />
    <meta
      name="description"
      content="UG COMPUTER SCIENCE DEPARTMENT"
    />

    <!--Linking External CSS-->
    <link rel="stylesheet" href="css/style.css" type="text/css" />

    <!--Linking font awesome css file-->
    <link rel="stylesheet" href="fonts/css/all.css" type="text/css" />

    <!----Linking image as website fav-icon---->
    <link rel="icon" href="images/comScience_logo.png" />

    <!---Linking Media Query CSS-->
    <link rel="stylesheet" href="css/media querry.css" type="text/css" />
    <title>COMPUTER SCIENCE DEPARTMET| Home</title>
  </head>
  <body>
    <!------Adding div for page header------>
    <div class="logo">
      <span class="logo-text">UNIVERSITY OF GHANA</span>
    </div>

    <!---Adding a navigation link & a search bar----->
    <nav>
      <div class="text">
       COMPUTER SCIENCE DEPARTMENT
      </div>

      <ul class="nav-links">
        <li><a href="index.html" id="active">Home</a></li>
        <li><a href="resources.html">Resources</a></li>
        <li><a href="portfolio.html">Portfolio</a></li>
        <li><a href="event.html">Event</a></li>
        <li><a href="sports.html">Sports</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>

      <div class="burger">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
      </div>
    </nav>

    <!-- Creating Image Slider -->
    <div class="image-container">
      <div class="slide"></div>
          <div class="slider-text"></div>
  </div>

    <!--creating category for hardware-->
  <div class="category-text">
    <h3>Hardware <span>Photos</span></h3>
    <div class="underline"></div>
  </div>

   <!--Hardware category gallery-->
  <div class="hardware-category">
    <div style="background-image: url('images/hard\ 1.jpg');"></div>
    <div style="background-image: url('images/hard\ 2.jpg');"></div>
    <div style="background-image: url('images/hard\ 5.jpg');"></div>
    <div style="background-image: url('images/hard\ 4.jpg');"></div>
    <div style="background-image: url('images/hard\ 3.jpg');"></div>
  </div>

  <!--creating category for Coding-->
  <div class="category-text">
    <h3>Coding <span>Photos</span></h3>
    <div class="underline"></div>
  </div>

  <!--Coding category gallery-->
  <div class="coding-category">
    <div style="background-image: url('images/00-SFG-MacleansCompSci.jpg');"></div>
    <div style="background-image: url('images/GettyImages.jpg');"></div>
    <div style="background-image: url('images/coding.jpg');"></div>
    <div style="background-image: url('images/feat_img_comp_sci.jpg');"></div>
    <div style="background-image: url('images/program-bachelor-of-science-in-computer-.jpg');"></div>
  </div>

   <!-------Creating a brief about us-->

   <div class="category-text">
    <h3>About <span>Us</span></h3>
    <div class="underline"></div>
  </div>

  <div class="About us">
    <h1>Welcome to UG Computer Science Department </h1>
    <p>
      This is the Information Technology age and at its core is Computer Science. The study of computer science is therefore critical if society is to take full advantage of the benefits Information Technology has to offer and make rapid economic advances. Computer science involves the study and development of applications that allow for our everyday use of computers, the software systems that support these applications, and the means and methods used to produce both applications and systems that behave reliably, correctly and ethically. At the heart of Computer Science lies the skill of computer programming and employers who hire Computer Scientists expect adept programmers with knowledge of current techniques and tools and the ability to apply sound engineering principles to the development, construction and maintenance of computer programs.

      The range of courses available in the department and the skills acquired by students enable them to find employment in many diverse fields of the economy and prepare our graduates for the computing industry, working in a project team (or research and development team), and to enable the graduate to bring specialist skills to that team. The course also provides the platform for further study or research through exposure to established and emerging technologies and methods, and to active fields of research in Computer Science.

      The Department offers two undergraduate degree programmes, Bachelor of Science in Computer Science Single-Major (3:2:1:1) and Major-Minor (3:2:2:1) as well as Bachelor of Science in Information Technology.

    </p>

    <a href="#" class="read-more">Read More</a>
  </div>

  <!---Creating a fix image background -->
  <div class="blur-image">
    <div class="blur-text">
      <h1>The University of Ghana is one of the Africa's most preeminent public universities. Our impact on individuals, our region and the world is profound. whether we are launching young people into a boundless future or</h1>
      <h2>confronting the grand challenges of our time through dauntless research. UG educates more than 38,000students annually, with approximately 2.64%</h2>
      <h3> being computer science students. We turn ideas into impact and transform the world around us. For more about our impact, visit our news site, UG News.</h3>
    </div>
  </div>

  <div class="subs">
     <h3>Subscribe Now</h3>
     <p>Subscribe to our one week Newsletter And Keep Yourself Updated</p>


     <div class="box">
      <input type="email" placeholder="enter your email" class="email">
      <input type="button" class="btn" value="Subscribe">
     </div>


  </div>


    <!---Linking External JavaScript File: Functions.js--->
    <script src="javascript/functions.js" type="text/javascript"></script>
 </body>
</html>