-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
242 lines (242 loc) · 8.5 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Mars is the fourth planet from the Sun and the second-smallest planet in the Solar System, only being larger than Mercury."
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="images/favicon-16x16.png"
/>
<link rel="manifest" href="site.webmanifest" />
<title>Solid background</title>
<link rel="stylesheet" href="solid.css" />
</head>
<body>
<!-- A11y-nav -->
<!-- Line Advertise -->
<!-- Logo Animation -->
<!-- Navigation Tab -->
<!-- Header -->
<!-- Features -->
<!-- Languages -->
<!-- Footer: Page -->
<!-- Tool Bar -->
<div id="root">
<ul id="nav-access" class="a11y-nav">
<li>
<a id="skip-main" href="#content">Skip to main content</a>
</li>
<li>
<a id="skip-search" href="#top-nav-search-input">Skip to search</a>
</li>
<li>
<a id="skip-select-language" href="#languages-switcher-button"
>Skip to select language</a
>
</li>
</ul>
<div class="sgd-cta-container">
<div id="sgd-cta-content" class="sgd-cta-content">
<div id="plus_launch_announcement" class="sgd-cta-content-container">
<a href="https://www.google.com/search?q=mars" class="sgd-cta-copy">
<strong>Version 1.73</strong> is <b>now</b> available! Read about
the <b>new features</b> and fixes from <em>October.</em> ✨
</a>
</div>
</div>
<div class="sgd-cta-controls">
<button type="button" class="close">
<span class="visually-hidden-focusable">Close</span>
</button>
</div>
</div>
<div class="page-wrapper">
<div class="main-document-header-container">
<!-- Here is our main header that is used across all the pages of our website -->
<header>
<strong id="logo">
<div class="moon"></div>
<span class="rocket">🚀</span>
</strong>
<nav>
<ul>
<li class="active">
<a href="https://www.google.com/search?q=mars">Overview</a>
</li>
<li>
<a href="https://www.google.com/search?q=mars"
>Release Notes</a
>
</li>
<li><a href="https://www.google.com/search?q=mars">Help</a></li>
</ul>
</nav>
<!-- A Search form is another common non-linear way to navigate through a website. -->
<!--
<form>
<input type="search" name="q" placeholder="Search query" />
<input type="submit" value="Go!" />
</form>
-->
<!-- End of Search form -->
</header>
</div>
<div class="main-wrapper">
<nav id="sidebar-quicklinks"></nav>
<div class="toc"></div>
<!-- Here is our page's main content -->
<main id="content" class="main-content">
<!-- It contains an article -->
<article class="main-page-content" lang="en-us">
<h1>Mars</h1>
<h2>Code editing. Redefined.</h2>
<h3>Free. Built on open source. Runs everywhere.</h3>
<!-- Download -->
<a
href="https://www.google.com/search?q=mars"
id="download"
class="button-74"
>Download for Mac OS</a
>
<!-- features -->
<ul class="features">
<li>
<div>
<!-- Extensions -->
<h4>Intelli Sense</h4>
<p>
Go beyond syntax highlighting and autocomplete with 🛰
<a href="https://www.google.com/search?q=mars"
>IntelliSense</a
>, which provides smart completions based on variable
types, function definitions, and imported modules.
</p>
</div>
</li>
<li>
<div>
<h4>Run and Debug</h4>
<p>
Debug code right from the editor. Launch or attach to your
running apps and debug with break points, call stacks, and
an 🧨
<a href="https://www.google.com/search?q=mars"
>interactive</a
>
console.
</p>
</div>
</li>
<li>
<div>
<h4>Bulit-in Git</h4>
<p>
Working with 🛸
<a href="https://www.google.com/search?q=mars">Git</a> and
other SCM providers has never been easier. Review diffs,
stage files, and make commits right from the editor. Push
and pull from any hosted SCM service.
</p>
</div>
</li>
</ul>
<p class="tail">
By downloading, you agree to the
<a
class="external ext"
href="https://www.google.com/search?q=mars"
>Open Source Applications Terms</a
>.
</p>
</article>
<!-- the aside content can also be nested within the main content -->
<aside>
<h2>Mars for</h2>
<ul class="language">
<li>JavaScript</li>
<li>Python</li>
<li>Java</li>
<li>Markdown</li>
<li>TypeScript</li>
<li>C/C++</li>
<li>JSON</li>
<li>Powershell</li>
<li>HTML/CSS</li>
<li>C#</li>
<li>PHP</li>
<li>YAML</li>
<li>Mercury</li>
<li>Venus</li>
<li>Earth</li>
<li>Mars</li>
<li>Jupiter</li>
<li>Saturn</li>
<li>Uranus</li>
<li>Neptune</li>
</ul>
<a
href="https://www.google.com/search?q=mars"
class="goto-market-place"
>and many more languages on the Marketplace...</a
>
<!-- Started -->
<a
href="https://www.google.com/search?q=mars"
id="started"
class="button-74"
>Get Started Now</a
>
</aside>
</main>
<!-- And here is our main footer that is used across all the pages of our website -->
<footer>
<p>©Copyright 2050 by nobody. All rights reversed.</p>
</footer>
</div>
</div>
<p class="zoom-level">Current Zoom Level: <span class="output"></span></p>
</div>
<div id="toolbar">
<div class="container">
<div class="theme">
<span class="title">Theme</span>
<button type="button" class="midnightblue active">midnightblue</button>
<button type="button">indigo</button>
<button type="button">black</button>
</div>
<div class="zoom">
<span class="title">Screen <i class="visually-hidden">magnification</i></span>
<b class="value">100%</b>
<button id="zoomIn" type="button">+</button>
<button id="zoomOut" type="button">-</button>
<button id="zoomInit" type="button" disabled>Reset</button>
</div>
<div class="viewer">
<span class="title">Viewer</span>
<button type="button" class="midnightblue active">Web</button>
<button type="button">Reader</button>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>