My-projects/Works.html at main · Booster254/My-projects · 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
<!DOCTYPE html>
<html>
    <head>
        <link href="https://fonts.googleapis.com/css?family=Inter&display=swap" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css?family=Redressed&display=swap" rel="stylesheet" />
        <link href="main4.css" rel="stylesheet" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" />
        <title>William Nyakeri</title>
    </head>
    <body>
        <header>
            <nav>
                <div class="Logo">
                    <a href="#">William Nyakeri</a>
                </div>
                <ul class="nav-links">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="About.html">About</a></li>
                    <li><a href="Works.html">Works</a></li>
                    <li><a href="Contacts.html">Contact</a></li>
                </ul>
            </nav>
        </header>
        <div class="container">
            <h1>My Work</h1>
            <div class="work-container">
                <div class="work-card">
                    <img src="C:\Users\user\Desktop\Project1\images\image1.jpeg" alt="Project 1">
                    <h2>Project 1</h2>
                    <p>Description of Project 1</p>
                </div>
                <div class="work-card">
                    <img src="images\image2.jpeg" alt="Project 2">
                    <h2>Project 2</h2>
                    <p>Description of Project 2</p>
                </div>
                <div class="work-card">
                    <img src="images\image3.jpeg" alt="Project 3">
                    <h2>Project 3</h2>
                    <p>Description of Project 3</p>
                </div>
                <div class="work-card">
                    <img src="images\image4.jpeg" alt="Project 4">
                    <h2>Project 4</h2>
                    <p>Description of Project 4</p>
                </div>
            </div>
        </div>
        </section>
            </div>
            <footer class="footer">
                <a href="https://www.facebook.com/simamu.nyakeri.7"><img src="facebook.png" alt="Facebook" class="social-icon"></a>
                <a href="https://twitter.com/williamnyakeri?t=PMY5CQaCzQpDasm0Ro9OCg&s=09"><img src="twitter.png" alt="Twitter" class="social-icon"></a>
                <a href="https://instagram.com/de_booster254?igshid=ZGUzMzM3NWJiOQ=="><img src="instagram.png" alt="Instagram" class="social-icon"></a>
                <a href="https://github.com/Booster254"><img src="github.png" alt="GitHub" class="social-icon"></a>
             </footer>
    </body>
</html>