phithagod24.github.io/open.html at main · phithagod24/phithagod24.github.io · 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
<!DOCTYPE html>
<html>
<head>
    <title>Linux Website</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="logo">
            <img src="logo.png" alt="Linux Logo">
        </div>
        <nav>
            <ul>
                <li><a href="open.html" class="active">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="distros.html">Linux</a></li>
                <li><a href="game.html">Games</a></li>
                <li><a href="community.html">Community</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section class="hero">
            <h1>Welcome to the Phithagod24's new website!</h1>
            <p>This website is designed to provide information and resources about Linux.</p>
        </section>

        <section class="features">
            <div class="feature">
                <img src="feature1.png" alt="Feature 1">
                <h2>About Linux</h2>
                <p>Learn about the history, philosophy, and key features of Linux.</p>
                <a href="about.html" class="btn">Read More</a>
            </div>
            <div class="feature">
                <img src="feature2.png" alt="Feature 2">
                <h2>Linux Distributions</h2>
                <p>Explore different Linux distributions and choose the one that suits you.</p>
                <a href="distros.html" class="btn">View Distributions</a>
            </div>
            <div class="feature">
                <img src="feature3.png" alt="Feature 3">
                <h2>Games</h2>
                <p>fun games im made note: some from still in dev wip.</p>
                <a href="game.html" class="btn">Browse Tutorials</a>
            </div>
        </section>
    </main>

    <footer>
        <p>&copy; 2023 Linux Website. All rights reserved.</p>
    </footer>
<!DOCTYPE html>
<html>
<head>
    <title>Linux Website</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <!-- Header content goes here -->
    </header>

    <main>
        <!-- Main content goes here -->

        <section class="game-section">
            <h2>Play the Linux Game!</h2>
            <p>Click the button below to play an exciting Linux-themed game.</p>
            <a href="game.html" class="game-link">Play Now</a>
        </section>
    </main>

    <footer>
        <!-- Footer content goes here -->
    </footer>
</body>
</html>