Website/portfolio.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
<!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/Soul logo black.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">Events</a></li>
        <li><a href="sports.html">Sports</a></li>
        <li><a href="college.html">College</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>
    <header>
      <h1>Portfolio</h1>
      <p>Explore our stunning portfolio.</p>
    </header>
   </div>
    <main>
      <section class="portfolio-section">
        <div class="gallery">
           <a href="Images/port 1.jpg" target="_blank">
           <img src="Images/port 1.jpg" alt="portfolio 1">
           </a>
           <a href="Images/port 2.jpg" target="_blank">
           <img src="Images/port 2.jpg" alt="portfolio 2">
           </a>
           <a href="Images/port 3.jpg" target="_blank">
           <img src="Images/port 3.jpg" alt="portfolio 3">
           </a>
           <a href="Images/port 4.jpg" target="_blank">
           <img src="Images/port 4.jpg" alt="portfolio 4">
           </a>
           <a href="Images/port 5.jpg" target="_blank">
            <img src="Images/port 5.jpg" alt="portfolio 5">
            </a>
            <a href="Images/port 12.jpg" target="_blank">
            <img src="Images/port 12.jpg" alt="portfolio 12">
            </a>
            <a href="Images/port 8.png" target="_blank">
            <img src="Images/port 8.png" alt="portfolio 8">
            </a>
            <a href="Images/port 9.jpg" target="_blank">
            <img src="Images/port 9.jpg" alt="Portfolio 9">
            </a>
            <a href="Images/port 11.jpg" target="_blank">
              <img src="Images/port 11.jpg" alt="Portfolio 9">
              </a>
            <a href="Images/port 10.webp" target="_blank">
                <img src="Images/port 10.webp" alt="Portfolio 9">
                </a>
            <a href="Images/port 13.webp" target="_blank">
                  <img src="Images/port 13.webp" alt="Portfolio 13">
                  </a>
            <a href="Images/port 14.jpg" target="_blank">
                <img src="Images/port 14.jpg" alt="Portfolio 14">
                </a>
      </div>
      </section>


    </main>
  </body>
</html>