-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
246 lines (225 loc) · 25.5 KB
/
Copy pathindex.html
File metadata and controls
246 lines (225 loc) · 25.5 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
<!DOCTYPE html>
<html class="loading" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta name="description"
content="Take the free typing test at Monkey Type to measure your typing speed (WPM) and accuracy in real time. No downloads, no registration—just type and improve!">
<meta name="keywords"
content="monkey type, monkeytype, typing test, typing club">
<title>Monkey Type - Real-Time Online Typing Test</title>
<link rel="canonical" href="https://monkey-type-org.github.io/typing-test/">
<link rel="icon" type="image/png" href="https://www.monkey-type.org/static/app-assets/img/logo2.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta property="og:type" content="website">
<meta property="og:url" content="https://monkey-type-org.github.io/typing-test/">
<meta property="og:title" content="Monkey Type - Real-Time Online Typing Test">
<meta property="og:description" content="Take the free typing test at Monkey Type to measure your typing speed (WPM) and accuracy in real time. No downloads, no registration—just type and improve!">
<meta property="og:image" content="https://www.monkey-type.org/static/app-assets/img/logo2.png">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900%7CMontserrat:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="static/css/main.css">
<style> #myDIV{text-align:center; padding-bottom: 10px;}.keyboard__row{height:3.4em!important}.hands,.input-field{height:100%;width:100%}.hands{left:0;top:3%}.hand--left{left:6%;top:9%;width:48.3%}img{max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}.hand{position:absolute}.hand--right{left:37%;top:9%;width:58.3%}.googleads {padding: 20px;-webkit-box-shadow: 5px 5px 5px -5px rgb(34 60 80 / 60%);-moz-box-shadow: 5px 5px 5px -5px rgba(34,60,80,.6);margin: 0 auto;text-align: center;min-height: 0px !important;height: auto !important;}.btn10{border:none;outline:0;padding:10px 16px;background-color:#f1f1f1;cursor:pointer;font-size:18px}.active1,.btn10:hover{background-color:#666;color:#fff}.NR-Ads,.NR-Ads-close{display:flex;background-color:#fefefe}.NR-Ads{position:fixed;bottom:0;left:0;width:100%;min-height:70px;max-height:90px;padding:5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);-webkit-transition:.1s ease-in;transition:.1s ease-in;align-items:center;justify-content:center;z-index:20}.NR-Ads-close{width:30px;height:30px;align-items:center;justify-content:center;border-radius:12px 0 0;position:absolute;right:0;top:-30px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.08)}.NR-Ads .NR-Ads-close svg{width:22px;height:22px;fill:#000}.NR-Ads .NR-Ads-content{overflow:hidden;display:block;position:relative;height:70px;width:100%;margin-right:10px;margin-left:10px}.cardefffect1{cursor:pointer;box-shadow:3px 3px 5px 0 #888!important}.cardefffect1:hover{cursor:pointer;box-shadow:3px 3px 5px 0 #66a956!important}.btn10 {border: none;outline: none;padding: 10px 16px;background-color: #f1f1f1;cursor: pointer;font-size: 18px;}.active1, .btn10:hover {background-color: #666;color: white;}.content-box .typing-text{min-height: 330px;font-weight: bold;}.typing-text::-webkit-scrollbar{width: 0;}.typing-text p{font-size: 21px;text-align: justify;letter-spacing: 1px;word-break: break-all;}.typing-text p span{position: relative;}.typing-text p span.correct{color: #56964f;}.typing-text p span.incorrect{color: #cb3439;text-decoration: line-through;border-radius: 4px;}.typing-text p span.active{color: #17A2B8;}.typing-text p span.active::before{position: absolute;content: "";height: 2px;width: 100%;bottom: 0;left: 0;opacity: 0;border-radius: 5px;background: #17A2B8;animation: blink 1s ease-in-out infinite;}.notch {background: #ddd;border-radius: 0 0 7% 7% / 0 0 95% 95%;box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;margin-left: auto;margin-right: auto;margin-top: -3.5%;z-index: 2;position: relative;width: 14%;}.notch:before {content: "";display: block;padding-top: 10%;}.screen {border-radius: 3% 3% 0.5% 0.5% / 5%;margin: 0 auto;position: relative;width: 82%;}.screen:before {border-radius: 3% 3% 0.5% 0.5% / 5%;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;display: block;padding-top: 67%;}.screen:after {content: "";border-top: 2px solid rgba(255, 255, 255, 0.15);position: absolute;bottom: 0.75%;left: 0.5%;padding-top: 1%;width: 99%;}.text-bold-600 {font-weight: 600 !important;}@media (min-width: 1200px){.col-xl-3 {flex: 0 0 25%;max-width: 25%;}}@media (min-width: 992px) {.col-lg-3 {flex: 0 0 25%;max-width: 25%;}}@media (min-width: 1200px) {.col-xl-10 {flex: 0 0 83.33333%;max-width: 83.33333%;}}.bg-primary {background-color: #975AFF !important;}.bg-btn-success{background-color: #4b4c56 !important;box-shadow: 3px 5px #888888;}.bg-success {background-color: #40C057 !important;}.keyboard {text-align: center;font-size: 14px;font-family: sans-serif;}.keyboard__row {display: inline-block;height: 3em;margin: 0.2em;}.keyboard__row--h1 {height: 1.7em;line-height: 1.4em;}.keyboard__row--h3 {height: 3.3em;}.keyboard__row--h1 > div {width: 3.5em;}.keyboard__row > div[data-pressed], .keyboard__row > div:active {background: lightseagreen;color: #ffffff;position: relative;top: 0.2em;box-shadow: 0 0 0 0.05em black;}.keyboard > .keyboard__row {text-align: center;}.card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0 solid rgba(0, 0, 0, 0.125);border-radius: 0.35rem;}.card-body {flex: 1 1 auto;min-height: 1px;padding: 1.5rem;}.card-title {margin-bottom: 1.5rem;}.card-header {padding: 1.5rem 1.5rem;margin-bottom: 0;background-color: rgba(0, 0, 0, 0.03);border-bottom: 0 solid rgba(0, 0, 0, 0.125);}.card-header:first-child {border-radius: 0.35rem 0.35rem 0 0;}.card {margin: 15px 0;box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11);}.card[class*="gradient-"] .card-header, .card[class*="gradient-"] .card-footer {background-color: initial;}.card .card-header {padding-bottom: 0;border-bottom: none;background-color: transparent;}.card .card-subtitle {margin-top: 10px;margin-bottom: 10px;}.card .card-bordered {border: 1px solid rgba(0, 0, 0, 0.06);}.card.card-transparent {background-color: transparent !important;}.card .card {box-shadow: none;}.card .card-img {position: relative;}.card .card-img .card-title {color: #fff;position: absolute;bottom: 0;left: 0;max-width: 100%;padding: 24px;}.card .card-img.overlap {margin-top: -30px;}.card .btn-floating {display: inline-block;color: #fff;position: relative;overflow: hidden;z-index: 1;width: 40px;height: 40px;line-height: 40px;padding: 0;background-color: #975AFF;border-radius: 50%;transition: 0.3s;cursor: pointer;vertical-align: middle;font-size: 1rem;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}.card .btn-floating.btn {margin: 0;}.card .btn-floating i {width: inherit;display: inline-block;text-align: center;color: #fff;font-size: 2rem;line-height: 40px;}.card .btn-floating.btn-large {width: 56px;height: 56px;}.card .btn-floating.btn-large.halfway-fab {bottom: -28px;}.card .btn-floating.btn-large i {line-height: 56px;}.card .btn-floating.halfway-fab {position: absolute;right: 24px;bottom: -20px;}.card .card-reveal {padding: 24px;position: absolute;background-color: #fff;width: 100%;overflow-y: auto;left: 0;top: 100%;height: 100%;z-index: 3;transition: height 1s ease-in-out;display: none;}.card .card-reveal .card-title {cursor: pointer;}.card .card-title {letter-spacing: 0.03rem;font-size: 1.25rem;margin-bottom: 0.25rem;}.card .card-footer {padding: 1rem 1.5rem;background: transparent;overflow: hidden;}.card.card-inverse .card-blockquote .blockquote-footer, .card.card-inverse .card-link, .card.card-inverse .card-subtitle, .card.card-inverse .card-text, .card.card-inverse .card-title, .card.card-inverse .card-footer, .card.card-inverse a, .card.card-inverse a:hover, .card.card-inverse label, .card.card-inverse span, .card.card-inverse .form-group:hover, .card.card-inverse div, .card.card-inverse input {color: #fff;}.card.card-inverse .form-group.is-focused .checkbox label, .card.card-inverse .form-group.is-focused label.checkbox-inline, .card.card-inverse .form-group.is-focused .radio label, .card.card-inverse .form-group.is-focused label.radio-inline {color: #fff;}.card.card-inverse hr {border-color: #fff;}.card.card-inverse .checkbox label {color: #fff;}.card.card-inverse .checkbox label .checkbox-decorator .check {border-color: rgba(255, 255, 255, 0.54);}.card.card-inverse input::-webkit-input-placeholder, .card.card-inverse input::-moz-placeholder, .card.card-inverse input:-ms-input-placeholder, .card.card-inverse input:-moz-placeholder {color: #fff;}.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {position: relative;width: 100%;padding-right: 5px;padding-left: 5px;}.base {position: relative;width: 100%;}.base:before {content: "";display: block;padding-top: 3.3%;background: linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);border-radius: 0 0 10% 10%/ 0 0 50% 50%;}.base::after {background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);content: "";height: 53%;position: absolute;top: 0;width: 100%;}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom: 0.75rem;font-family: "Montserrat", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-weight: 500;line-height: 1.1;color: #17102F;}h1, .h1 {font-size: 2.5rem;}.text-center {text-align: center !important;}b, strong {font-weight: bolder;}</style>
</head>
<body class="vertical-layout vertical-menu 2-columns navbar-static layout-dark layout-transparent bg-glass-1"
data-bg-img="bg-glass-1" data-menu="vertical-menu" data-col="2-columns">
<div class="wrapper posiunset">
<div class="main-panel">
<div class="content-wrapper">
<h1 class="text-bold-600 text-center">www.monkey-type.org</h1>
<div class="row match-height">
<div class="col-xl-10 col-lg-12 col-12">
<div class="widget-chart-full-width nvd3-inverse-mode">
<div class="macbook">
<div class="result-details" style="padding-bottom: 10px;">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="card1 gradient-purple-love round" >
<div class="card-content text-center">
<div class="card-body py-0">
<div class="pb-1">
<div class="time media-body white">
<h3 class="white"><span><b>30</b> s</span></h3>
<span>Time Left</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="card1 gradient-ibiza-sunset round">
<div class="card-content text-center">
<div class="card-body py-0">
<div class="pb-1">
<div class="mistake media-body white">
<h3 class="white"><span>0</span></h3>
<span>Mistakes</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="card1 gradient-mint round">
<div class="card-content text-center">
<div class="card-body py-0">
<div class="pb-1">
<div class="wpm media-body white">
<h3 class="white"><span>0</span></h3>
<span>WPM</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="card1 gradient-king-yna round">
<div class="card-content text-center">
<div class="card-body py-0">
<div class="pb-1">
<div class="cpm media-body white">
<h3 class="white"><span>0</span></h3>
<span>CPM</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="screen inputtextarea">
<div class="viewport">
<div class="wrapper1">
<input type="text" class="input-field" autocomplete="off" oncopy="return false" onpaste="return false" oncut="return false" autocorrect="off" autocapitalize="off" spellcheck="false" data-gramm="false" data-gramm_editor="false" data-enable-grammarly="false" list="autocompleteOff">
<div class="content-box">
<div class="typing-text">
<p></p>
</div>
<div class="content" style="display:none;">
<button>Try Again</button>
</div>
</div>
</div>
</div>
</div>
<div class="base"></div>
<div class="notch"></div>
</div>
</div>
</div>
</div>
<div class="row match-height">
<div class="col-12">
<div class="card">
<div class="card-content">
<div class="card-body text-justify">
<h2><strong>Monkey Type - The Ultimate Typing Test Game</strong></h2>
<p>In today's digital world, typing is a crucial ability, and practicing and getting better at it is made simple by the internet. Monkey Type is among the most widely used platforms for this purpose. This straightforward yet effective online typing game lets users measure their accuracy, speed, and consistency. It is used by people of all backgrounds, including writers, professionals, gamers, and students, to improve their typing abilities.</p>
<h2><strong>What is Monkey Type?</strong></h2>
<p>A free online typing test called Monkey Type was developed to assist users in increasing the accuracy and speed of their typing. Its design is relatively simple, with no extraneous distractions and an emphasis solely on typing. This platform allows users to practice typing bespoke text, quotations, or random phrases while monitoring their progress in real time. Enhancing accuracy and words per minute while making the procedure enjoyable and interesting is the major objective.</p>
<h2><strong>Features of Monkey Type</strong></h2>
<p>The platform is special due to its many helpful features. Users can select from a variety of exam durations, including word-based or time-based tasks. Additionally, themes and layouts can be customized on the website to make the typing experience feel more unique. Following each session, comprehensive statistics are shown, including words per minute, accuracy, and error rate, which aid in monitoring development over time. People from all over the world can use Monkey Type because it supports a variety of languages and keyboard layouts.</p>
<h2><strong>Why People Love Monkey Type</strong></h2>
<p>Many people adore Monkey Type because it offers a distraction-free experience. Monkey Type concentrates on what really matters—typing—in contrast to other typing websites that are overflowing with advertisements or superfluous images. It feels more like a fun than a tedious duty. In addition to making practice fun, the progress tracker, quotations, and competitive leaderboards guarantee that users keep becoming better.</p>
<h2><strong>Benefits of Using Monkey Type</strong></h2>
<p>There are numerous benefits to practicing on Monkey Type. It speeds up typing, which saves time on daily chores. By pointing up mistakes and urging users to type carefully, it also improves accuracy. Whether you are working on professional documents, coding, or writing tasks, typing more quickly and accurately increases efficiency. The fact that it is free to use and doesn't require downloads is another advantage. To begin practicing, all you need is a web browser.</p>
<h2><strong>Monkey Type Compared to Other Typing Sites</strong></h2>
<p>Numerous additional typing systems exist, such as Nitro Type, 10FastFingers, and Typing.com. Nonetheless, Monkey Type is notable for its ease of use and adaptability. It offers a calm, concentrated atmosphere free from needless distractions. Additionally, because it is open source, developers are able to add features and contribute, keeping the platform current and modern.</p>
<h2><strong>Tips for Getting Better at Typing</strong></h2>
<p>If you use Monkey Type on a regular basis, you can easily improve your typing. A few minutes of practice every day can have a big impact. Because typing correctly lays a solid foundation, it is preferable to concentrate on accuracy before speed. It's also crucial to touch type with all fingers rather than gazing at the keyboard. Trying out various modalities, like random phrases or quotes, keeps practice interesting and pushes the brain in novel ways. Users can see their progress over time, which encourages them to increase their words per minute ratings.</p>
<h2><strong>Monkey Type for Different Users</strong></h2>
<p>Monkey Type is not exclusive to any particular demographic. It can help students get ready for tests and assignments that need quick typing. Because they can create content more rapidly, writers and bloggers stand to gain from improved productivity. Typing more quickly and accurately is another way that programmers and coders can increase their productivity. When playing chat-based online games where fast reactions are required, even players find it helpful.</p>
<h2><strong>How to Start with Monkey Type</strong></h2>
<p>Monkey Type is easy to get started with. Go to monkey-type.org, choose a test mode (e.g., word-based or timed), and start typing. The outcomes will show your accuracy, speed, and mistakes. Anyone can gradually get better by training every day and tracking their improvement. It's enjoyable because of the customization possibilities, which let users select layouts and themes that best fit their style.</p>
<h2><strong>Final Thoughts</strong></h2>
<p>Monkey Type is not merely a website for typing tests. It is an effective tool for productivity, skill development, and personal improvement. It offers all the features required for efficient typing practice, including a clear layout, adjustable settings, and comprehensive statistics. Monkey Type is the ideal platform whether you're a novice who wants to learn touch typing or an accomplished professional trying to boost productivity.</p>
<p>Go to monkey-type.org right now and begin practicing if you want to get better at typing. You will observe a significant improvement in accuracy and speed with consistent use.</p>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="row match-height">
<div class="col-xl-6 col-md-6 col-12 text-center" >
</div>
<div class="col-xl-6 col-md-6 col-12 text-center">
<div class="text-center" style="float: right;"> <a href="/aboutus">About Us</a> | <a href="/contact">Contact Us</a> | <a href="/privacy-policy">Privacy Policy</a> | <a href="/terms-of-service">Terms of services</a></div>
</div>
</div>
<footer class="footer undefined undefined">
<p class="clearfix text-muted m-0"><span>Copyright © 2025 </span><a href="https://www.monkey-type.org/" target="_blank">monkey-type.org</a><span class="d-none d-sm-inline-block">, All rights reserved.</span></p>
</footer>
<button class="btn btn-primary scroll-top" type="button"><i class="ft-arrow-up"></i></button> -->
</div>
</div>
<div class="modal" id="largesizemodal" style="display:none" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Your Monkey Type Score:</h5>
</div>
<div class="col-12 col-lg-12 col-xl-12">
<div class="card alert alert-outline-warning alert-dismissible mb-0" style="border: 5px solid #fff; border-radius:30px">
<div class="card-body text-center" style="padding:00 !important">
<div class="row row-group align-items-center">
<div class="col-12 col-lg-12 text-center p-3 border-white-2">
<div class="row m-0 row-group text-center border-light-3" style="padding:10px">
<div class="col-12 col-lg-3">
<div class="p-3 widget-stats gradient-purple-bliss round">
<h5 class="mb-0"><b><span class="maxTimescore">0</span></b><b><span id="timer-after"></span></b></h5>
<small class="mb-0 sm-custom"><b><span id="timer-name"></span></b></small>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="p-3 widget-stats gradient-pomegranate round">
<h5 class="mb-0"><b><span class="mistakesscore">0</span></b></h5>
<small class="mb-0 sm-custom"><b>Error</b></small>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="p-3 widget-stats gradient-ibiza-sunset round">
<h5 class="mb-0"><b><span class="wpmscore">0</span></b></h5>
<small class="mb-0 sm-custom"><b>WPM</b></small>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="p-3 widget-stats gradient-mint round">
<h5 class="mb-0"><b><span class="cpmscore">0</span></b></h5>
<small class="mb-0 sm-custom"><b>CPM</b></small>
</div>
</div>
</div>
<h3 style="color: #ffffff;">Your Typing Speed is <b style="font-size: 2.5rem;"><span
class="wpmscore"></span> WPM </b>
</h3>
<h4 style="color: #ffffff; font-size: 1rem;">Accuracy score is <b><span class="accuracyscore"></span>%
Accurate </b></h4>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn bg-light-primary" data-dismiss="modal"
onclick="location.href='javascript: history.go(0)'">Try Again</button>
</div>
</div>
</div>
</div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->
<div class="sidenav-overlay"></div>
<div class="drag-target"></div>
<script src="static/js/scripts.js"></script>
<script src="https://www.monkey-type.org/static/assets/js/paragraphs.js"></script>
<script src="static/js/typingscript.js"></script>
<script>
</script>
</body>
</html>