newdocs/services.html at main · EWANZO101/newdocs · 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
138
139
140
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>YServices</title>
    <style>
        body {
            background-color: #1c1c1c;
            color: #ffffff;
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
        }

        header {
            background-color: #333333;
            color: #ffffff;
            padding: 20px;
            text-align: center;
            margin-bottom: 20px;
        }

        .announcement {
            background-color: #ff4d4d;
            color: #ffffff;
            padding: 15px;
            text-align: center;
            margin-bottom: 20px;
        }

        section {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            padding: 20px;
        }

        .service {
            background-color: #2c2c2c;
            color: #ffffff;
            padding: 20px;
            margin: 10px;
            border-radius: 8px;
            text-align: center;
        }

        .status {
            font-weight: bold;
        }

        .active {
            color: #00ff00;
        }

        .inactive {
            color: #ff0000;
        }

        .modern-button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #3498db;
            color: #ffffff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;
            margin-top: 15px;
        }

        .modern-button:hover {
            background-color: #2980b9;
        }

        footer {
            background-color: #333333;
            color: #ffffff;
            text-align: center;
            padding: 10px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>

<body>
    <header>
        <h1>Services</h1>
    </header>
    <div class="announcement">
        <p><strong>SERVICE ANNOUNCEMENT:</strong> TEMPORARILY NOT TAKING NEW CLIENTS DUE TO RELOCATION COMING SOON. THANK YOU FOR YOUR PATIENCE AND CONTINUED SUPPORT</p>
    </div>
    <section>
        <div class="service">
            <h2>VPS Hosting | Coming Soon!</h2>
            <p>Description of VPS Hosting service.</p>
            <p class="status">Status: <span class="inactive">Inactive</span></p>
        </div>
        <div class="service">
            <h2>MC Servers</h2>
            <p>Description of MC Servers service.</p>
            <ul>
                <li>1 GB RAM</li>
                <li>10 GB HDD</li>
                <li>1 CORE CPU</li>
                <li>100 mbps Download</li>
                <li>1 Free Subdomain</li>
            </ul>
            <p class="status">Status: <span class="active">Active</span></p>
            <a href="https://store.swiftpeakhosting.co.uk/?category=Minecraft-Hosting#pricing" class="modern-button">Go to MC Servers</a>
        </div>
        <div class="service">
            <h2>Snaily Cad | Coming Soon!</h2>
            <p>Description of Snaily Cad service.</p>
            <p class="status">Status: <span class="inactive">Inactive</span></p>
        </div>
        <div class="service">
            <h2>Garry’s Mod| Coming Soon!</h2>
            <p>Description of  Garry’s Mod service.</p>
            <p class="status">Status: <span class="inactive">Inactive</span></p>
        </div>
        <div class="service">
            <h2>Website Hosting | Coming 10/6/2024</h2>
            <p>Description of Website Hosting service.</p>
            <p class="status">Status: <span class="inactive">Inactive</span></p>
        </div>
        <div class="service">
            <h2>Rust Hosting | Coming 10/2/2024</h2>
            <p>Description of Rust Hosting service.</p>
            <p class="status">Status: <span class="inactive">Inactive</span></p>
        </div>
    </section>
    <footer>
        &copy; 2024 Swift Peak Hosting. All rights reserved.
    </footer>
</body>

</html>