-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
486 lines (476 loc) · 26.1 KB
/
index.html
File metadata and controls
486 lines (476 loc) · 26.1 KB
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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap-icons-1.9.1/bootstrap-icons.css">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="image/images.png">
</head>
<body>
<section>
<section class="hearder">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="nav-link" href="#">
<svg viewBox="0 0 622 187" fill="currentColor" class="logo-svg"
xmlns="http://www.w3.org/2000/svg">
<defs class="jsx-fbcdfe1333517ed0"></defs>
<path d="M133.445 87.009c.182 2.006.307 4.03.307 6.084 0-2.055-.125-4.077-.307-6.084z">
</path>
<path
d="M35.155 86.659s-18.425 67.886 55.424 68.477c23.17-8.625 40.244-29.772 42.831-55.267.179-1.764.232-3.563.272-5.365.008-.474.071-.934.071-1.412 0-2.052-.125-4.077-.307-6.083-19.511 76.806-105.823 46.722-98.291-.35z">
</path>
<path
d="M73.34 61.46S4.581 42.26 5.638 117.233a66.435 66.435 0 0016.023 23.951c.296.28.602.544.9.819a66.407 66.407 0 006.283 5.12c.341.244.662.513 1.004.751a66.035 66.035 0 007.253 4.306c.729.375 1.477.718 2.216 1.068a65.545 65.545 0 006.624 2.688c.554.189 1.083.426 1.644.601a65.67 65.67 0 008.246 1.95c.843.148 1.695.272 2.549.39 2.892.417 5.808.644 8.73.678.112 0 .22.017.332.017 2.204 0 4.38-.118 6.526-.329-77.147-18.398-47.824-104.664-.63-97.781z">
</path>
<path
d="M100.14 97.015s16.267-68.58-56.957-65.517C18.628 41.197 1.246 65.088 1.246 93.087c.023 3.015.25 6.025.681 9.009 15.41-77.59 103.205-52.461 98.213-5.08z">
</path>
<path
d="M64.981 126.528s68.878 8.991 64.566-56.495c-9.374-25.207-33.578-43.2-62.048-43.2a66.506 66.506 0 00-12.015 1.142c76.749 9.422 56.801 99.223 9.497 98.553z">
</path>
<path
d="M86.622 93.094a18.558 18.558 0 11-37.117 0 18.558 18.558 0 0137.117 0zM166.549 147V58.974h13.204v21.654c.47-1.526 1.35-3.52 2.641-5.986 1.408-2.582 3.404-5.164 5.986-7.746 2.582-2.582 5.809-4.753 9.683-6.514 3.99-1.878 8.685-2.817 14.084-2.817h.88V70.77h-1.584c-6.573 0-12.265 1.82-17.077 5.458-4.695 3.521-8.334 8.157-10.916 13.908-2.464 5.634-3.697 11.678-3.697 18.133V147h-13.204zm97.539 1.408c-8.92 0-16.725-1.995-23.415-5.985-6.69-4.108-11.913-9.625-15.669-16.549-3.638-6.925-5.457-14.554-5.457-22.887 0-8.45 1.76-16.08 5.281-22.887 3.521-6.925 8.568-12.382 15.141-16.373 6.572-4.108 14.319-6.162 23.239-6.162 9.037 0 16.783 2.054 23.238 6.162 6.573 3.99 11.62 9.448 15.141 16.373 3.521 6.807 5.282 14.436 5.282 22.887v5.281h-73.766c.704 5.165 2.347 9.918 4.929 14.261 2.7 4.225 6.279 7.629 10.739 10.211 4.46 2.464 9.624 3.697 15.493 3.697 6.22 0 11.443-1.35 15.669-4.049 4.225-2.817 7.511-6.397 9.858-10.74h14.437c-3.052 7.864-7.923 14.319-14.613 19.366-6.572 4.93-15.081 7.394-25.527 7.394zm-30.809-52.463h59.857c-1.173-7.512-4.342-13.791-9.506-18.838-5.165-5.047-11.972-7.57-20.422-7.57-8.451 0-15.258 2.523-20.423 7.57-5.046 5.047-8.215 11.326-9.506 18.838zm89.723 85.913V58.974h13.204v14.084c3.286-4.812 7.512-8.568 12.676-11.267 5.281-2.817 11.561-4.226 18.837-4.226 8.568 0 16.021 2.054 22.359 6.162 6.455 3.99 11.444 9.448 14.965 16.373 3.521 6.807 5.281 14.436 5.281 22.887 0 8.333-1.76 15.962-5.281 22.887-3.521 6.924-8.51 12.441-14.965 16.549-6.338 3.99-13.791 5.985-22.359 5.985-7.276 0-13.556-1.408-18.837-4.225-5.164-2.934-9.39-6.749-12.676-11.443v49.118h-13.204zm42.957-45.421c6.573 0 12.148-1.526 16.725-4.578 4.695-3.051 8.274-7.1 10.739-12.147 2.465-5.164 3.697-10.739 3.697-16.725 0-6.103-1.232-11.678-3.697-16.725-2.465-5.047-6.044-9.096-10.739-12.148-4.577-3.051-10.152-4.577-16.725-4.577-6.455 0-11.972 1.526-16.549 4.577-4.577 3.052-8.04 7.101-10.387 12.148-2.347 5.047-3.521 10.622-3.521 16.725 0 5.986 1.174 11.561 3.521 16.725 2.347 5.047 5.81 9.096 10.387 12.147 4.577 3.052 10.094 4.578 16.549 4.578zM427.705 147V23.763h13.204V147h-13.204zm35.577-102.815V26.932h14.26v17.253h-14.26zM463.81 147V58.974h13.204V147H463.81zm45.611 0V70.593h-17.957v-11.62h17.957V27.46h13.204v31.514h20.246v11.62h-20.246V147h-13.204z">
</path>
<g class="prompt" clip-path="url(#clip0)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M570 68.5h26.001v26H622v26h-26v-26h-26v-26zm26 52.001h-26v26h26v-26z">
</path>
</g>
<defs>
<clipPath id="clip0">
<path fill="#fff" transform="translate(570 40.5)" d="M0 0h52v106H0z">
</path>
</clipPath>
</defs>
</svg>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
<ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="dropdownmenu">Feature</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
</li>
<li class=" nav-item">
<a class="nav-link" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Teams Pro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Teams for Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Careers</a>
</li>
</ul>
<ul class="navbar-nav ">
<li class="nav-item">
<span type="button" class="btn btn-primary"><a href="">Sign up</a></span>
<span type="button" class="btn btn-dark"><a href="">log in</a></span>
</li>
</ul>
</nav>
</div>
<div class="container create">
<h1>
Code, create, and <br> learn together</h1>
<p>Use our free, collaborative,
in-browser IDE to code in 50+ languages — without <br> spending a second on setup.</p>
<a href="" class="btn btn-primary p-3"><i class="bi bi-code"></i> Start coding</a>
</div>
</section>
<section class="Feature">
<div class="container p-5">
<div class="row ">
<div class="col-12">
<h1>Features for all skill levels</h1>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-4 col-sm-6">
<div class="card">
<div class="card-body">
<i class="bi bi-tv"></i>
<h5 class="card-title"> In-browser IDE</h5>
<p class="card-text">
Start coding with your favorite language on any platform, OS, and device.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6">
<div class="card">
<div class="card-body">
<i class="bi bi-person-plus-fill"></i>
<h5 class="card-title"> Real-time collaboration</h5>
<p class="card-text">Invite your friends, teammates, and colleagues right into your code
with Google-docs like editing </p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6">
<div class="card">
<div class="card-body">
<i class="bi bi-github"></i>
<h5 class="card-title"> GitHub integration</h5>
<p class="card-text">
Import, run, and collaborate on millions of GitHub repos with 0 manual setup.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6">
<div class="card">
<div class="card-body">
<i class="bi bi-code"></i>
<h5 class="card-title"> 50+ languages</h5>
<p class="card-text">
From Python, to C++, to HTML and CSS, stay in one platform to learn and code in any
language
you want.
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-4 col-sm-6">
<div class="card">
<div class="card-body">
<i class="bi bi-globe"></i>
<h5 class="card-title"> 50+ languages</h5>
<p class="card-text">
From Python, to C++, to HTML and CSS, stay in one platform to learn and code in any
language
you want.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6">
<div class="card">
<div class="card-body">
<i class="bi bi-book"></i>
<h5 class="card-title"> Host & deploy</h5>
<p class="card-text">
The second you create a new repl, it's instantly live and sharable with the world.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6">
<div class="card">
<div class="card-body">
<i class="bi bi-people-fill"></i>
<h5 class="card-title"> Learning resources</h5>
<p class="card-text">
Learn how to code from 3 million+ passionate programmers, technologists, creatives,
and
learners of all kinds.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6">
<div class="card">
<div class="card-body">
<i class="bi bi-cloud"></i>
<h5 class="card-title"> Teams plans</h5>
<p class="card-text">
Make your team more productive with interactive docs, real-time collaboration, and
0-hassle
remote interviewing.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="image">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<img src="images/one.jpg" alt="">
</div>
<div class="col-lg-6 col-md-12 pt-5">
<span>Instant IDE</span>
<h2>
Code
right in
your browser.</h2>
<p><span class="jump"> Collaborative, 0 setup, and Embeddable.</span>
Replit is the best tool for quickly starting, sharing,
and developing projects in any programming language, right from your browser.
</p>
<div class="learn">
<a href="">Learn more about the IDE >_</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 items">
<span>Multiplayer</span>
<h2>Code together.</h2>
<p><span class="jump">Jump right in.</span>
Enjoy a Google Docs-like editing experience, where you can see your
collaborators’
cursors.
</p>
<div class="learn">
<a href="">Learn more about Multiplayer >_</a>
</div>
</div>
<div class="col-lg-6 col-md-12">
<img src="images/multiplayer-cursors.webp" alt="">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12">
<img src="images/community.webp" alt="">
</div>
<div class="col-lg-6 col-md-12 items">
<span>Community</span>
<h2>
Talk,
learn,
collab.</h2>
<p><span class="jump"> Help is just a click away.</span>
Instantly get help from a community of millions of other programmers and
learners.
</p>
<div class="learn">
<a href="">Learn more about Community >__</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12 items">
<span>Teams</span>
<h2>
Bring
everyone on board.</h2>
<p><span class="jump"> Collaboration is built in, not just
plugin.</span>
Make your team more productive with interactive docs, seamless git integration,
and 0-hassle remote interviewing.
</p>
<div class="learn">
<a href="">Learn more about the IDE >_</a>
</div>
</div>
<div class="col-lg-6 col-md-12">
<img src="images/team.webp" alt="">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12">
<img src="images/hosting.webp" alt="">
</div>
<div class="col-lg-6 col-md-12 items">
<span>Instant IDE</span>
<h2>
Code
right in
your browser.</h2>
<p><span class="jump"> Collaborative, 0 setup, and Embeddable.</span>
Replit is the best tool for quickly starting, sharing,
and developing projects in any programming language, right from your browser.
</p>
<div class="learn">
<a href="">Learn more about the IDE >_</a>
</div>
</div>
</div>
</div>
<section class="trusted">
<div class="row">
<div class="col-12">
Trusted by
</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-4 col-sm-6"> <img src="images/ga.svg" alt=""></div>
<div class="col-xl-3 col-md-4 col-sm-6"> <img src="images/google.svg" alt=""></div>
<div class="col-xl-3 col-md-4 col-sm-6"> <img src="images/harvard.svg" alt=""></div>
<div class="col-xl-3 col-md-4 col-sm-6"> <img src="images/hackreactor.svg" alt=""></div>
</div>
<div class="row">
<div class="col-xl-3 col-md-4 col-sm-6"> <img src="images/harvard.svg" alt=""></div>
<div class="col-xl-3 col-md-4 col-sm-6"> <img src="images/ga.svg" alt=""></div>
<div class="col-xl-3 col-md-4 col-sm-6"> <img src="images/hackreactor.svg" alt=""></div>
<div class="col-xl-3 col-md-4 col-sm-6"> <img src="images/google.svg" alt=""></div>
</div>
</div>
<div class="row" style="text-align: center; padding: 100px;">
<div class="col-12">
<h2>Get started in seconds</h2>
<a href="" class="btn btn-primary p-3"> <i class="bi bi-code"></i>
Start coding</a>
</div>
</div>
</section>
</section>
</div>
<section class=" container-fluid footer">
<div class="container legal">
<div>
<ul>
<span>legal</span>
<li><a href="">terms of service</a></li>
<li><a href="">privacy</a></li>
<li><a href="">subprocessors</a></li>
<li><a href="">DPA</a></li>
<li><a href="">US student DPA</a></li>
<li><a href="">student privacy</a></li>
</ul>
</div>
<div>
<ul>
<span>replit</span>
<li><a href="">blog</a></li>
<li><a href="">about</a></li>
<li><a href="">careers</a></li>
<li><a href="">teams for education</a></li>
<li><a href="">precing</a></li>
</ul>
</div>
<div>
<ul>
<span>features</span>
<li><a href="">IDE</a></li>
<li><a href="">multiplayer</a></li>
<li><a href="">community</a></li>
<li><a href="">teams</a></li>
<li><a href="">hosting</a></li>
</ul>
</div>
<div>
<ul>
<span>handy links</span>
<li><a href="">create a repl</a></li>
<li><a href="">docs</a></li>
<li><a href="">feedback</a></li>
<li><a href="">ask for help</a></li>
<li><a href="">status page</a></li>
<li><a href="">python packages</a></li>
<li><a href="">import from glitch</a></li>
</ul>
</div>
<div>
<ul>
<span>social media</span>
<li><a href="">facebook</a></li>
<li><a href="">twitter</a></li>
<li><a href="">instagram</a></li>
<li><a href="">discord</a></li>
</ul>
</div>
</div>
<div class="container p-5">
<h3>languages</h3>
<div class="languages">
<div>
<ul>
<li><a href="">Clojure</a></li>
<li><a href="">Haskell</a></li>
<li><a href="">Rostlin</a></li>
<li><a href="">Qbasic</a></li>
<li><a href="">Forth</a></li>
<li><a href="">LOLCODE</a></li>
<li><a href="">Braint</a></li>
<li><a href="">Emoticon</a></li>
<li><a href="">Bloop</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Unlambda</a></li>
<li><a href="">coffeeScript</a></li>
<li><a href="">Scheme</a></li>
<li><a href="">APL</a></li>
<li><a href="">Lua</a></li>
<li><a href="">Ruby</a></li>
<li><a href="">Roy</a></li>
<li><a href="">Python</a></li>
<li><a href="">Node.js</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Javascript</a></li>
<li><a href="">Deno(beta)</a></li>
<li><a href="">Golang</a></li>
<li><a href="">c++</a></li>
<li><a href="">c</a></li>
<li><a href="">c#</a></li>
<li><a href="">F#</a></li>
<li><a href="">Html,css,js</a></li>
<li><a href="">Rust</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Swisft</a></li>
<li><a href="">python (with turtle)</a></li>
<li><a href="">Basic (Beta)</a></li>
<li><a href="">R</a></li>
<li><a href="">Bash</a></li>
<li><a href="">Crystal</a></li>
<li><a href="">Julia</a></li>
<li><a href="">Elixir</a></li>
<li><a href="">Nim</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">Dart</a></li>
<li><a href="">Reason Node.js</a></li>
<li><a href="">Tcl</a></li>
<li><a href="">Erlang</a></li>
<li><a href="">Type Script</a></li>
<li><a href="">pygame</a></li>
<li><a href="">love 2D</a></li>
<li><a href="">Emacs Lisp (Elisp)</a></li>
<li><a href="">PHP web server</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">SQlite</a></li>
<li><a href="">Java</a></li>
<li><a href="">PHP cli</a></li>
<li><a href="">Pyxel</a></li>
<li><a href="">Raku</a></li>
<li><a href="">scala (beta)</a></li>
<li><a href="">Nix (beta)</a></li>
<li><a href="">Kaboom (beta)</a></li>
</ul>
</div>
</div>
<div class="row ">
<div class="col-12">
Copyright © 2022 Replit, Inc. All rights reserved.
</div>
</div>
</div>
</section>
</div>
</section>
</body>
</html>