-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (154 loc) · 5.31 KB
/
index.html
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebShell - Web-Based Linux Terminal</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body {
background-color: #2e2e2e;
color: #f0f0f0;
}
.navbar {
background-color: #333;
}
.navbar-brand {
color: #9b59b6;
}
.navbar-brand:hover {
color: #fff;
}
.section {
padding: 60px 0;
}
.section-title {
color: #9b59b6;
border-bottom: 2px solid #9b59b6;
padding-bottom: 10px;
}
.card {
background-color: #444;
border: none;
}
.card-header {
background-color: #555;
}
.btn-primary {
background-color: #9b59b6;
border: none;
}
.btn-primary:hover {
background-color: #8e44ad;
}
pre code {
color: #ffffff;
}
a {
color: #9b59b6;
}
a:hover {
color: #fff;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="#">WebShell</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="api.html">API</a>
</li>
<li class="nav-item">
<a class="nav-link" href="terminal.html">Getting Started</a>
</li>
</ul>
</div>
</nav>
<header class="text-center text-white py-5">
<div class="container">
<h1 class="display-4">Welcome to WebShell</h1>
<p class="lead">Your Gateway to a Full Linux Experience in Your Browser</p>
<a href="learn-more.html" class="btn btn-primary btn-lg">Learn More</a>
</div>
</header>
<section id="features" class="section text-center">
<div class="container">
<h2 class="section-title">Features</h2>
<div class="row">
<div class="col-md-4">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Fully Interactive Terminal</h5>
<p class="card-text">Access a genuine Fedora terminal with support for a wide range of commands and utilities, all from your browser.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Instant Access</h5>
<p class="card-text">Start using the terminal directly from your browser with no installation required.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">Customizable Experience</h5>
<p class="card-text">Personalize your terminal with different prompts and themes to suit your preferences.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="api" class="section bg-dark text-white text-center">
<div class="container">
<h2 class="section-title">API Overview</h2>
<p>Run Fedora commands programmatically through our API.</p>
<pre><code>curl -X POST https://web-terminal-eight.vercel.app/run -H "Content-Type: application/json" -d '{"command": "ls -l"}'</code></pre>
<p>For more details, <a href="api.html" class="text-primary">view our API documentation</a>.</p>
</div>
</section>
<section id="getting-started" class="section text-center">
<div class="container">
<h2 class="section-title">Getting Started</h2>
<div class="row">
<div class="col-md-4">
<h4><a href="/terminal.html" class="btn btn-primary btn-lg">Open WebShell</a></h4>
<p>Start interacting with the Fedora terminal directly from your browser.</p>
</div>
<div class="col-md-4">
<h4><a href="api.html" class="btn btn-primary btn-lg">View API Documentation</a></h4>
<p>Learn how to integrate terminal commands into your applications.</p>
</div>
</div>
</div>
</section>
<section id="webshell-os" class="section text-center">
<div class="container">
<h2 class="section-title">Introducing WebShell OS</h2>
<p>Experience a fully interactive web-based operating system. Drag and drop windows, explore a mock file system, and enjoy a customized desktop environment, all from your browser.</p>
<p>WebShell allows you to drag and drop filesfrom your actual OS into the browser.</p>
<P>The username and password for the file explorer is "demo".</P>
<a href="https://webshell-omega.vercel.app/os.html" class="btn btn-primary btn-lg">Try WebShell OS</a>
</div>
</section>
<footer class="text-center py-4">
<div class="container">
<p>© 2024 WebShell. All rights reserved.</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>