-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjapan.html
9656 lines (9632 loc) · 502 KB
/
japan.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
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
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<html ng-app="busuuApp" class="no-touchevents font-face-lt">
<head>
<style type="text/css">
@charset "UTF-8";
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
display: none !important;
}
ng\:form {
display: block;
}
.ng-animate-shim {
visibility: hidden;
}
.ng-anchor {
position: absolute;
}
</style>
<meta charset="utf-8" />
<title>Aprenda a falar um idioma em 10 minutos por dia - Busuu</title>
<!--
__ __ _ _ _
\ \ / /__ __ _ _ __ ___ | |__ (_)_ __(_)_ __ __ _
\ \ /\ / / _ \ / _` | '__/ _ \ | '_ \| | '__| | '_ \ / _` |
\ V V / __/ | (_| | | | __/ | | | | | | | | | | | (_| |
\_/\_/ \___| \__,_|_| \___| |_| |_|_|_| |_|_| |_|\__, |
|___/
Ever thought about joining us?
https://www.busuu.com/jobs
-->
<!-- Metadata -->
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
/>
<meta name="robots" content="noindex, nofollow" />
<meta name="google" content="notranslate" />
<meta name="description" content="Busuu" />
<!-- Google -->
<meta
name="google-site-verification"
content="MVmvA3wANVHwIrsdlKf7_D0ZQlFwll32DM6i9SpnnIA"
/>
<meta
name="google-site-verification"
content="9Yhdvw2mA45ZmYjHJet21kNm9lEdvULKwXTzItBwMIw"
/>
<link rel="manifest" href="https://www.busuu.com/manifest.json" "="">
<!-- Open graph -->
<meta property="og:url" content="https://www.busuu.com/dashboard" />
<meta property="og:title" content="Busuu" />
<meta property="og:description" content="Busuu" />
<meta property="og:site_name" content="Busuu" />
<meta property="og:type" content="website" />
<meta
property="og:image"
content="https://cdn.busuu.com/webapp/6.0.19/images/busuu-icons/busuu-icon-310x310.png"
/>
<!-- Facebook -->
<meta property="fb:app_id" content="61455312096" />
<!-- Twitter Card -->
<meta name="twitter:url" content="https://www.busuu.com/dashboard" />
<meta name="twitter:description" content="Busuu" />
<meta name="twitter:card" content="app" />
<meta name="twitter:title" content="Busuu" />
<meta name="twitter:site" content="@busuu" />
<meta name="twitter:app:name:iphone" content="busuu" />
<meta name="twitter:app:name:ipad" content="busuu" />
<meta name="twitter:app:name:googleplay" content="busuu" />
<meta name="twitter:app:id:iphone" content="379968583" />
<meta name="twitter:app:id:ipad" content="379968583" />
<meta name="twitter:app:id:googleplay" content="com.busuu.android.enc" />
<meta
name="twitter:app:url:googleplay"
content="https://play.google.com/store/apps/details?id=com.busuu.android.enc"
/>
<!-- Icons -->
<link
rel="icon"
sizes="192x192"
href="https://cdn.busuu.com/webapp/6.0.19/images/busuu-icons/busuu-icon-192x192-transparent.png"
/>
<!-- Apple-->
<meta name="apple-mobile-web-app-title" content="Busuu" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-itunes-app" content="app-id=379968583" />
<link
rel="apple-touch-icon"
href="https://cdn.busuu.com/webapp/6.0.19/images/busuu-icons/busuu-icon-180x180.png"
/>
<!-- Microsoft -->
<meta
name="msapplication-square310x310logo"
content="https://cdn.busuu.com/webapp/6.0.19/images/busuu-icons/busuu-icon-310x310.png"
/>
<!-- CSS -->
<link
rel="stylesheet"
href="https://cdn.busuu.com/webapp/6.0.19/styles/main.css"
/>
<!-- Preload -->
<link
rel="preload"
as="font"
href="https://cdn.busuu.com/webapp/6.0.19/fonts/nista-400.woff"
type="font/woff2"
crossorigin="anonymous"
/>
<link
rel="preload"
as="font"
href="https://cdn.busuu.com/webapp/6.0.19/fonts/nista-400.woff2"
type="font/woff2"
crossorigin="anonymous"
/>
<link
rel="preload"
as="font"
href="https://cdn.busuu.com/webapp/6.0.19/fonts/nista-500.woff"
type="font/woff2"
crossorigin="anonymous"
/>
<link
rel="preload"
as="font"
href="https://cdn.busuu.com/webapp/6.0.19/fonts/nista-500.woff2"
type="font/woff2"
crossorigin="anonymous"
/>
<link
rel="preload"
as="font"
href="https://cdn.busuu.com/webapp/6.0.19/fonts/nista-800.woff"
type="font/woff2"
crossorigin="anonymous"
/>
<link
rel="preload"
as="font"
href="https://cdn.busuu.com/webapp/6.0.19/fonts/nista-800.woff2"
type="font/woff2"
crossorigin="anonymous"
/>
<!-- Optimizely -->
<script
type="text/javascript"
id="veConnect"
async=""
crossorigin="anonymous"
src="https://config1.veinteractive.com/scripts/5.0/capture-apps-5.0.0.js"
></script>
<script
async=""
src="//www.googletagmanager.com/gtm.js?id=GTM-PKTD58W"
></script>
<script async="" src="https://cdn.adjust.com/adjust-5.0.0.min.js"></script>
<script async="" src="https://cdn.busuu.com/busuu-v2.12.0.js"></script>
<script
type="text/javascript"
src="https://js.appboycdn.com/web-sdk/2.4/appboy.core.min.js"
async=""
></script>
<script src="https://cdn.optimizely.com/js/8271132298.js"></script>
<script
type="text/javascript"
async=""
src="//config1.veinteractive.com/tags/2116FEEF/01A3/4F20/8137/78CD04E321A4/tag.js"
></script>
</head>
<body ontouchstart="" class="">
<div style="display: none"></div>
<div id="fb-root"></div>
<!-- Modal handler has to live here to be initialised before
anything else so that the PubSub subscribes work by the time the app runs -->
<modal-handler></modal-handler>
<!-- Toaster notifications, live outside the flow of the app views -->
<toaster><div class="toaster"></div></toaster>
<breakpoint-detector
><div class="breakpoint-detector"></div
></breakpoint-detector>
<!----><ui-view
><layout-main>
<!---->
<!---->
<!---->
<div
class="viewport viewport--quaternary-light viewport--sidenav viewport--topnav viewport--footer"
ng-if="!LayoutMain.isFetching && !LayoutMain.error"
ng-class="{'viewport--sidenav':LayoutMain.layout.sidenav, 'viewport--topnav':LayoutMain.layout.topnav, 'viewport--footer':LayoutMain.layout.footer}"
>
<header class="viewport__header">
<!---->
<div ng-if="LayoutMain.layout.topnav" class="viewport__topnav">
<nav-top
><div class="nav-top">
<div class="cst" data-qa-xl-flag="ja">
<div class="cst__flag-wrap">
<span class="flag-icon flag-icon--xl"
><span class="icon"
><svg
width="120px"
height="120px"
viewBox="0 0 120 120"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs></defs>
<g
id="JA"
stroke="none"
stroke-width="1"
fill="none"
fill-rule="evenodd"
>
<g id="japan" fill-rule="nonzero">
<circle
id="Oval"
fill="#F0F0F0"
cx="60"
cy="60"
r="60"
></circle>
<circle
id="Oval"
fill="#D80027"
cx="60"
cy="60"
r="26.086875"
></circle>
</g>
<circle
id="Oval-9"
stroke-opacity="0.1"
stroke="#000000"
cx="60"
cy="60"
r="60"
></circle>
</g>
</svg> </span
></span>
</div>
<div class="cst__course-title">Japonês completo</div>
<div class="icon icon--quaternary-darker cst__icon-rotate">
<svg width="8" height="8" viewBox="0 0 8 8">
<path
fill-rule="nonzero"
d="M4 4.94l2.47-2.47a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 1.06-1.06L4 4.94z"
></path>
</svg>
</div>
</div>
<div class="course-sheet">
<div class="course-sheet__backdrop"></div>
<div class="course-sheet__drawer"></div>
</div>
<div class="nav-top__right cf">
<div class="nav-top__premium-wrap">
<div class="nav-top__premium">
<button
class="btn btn--s btn--primary-lighter live-merch__cta"
>
Marcar uma Aula ao Vivo
</button>
</div>
</div>
<div class="nav-top__item nav-top__item--dropdown">
<a href="javascript:void(0);" data-qa-sp-icon="true"
><span class="nav-top__icon-item"
><div class="progress-pie">
<svg
class="progress-pie__svg"
width="120"
height="120"
viewBox="0 0 120 120"
>
<defs>
<linearGradient
id="linearGrad"
x1="0%"
y1="0%"
x2="0%"
y2="100%"
>
<stop
offset="50%"
stop-color="#116EEE"
></stop>
<stop
offset="90%"
stop-color="#4D92F2"
></stop>
</linearGradient>
</defs>
<circle
cx="60"
cy="60"
r="50"
fill="none"
stroke="#D6DEE6"
stroke-width="20"
></circle>
<circle
class="progress-pie__value"
cx="60"
cy="60"
r="50"
fill="none"
stroke='url("#linearGrad")'
stroke-width="20"
style="stroke-dashoffset: 273.319"
></circle>
</svg></div></span
></a>
</div>
<div
class="nav-top__item nav-top__item--dropdown nav-top__item--hide-mobile nav-top__item--alert"
>
<div>
<a data-qa-nav-friend="true"
><span class="nav-top__alert">16</span
><span class="icon nav-top__icon-item"
><svg
width="120px"
height="120px"
viewBox="0 0 120 120"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g
id="Page-1"
stroke="none"
stroke-width="1"
fill-rule="evenodd"
>
<g id="users">
<path
d="M80.3112073,4.33212881 C72.2814923,4.33212881 65.2668149,8.4782212 62.1636332,16.3360535 C68.6789212,21.7248122 73.1873612,30.0448699 73.1873612,41.3240994 C73.1873612,53.3721561 67.5082598,64.3865932 61.6015299,71.4732755 C71.0109531,75.0386826 85.7371299,82.1718198 89.9366454,93.1142519 C104.7627,92.2873561 118,89.3026342 118,80.8269528 L118,78.0326956 C117.993032,70.267773 104.444485,62.6538285 92.449851,58.6354869 C91.9063296,58.4543131 88.4756414,57.6274173 90.6357903,50.9588284 C96.2707597,45.0799714 100.12651,35.5613794 100.12651,26.2518341 C100.12651,11.9182003 91.2164756,4.33212881 80.3112073,4.33212881 L80.3112073,4.33212881 Z M42.0579885,18.150114 C30.4442843,18.150114 20.4286259,26.0799513 20.4286259,41.3240994 C20.4286259,51.2863349 25.1554035,61.457617 31.1713022,67.7081125 C33.5195932,73.9516399 29.2643319,78.4043341 28.3840132,78.7318406 C16.2360786,83.1961485 2,91.2258636 2,99.2555791 L2,102.321596 C2,113.264029 22.8675037,115.723811 42.2043212,115.723811 C61.5573979,115.723811 82.2623097,113.264029 82.2623097,102.321596 L82.2623097,99.2555791 C82.2623097,90.9819758 67.9356442,83.0149747 55.1861197,78.7318406 C54.5984663,78.5413759 50.9308585,74.6577532 53.2280492,67.5710709 L53.0910074,67.5710709 C59.0697424,61.3112843 64.2610682,51.249171 64.2610682,41.3240994 C64.2610682,26.0799513 53.6624017,18.150114 42.0579885,18.150114 L42.0579885,18.150114 Z"
id="User-Group-Man-Man"
></path>
</g>
</g></svg></span
></a>
</div>
</div>
<div
class="nav-top__item nav-top__item--dropdown nav-top__item--alert"
>
<a class="nav-top__icon" data-qa-nav-notification="true"
><span class="nav-top__alert"><span>13</span></span
><span class="nav-top__icon-item"
><span class="icon"
><svg
width="120px"
height="120px"
viewBox="0 0 120 120"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g
id="Page-1"
stroke="none"
stroke-width="1"
fill-rule="evenodd"
>
<g id="bell">
<path
d="M59.7777451,1 C54.3828742,1 50,5.25257412 50,10.4870588 C50,15.7215435 54.3828742,19.9741176 59.7777451,19.9741176 C65.1726159,19.9741176 69.5554901,15.7215435 69.5554901,10.4870588 C69.5554901,5.25257412 65.1726159,1 59.7777451,1 L59.7777451,1 Z"
id="Fill-1"
></path>
<path
d="M105.902117,80.7159718 C100.372802,76.8239059 91.110833,70.301553 91.110833,44.2121412 C91.110833,31.0275012 84.2370782,20.6344283 73.0537823,16 C70.9637893,21.3839059 65.605585,25.2380236 59.3331616,25.2380236 C53.0607381,25.2380236 47.7123116,21.393393 45.6223186,16.0094871 C34.4488004,20.6510306 27.5554901,31.0654494 27.5554901,44.2121412 C27.5554901,70.301553 18.2935211,76.8239059 12.7642063,80.7159718 C10.3099923,82.437873 8,84.0791341 8,86.9039059 C8,96.88192 23.3535042,101.134494 59.3331616,101.134494 C95.312819,101.134494 110.666323,96.88192 110.666323,86.9039059 C110.666323,84.0791341 108.356331,82.437873 105.902117,80.7159718 L105.902117,80.7159718 Z"
id="Fill-2"
></path>
<path
d="M59.6666176,105.277496 C54.491746,105.277496 49.622429,105.184997 45.0195555,105 C45.0195555,105.092498 45,105.184997 45,105.277496 C45,113.125665 51.577978,119.508084 59.6666176,119.508084 C67.7552572,119.508084 74.3332352,113.125665 74.3332352,105.277496 C74.3332352,105.184997 74.3136797,105.092498 74.3136797,105 C69.7108062,105.184997 64.8414891,105.277496 59.6666176,105.277496 L59.6666176,105.277496 Z"
id="Fill-3"
></path>
</g>
</g>
</svg> </span></span
></a>
</div>
<div
id="tour-step-4"
class="nav-top__item nav-top__item--dropdown nav-top__item--user"
>
<a class="nav-top__avatar-wrap"
><img
class="nav-top__avatar"
src="https://cdn.busuu.com/files/pictures/picture-4691861_cr_16677380045da4ccb04a2638.50334652.jpeg"
alt="Profile"
/></a>
</div>
</div></div
></nav-top>
</div>
<!---->
</header>
<!----><nav-side
class="viewport__sidenav"
ng-if="LayoutMain.layout.sidenav"
><div class="nav-side">
<a
class="nav-side__item nav-side__item--logo"
data-qa-side-nav-logo="true"
><span class="nav-side__item-inner"
><span class="nav-side__item-icon icon"
><svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.8045 10.9829C19.1314 10.988 21.1098 13.4565 21.1073 16.4965C21.1022 19.5391 19.1213 22.0026 15.7918 22L7.47431 21.9873C5.51367 21.9873 4.00256 20.428 4.00256 18.3378L4.01272 10.9677L15.8045 10.9829Z"
fill="white"
></path>
<path
d="M15.8045 10.9829C19.1314 10.988 21.1098 13.4565 21.1073 16.4965C21.1022 19.5391 19.1213 22.0026 15.7918 22L7.47431 21.9873C5.51367 21.9873 4.00256 20.428 4.00256 18.3378L4.01272 10.9677L15.8045 10.9829Z"
fill="#116EEE"
fill-opacity="0.5"
></path>
<path
d="M13.0311 2.01017L8.59428 2.00001C6.0673 1.99493 4.01524 4.03937 4.0127 6.56635L4 17.6647C4 17.6749 4.3454 13.1695 13.0184 13.1695C16.099 13.1721 18.6006 10.6781 18.6057 7.59492C18.6082 4.51429 16.1143 2.01271 13.0311 2.01017Z"
fill="white"
></path></svg></span></span></a
><a
id="tour-step-1"
class="nav-side__item nav-side__item--active"
data-qa-side-nav-timeline="true"
><span class="nav-side__item-inner" tabindex="0"
><span class="nav-side__item-icon icon"
><svg
xmlns="http://www.w3.org/2000/svg"
width="120"
height="120"
viewBox="0 0 120 120"
>
<path
d="M98.0833333,27.65 C96.125,33.2 92.1416667,42.0875 85.9333333,45.1958333 C85.4875,45.4166667 84.975,45.4708333 84.4958333,45.35 C80.0916667,44.2541667 75.6333333,45.8791667 73.3541667,47.1791667 C74.3125,48.4666667 75.3833333,50.7041667 76.4083333,54.5708333 C77.2958333,54.8833333 79.025,54.4125 79.8958333,53.9708333 C80.7,53.5666667 81.6666667,53.725 82.3041667,54.3625 C87.3583333,59.4166667 80.8083333,66.225 76.8916667,70.3 C76.2,71.0166667 75.3166667,71.9333333 74.825,72.5333333 C74.9916667,72.6875 75.1875,72.8625 75.3416667,72.9916667 C76.2916667,73.8208333 77.5958333,74.9541667 77.6625,76.75 C77.7041667,77.9458333 77.1625,79.1125 76.0541667,80.225 C73.8916667,82.3833333 71.7125,83.6541667 70.3583333,84.3125 C69.7625,91.3958333 64.5416667,95.4166667 55.8333333,95.4166667 C51.7666667,95.4166667 47.5,85.0291667 47.5,82.9166667 C47.5,81.3833333 48.1666667,80.0416667 48.7625,78.8583333 C49.1625,78.0541667 49.5833333,77.2166667 49.5833333,76.6666667 C49.4875,75.9541667 47.7916667,73.6625 46.025,71.8916667 C45.6375,71.5041667 45.4166667,70.9708333 45.4166667,70.4166667 C45.4166667,68.6291667 45.0958333,67.4166667 44.4625,66.8208333 C43.4125,65.8333333 40.925,65.975 38.3041667,66.125 C37.225,66.1833333 36.1125,66.25 35,66.25 C28.4083333,66.25 26.6666667,59.4375 26.6666667,55.8333333 C26.6666667,55.1666667 26.8041667,39.5125 38.7541667,37.125 C44.2041667,36.0333333 47.8791667,36.3541667 50.0166667,38.1083333 C50.7708333,38.725 51.225,39.45 51.4583333,40.125 C53.65,41.7458333 57.5833333,40.825 61.0791667,40.0166667 C62.2333333,39.7458333 63.3541667,39.4875 64.3916667,39.3291667 C64.7791667,35.8083333 64.7916667,32.4 64.4291667,30.9208333 C61.875,31.9916667 59.3375,31.9833333 57.3541667,30.8833333 C55.3,29.7416667 54.0208333,27.5708333 53.7625,24.7708333 C53.2041667,18.7791667 64.7666667,14.1208333 72.7083333,11.6375 C68.6416667,10.5708333 64.3875,10 60,10 C32.4291667,10 10,32.4291667 10,60 C10,87.5708333 32.4291667,110 60,110 C87.5666667,110 110,87.5708333 110,60 C110,47.675 105.504167,36.3833333 98.0833333,27.65 Z"
></path></svg></span></span></a
><a
id="tour-step-2"
class="nav-side__item"
data-qa-side-nav-social="true"
><span class="nav-side__item-inner" tabindex="0"
><span class="nav-side__item-icon icon"
><svg
xmlns="http://www.w3.org/2000/svg"
width="120"
height="120"
viewBox="0 0 120 120"
>
<g>
<path
d="M101.637939,60.3800946 L94.2428362,60.3800946 C90.0459885,68.5621068 81.537248,74.1855145 71.7261963,74.1855145 L55.619873,74.1855145 L55.619873,83.3891278 C55.619873,91.000516 61.8139048,97.1945477 69.425293,97.1945477 L79.9772356,97.1945477 L93.1107917,110.328104 C94.5465554,111.763868 97.0361328,110.746868 97.0361328,108.699064 L97.0361328,97.1945477 L101.637939,97.1945477 C109.249328,97.1945477 115.443359,91.000516 115.443359,83.3891278 L115.443359,74.1855145 C115.443359,66.5741263 109.249328,60.3800946 101.637939,60.3800946 Z"
></path>
<path
d="M92.4343262,50.875578 L92.4343262,32.4683514 C92.4343262,21.0512691 83.1432786,11.7602215 71.7261963,11.7602215 L25.7081299,11.7602215 C14.2910476,11.7602215 5,21.0512691 5,32.4683514 L5,50.875578 C5,62.2926603 14.2910476,71.5837079 25.7081299,71.5837079 L28.0090332,71.5837079 L28.0090332,87.6900311 C28.0090332,89.7332333 30.4940088,90.7640379 31.9343743,89.3190707 L49.6697371,71.5837079 L71.7261963,71.5837079 C83.1432786,71.5837079 92.4343262,62.2926603 92.4343262,50.875578 Z"
></path>
</g></svg></span></span></a
><a
id="tour-step-3"
class="nav-side__item"
data-qa-side-nav-review="true"
><span class="nav-side__item-inner" tabindex="0"
><span class="nav-side__item-icon icon"
><svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewBox="0 0 32 32"
>
<path
fill-rule="nonzero"
d="M3.759 12.765a.75.75 0 0 1-.75-1.3l15.445-8.917a.75.75 0 0 1 .75 1.299L3.76 12.765zM14.39 2.625a.75.75 0 0 1 .342-1.46l4.645 1.085a.75.75 0 0 1 .547.947l-1.383 4.566a.75.75 0 1 1-1.435-.435l1.15-3.8-3.866-.903zM4.74 19.8H7.7a2 2 0 0 1 2 2v7.02a2 2 0 0 1-2 2H4.74a2 2 0 0 1-2-2V21.8a2 2 0 0 1 2-2zm9.86-6.96h2.96a2 2 0 0 1 2 2v13.98a2 2 0 0 1-2 2H14.6a2 2 0 0 1-2-2V14.84a2 2 0 0 1 2-2zm9.86-7.54h2.96a2 2 0 0 1 2 2v21.52a2 2 0 0 1-2 2h-2.96a2 2 0 0 1-2-2V7.3a2 2 0 0 1 2-2z"
></path></svg></span></span></a
><a class="nav-side__item" data-qa-side-nav-live="true"
><svg
class="star-notification star-notification--animated"
width="19"
height="19"
viewBox="0 0 19 19"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.31243 0.506901C9.37686 0.332777 9.62314 0.332778 9.68757 0.506901L11.4276 5.20917C11.8327 6.30405 12.696 7.16729 13.7908 7.57243L18.4931 9.31243C18.6672 9.37686 18.6672 9.62314 18.4931 9.68757L13.7908 11.4276C12.6959 11.8327 11.8327 12.696 11.4276 13.7908L9.68757 18.4931C9.62314 18.6672 9.37686 18.6672 9.31243 18.4931L7.57243 13.7908C7.16729 12.6959 6.30405 11.8327 5.20917 11.4276L0.506901 9.68757C0.332777 9.62314 0.332778 9.37686 0.506901 9.31243L5.20917 7.57243C6.30405 7.16729 7.16729 6.30405 7.57243 5.20917L9.31243 0.506901Z"
fill="#11EE92"
></path></svg
><span class="nav-side__item-inner" tabindex="0"
><span class="nav-side__item-icon icon"
><svg
width="32"
height="25"
viewBox="0 0 32 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 14C18 14 20 12.2091 20 10C20 7.79086 18.5004 6 16 6C13.3595 6 12 7.79086 12 10C12 12.2091 14 14 16 14Z"
fill="white"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M24.529 0H7.47102C5.30767 0 3.53635 1.72 3.47275 3.88241L3.06185 17.853C3.03939 18.6168 3.18918 19.3447 3.47564 20H0.0819672C0.036698 20 0 20.0367 0 20.082C0 22.7981 2.20188 25 4.91803 25H27.082C29.7981 25 32 22.7981 32 20.082C32 20.0367 31.9633 20 31.918 20H28.5244C28.8108 19.3447 28.9606 18.6168 28.9382 17.853L28.5273 3.8824C28.4636 1.72 26.6923 0 24.529 0ZM23.9403 20C25.0679 20 25.9726 19.0683 25.9394 17.9412L25.5285 3.9706C25.5126 3.43 25.0698 3 24.529 3H7.47102C6.93018 3 6.48735 3.43 6.47145 3.9706L6.06055 17.9412C6.0274 19.0683 6.93208 20 8.05969 20H10.0244C10.3 17.1968 12.8701 15 16 15C19.1298 15 21.6999 17.1968 21.9755 20H23.9403Z"
fill="white"
></path></svg></span></span></a
><a
class="nav-side__item nav-side__item--referral"
data-qa-side-nav-referral="true"
><span class="nav-side__item-inner" tabindex="0"
><span class="nav-side__item-icon icon"
><svg
width="48"
height="48"
viewBox="0 0 48 48"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M22.2729 38.4072C22.9728 36.603 24.9032 35.6231 26.7495 36.1348C28.669 36.6301 30.4149 36.7065 32.8014 36.1376C34.8005 35.6611 36.8732 36.6056 37.6278 38.4092L38.7916 41.1908C39.5571 43.0204 38.1205 44.9996 36.027 44.9996L23.7576 44.9996C21.8158 44.9996 20.4834 43.0198 21.1934 41.1896L22.2729 38.4072Z"
fill="#11EE92"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M30.8536 34.857C33.8729 35.2813 36.8259 31.6796 37.2427 28.7135C37.6596 25.7474 35.5715 23.002 32.5788 22.5814C29.5862 22.1608 26.8222 24.2244 26.4054 27.1904C25.9885 30.1565 27.8343 34.4326 30.8536 34.857Z"
fill="#11EE92"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M6.62647 36.9424C7.52083 34.7373 9.98737 33.5397 12.3466 34.1651C14.7993 34.7705 17.0302 34.8638 20.0796 34.1685C22.6339 33.5861 25.2824 34.7405 26.2466 36.9449L27.7337 40.3447C28.7118 42.5809 26.8762 44.9998 24.2012 44.9998L8.52363 44.9998C6.04246 44.9998 4.33992 42.5801 5.24716 40.3432L6.62647 36.9424Z"
fill="#11EE92"
></path>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.6182 31.5074C20.304 31.12 22.7056 25.7932 22.3083 22.0139C21.9111 18.2346 18.6275 15.4821 14.9742 15.8661C11.321 16.2501 8.68139 19.6251 9.07861 23.4044C9.47584 27.1837 12.9324 31.8947 16.6182 31.5074Z"
fill="#11EE92"
></path>
<path
d="M41.3674 2.142L35.4681 1.10182C32.0858 0.498062 28.8311 2.78935 28.2018 6.33861L27.2357 11.8173C27.2357 11.8173 26.811 14.2257 26.0468 18.5602C25.7921 20.0044 26.5067 20.6543 27.6524 19.3864C30.1079 16.6691 33.4298 16.3857 38.6922 17.3136C42.7092 18.0219 46.9122 15.2867 47.6621 11.0736C48.4086 6.85985 45.3844 2.85031 41.3674 2.142Z"
fill="#11EE92"
></path>
<defs></defs></svg></span></span
></a></div></nav-side
><!---->
<main class="viewport__container">
<!---->
<!---->
<div
class="viewport__content"
ng-class="{ 'prevent-responsive__page-content': LayoutMain.layout.prevent_responsive }"
ui-view=""
>
<timeline-handler
><div class="page-wrap page-wrap--medium">
<div class="timeline js-timeline" data-qa-timeline="true">
<div class="course-lesson__course" data-qa-level="a1">
<div class="course-lesson__course-title">
Iniciante A1<span class="course-lesson__level-pct">
- 65%</span
>
</div>
<section
class="course-lesson__wrap"
data-qa-lesson="objective"
>
<div class="panel-main panel-main--nopadding">
<a
href="javascript:void(0);"
class="course-lesson__head-wrap"
><div class="course-lesson__head">
<div
class="course-lesson__head-icon course-lesson__head-icon--rounded"
>
<img
loading="lazy"
src="https://cdn.busuu.com/objectives/thumbnails/objective_ja_complete_a1_114_256.jpg"
alt='Image for lesson with title: "Nihongo"'
width="60"
height="60"
/>
</div>
<div class="course-lesson__head-texts">
<h2 class="course-lesson__head-title">
Lição 1: Nihongo
</h2>
<p class="course-lesson__head-description">
Aprenda a se apresentar em japonês.
</p>
</div>
<div class="course-lesson__head-progress">
<div class="progress-bar">
<div
class="progress-bar__inner progress-bar__inner--primary"
style="width: 100%"
></div>
</div>
<span
class="course-lesson__head-percent font-face-lt course-lesson__head-percent--complete"
>100%</span
>
</div>
</div></a
>
</div>
</section>
<section
class="course-lesson__wrap"
data-qa-lesson="objective"
>
<div class="panel-main panel-main--nopadding">
<a
href="javascript:void(0);"
class="course-lesson__head-wrap"
><div class="course-lesson__head">
<div
class="course-lesson__head-icon course-lesson__head-icon--rounded"
>
<img
loading="lazy"
src="https://cdn.busuu.com/objectives/thumbnails/objective_ja_complete_a1_23_b_256.jpg"
alt='Image for lesson with title: "Konnichiwa!"'
width="60"
height="60"
/>
</div>
<div class="course-lesson__head-texts">
<h2 class="course-lesson__head-title">
Lição 2: Konnichiwa!
</h2>
<p class="course-lesson__head-description">
Aprenda a cumprimentar e a se apresentar em
japonês.
</p>
</div>
<div class="course-lesson__head-progress">
<div class="progress-bar">
<div
class="progress-bar__inner progress-bar__inner--primary"
style="width: 100%"
></div>
</div>
<span
class="course-lesson__head-percent font-face-lt course-lesson__head-percent--complete"
>100%</span
>
</div>
</div></a
>
</div>
</section>
<section
class="course-lesson__wrap"
data-qa-lesson="objective"
>
<div class="panel-main panel-main--nopadding">
<a
href="javascript:void(0);"
class="course-lesson__head-wrap"
><div class="course-lesson__head">
<div
class="course-lesson__head-icon course-lesson__head-icon--rounded"
>
<img
loading="lazy"
src="https://cdn.busuu.com/objectives/thumbnails/objective_ja_complete_a1_80_256.jpg"
alt='Image for lesson with title: "Muito prazer!"'
width="60"
height="60"
/>
</div>
<div class="course-lesson__head-texts">
<h2 class="course-lesson__head-title">
Lição 3: Muito prazer!
</h2>
<p class="course-lesson__head-description">
Pratique como se apresentar em japonês.
</p>
</div>
<div class="course-lesson__head-progress">
<div class="progress-bar">
<div
class="progress-bar__inner progress-bar__inner--primary"
style="width: 100%"
></div>
</div>
<span
class="course-lesson__head-percent font-face-lt course-lesson__head-percent--complete"
>100%</span
>
</div>
</div></a
>
</div>
</section>
<section
class="course-lesson__wrap js-track-scroll"
data-qa-lesson="objective"
>
<div class="live-banner">
<div class="live-banner__wave"></div>
<div class="live-banner__meta">
<div class="live-merch__pill-wrapper">
<span class="live-merch__pill">Premium</span>
</div>
<h2 class="live-merch__title">
Aumente sua fluência
</h2>
<p class="live-merch__copy">
Precisa de acompanhamento?
</p>
<button class="btn btn--brand live-merch__cta">
Marcar uma Aula ao Vivo
</button>
</div>
<div class="live-banner__image">
<div class="live-merch__image-wrap">
<img
src="https://cdn.busuu.com/webapp/6.0.19/images/features/live/live-banner-hero.png"
width="242"
alt="Live Lessons Preview"
loading="lazy"
class="live-merch__image"
/>
</div>
</div>
<div class="live-banner__close">
<span class="icon icon--quaternary-dark"
><!--?xml version="1.0" encoding="UTF-8"?-->
<svg
width="120px"
height="120px"
viewBox="0 0 120 120"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs></defs>
<g
id="Artboard"
stroke-width="1"
fill-rule="evenodd"
>
<path
d="M95.3975981,16.7092532 C94.4507975,15.7635823 92.9157403,15.7635823 91.9689398,16.7092532 L61.7148883,46.9699486 C60.7680877,47.9156195 59.2330306,47.9156195 58.28623,46.9699486 L28.0310602,16.7092532 C27.0842597,15.7635823 25.5492025,15.7635823 24.6024019,16.7092532 L16.7095545,24.6028135 C15.7634818,25.5505349 15.7634818,27.0841609 16.7095545,28.0318824 L46.9658425,58.2847591 C47.9163838,59.2308247 47.9163838,60.7677624 46.9658425,61.713828 L16.7095545,91.9756404 C15.7634818,92.9233618 15.7634818,94.4569878 16.7095545,95.4047093 L24.6024019,103.290451 C25.5492025,104.236122 27.0842597,104.236122 28.0310602,103.290451 L58.28623,73.0364571 C58.7395785,72.5798506 59.3567356,72.3230103 60.0005591,72.3230103 C60.6443827,72.3230103 61.2615398,72.5798506 61.7148883,73.0364571 L91.9689398,103.290451 C92.919481,104.236516 94.4515299,104.236516 95.3975981,103.290451 L103.290446,95.4024753 C104.236518,94.4547539 104.236518,92.9211279 103.290446,91.9734064 L73.0363941,61.7160619 C72.0903214,60.7683404 72.0903214,59.2347145 73.0363941,58.286993 L103.290446,28.0318824 C104.236518,27.0841609 104.236518,25.5505349 103.290446,24.6028135 L95.3975981,16.7103702 L95.3975981,16.7092532 Z"
id="Shape"
fill-rule="nonzero"
></path>
</g>
</svg>
</span>
</div>
</div>
<div class="panel-main panel-main--nopadding">
<a
href="javascript:void(0);"
class="course-lesson__head-wrap"
><div class="course-lesson__head">
<div
class="course-lesson__head-icon course-lesson__head-icon--rounded"
>
<img
loading="lazy"
src="https://cdn.busuu.com/objectives/thumbnails/objective_ja_complete_a1_116_256.jpg"
alt='Image for lesson with title: "Saudações"'
width="60"
height="60"
/>
</div>
<div class="course-lesson__head-texts">
<h2 class="course-lesson__head-title">
Lição 4: Saudações
</h2>
<p class="course-lesson__head-description">
Aprenda saudações em japonês.
</p>
</div>
<div class="course-lesson__head-progress">
<div class="progress-bar">
<div
class="progress-bar__inner progress-bar__inner--primary progress-bar__inner--animate"
style="width: 100%"
></div>
</div>
<span
class="course-lesson__head-percent font-face-lt course-lesson__head-percent--complete"
>100%</span
>
</div>
</div></a
>
<div class="course-lesson__body">
<div class="unit-row__wrap">
<h3 class="unit-row__title">
<span class="unit-row__title-inner"
>Konbanwa</span
>
<div class="unit-time-indicator">
<span class="icon"
><svg
xmlns="http://www.w3.org/2000/svg"
width="120"
height="120"
viewBox="0 0 120 120"
>
<g fill="none">
<path
fill="#DCEDC8"
d="M99.1888,25.2474419 C89.1592,15.2511628 75.302,9.06976744 60,9.06976744 L60,64.3060465 L99.1888,25.2474419 Z"
></path>
<path
fill="#FFFFFF"
d="M103.75,64.3060465 C103.75,88.375814 84.1612,107.910698 60,107.910698 C35.8388,107.910698 16.25,88.375814 16.25,64.3060465 C16.25,40.2251163 35.8388,20.7013953 60,20.7013953 C84.1612,20.7013953 103.75,40.2251163 103.75,64.3060465"
></path>
<polygon
fill="#000000"
points="77.5 38.143 72.348 35.397 57.43 62.933 62.57 65.668"
></polygon>
<polygon
fill="#000000"
points="77.5 76.928 72.687 81.737 57.595 66.703 62.405 61.898"
></polygon>
<path
fill="#000000"
d="M65.8296,64.3060465 C65.8296,67.5097674 63.2256,70.1162791 60,70.1162791 C56.7744,70.1162791 54.1704,67.5097674 54.1704,64.3060465 C54.1704,61.0911628 56.7744,58.4846512 60,58.4846512 C63.2256,58.4846512 65.8296,61.0911628 65.8296,64.3060465"
></path>
<path
fill="#8BC34A"
d="M62.9204,64.3060465 C62.9204,65.907907 61.6072,67.2055814 60,67.2055814 C58.3928,67.2055814 57.0796,65.907907 57.0796,64.3060465 C57.0796,62.6930233 58.3928,61.3953488 60,61.3953488 C61.6072,61.3953488 62.9204,62.6930233 62.9204,64.3060465"
></path>
<polygon
fill="#7CB342"
points="54.17 .349 54.17 29.422 71.67 14.88"
></polygon>
<path
fill="#7CB342"
d="M90.9204,33.4772093 C98.8388,41.3804651 103.75,52.2809302 103.75,64.3060465 C103.75,88.3423256 84.1276,107.910698 60,107.910698 C35.8724,107.910698 16.25,88.3423256 16.25,64.3060465 C16.25,40.2586047 35.8724,20.7013953 60,20.7013953 L60,9.06976744 C29.4408,9.06976744 4.5796,33.8483721 4.5796,64.3060465 C4.5796,94.7637209 29.4408,119.531163 60,119.531163 C90.5592,119.531163 115.4204,94.7637209 115.4204,64.3060465 C115.4204,49.0772093 109.196,35.2660465 99.1664,25.2697674 L90.9204,33.4772093 Z"
></path>
</g>
</svg> </span
><span>3 minutos</span>
</div>
</h3>
<div class="unit-row__activity">
<div class="activity-circle">
<a
href="javascript:void(0);"
class="activity-circle__icon is-complete-free"
data-qa-icon-type="comprehension-video"
><span class="icon"
><svg
xmlns="http://www.w3.org/2000/svg"
width="120"
height="137"
viewBox="0 0 120 137"
>
<path
fill-rule="nonzero"
d="M7.274 0h75.198c.96.631 1.875 1.327 2.74 2.082 10.96 10.96 21.92 21.89 32.88 32.795a6.068 6.068 0 0 1 1.904 4.63v88.137c0 5.794-3.52 9.356-9.302 9.356H9.315c-5.795 0-9.288-3.52-9.302-9.342V55.836 9.027A8.493 8.493 0 0 1 6.808.233c.163-.062.32-.14.466-.233zm78.473 34.247h19.18l-19.18-19.179v19.179zM69.589 71.874c2.925 1.846 2.923 4.84 0 6.684l-11.877 7.495c-2.925 1.845-5.297.532-5.297-2.934V67.313c0-3.466 2.373-4.779 5.297-2.934l11.877 7.495zM60 107.643c17.95 0 32.5-14.787 32.5-33.027 0-18.24-14.55-33.027-32.5-33.027S27.5 56.376 27.5 74.616c0 18.24 14.55 33.027 32.5 33.027z"
></path>
</svg> </span
></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="course-lesson__wrap"
data-qa-lesson="objective"
>
<div class="panel-main panel-main--nopadding">
<a
href="javascript:void(0);"
class="course-lesson__head-wrap"
><div class="course-lesson__head">
<div
class="course-lesson__head-icon course-lesson__head-icon--rounded"
>
<img
loading="lazy"
src="https://cdn.busuu.com/objectives/thumbnails/objective_ja_complete_a1_24_256.jpg"
alt='Image for lesson with title: "Bom dia, Yamada-sensei!"'
width="60"
height="60"
/>
</div>
<div class="course-lesson__head-texts">
<h2 class="course-lesson__head-title">
Lição 5: Bom dia, Yamada-sensei!
</h2>
<p class="course-lesson__head-description">
Aprenda a cumprimentar, agradecer e se
desculpar.
</p>
</div>
<div class="course-lesson__head-progress">
<div class="progress-bar">
<div
class="progress-bar__inner progress-bar__inner--primary"
style="width: 100%"
></div>
</div>
<span
class="course-lesson__head-percent font-face-lt course-lesson__head-percent--complete"
>100%</span
>
</div>
</div></a
>
</div>
</section>
<section
class="course-lesson__wrap"
data-qa-lesson="objective"
>
<div class="panel-main panel-main--nopadding">
<a
href="javascript:void(0);"
class="course-lesson__head-wrap"
><div class="course-lesson__head">
<div
class="course-lesson__head-icon course-lesson__head-icon--rounded"
>
<img
loading="lazy"
src="https://cdn.busuu.com/objectives/thumbnails/objective_ja_complete_a1_103_256.jpg"
alt='Image for lesson with title: "Vamos nos comunicar!"'
width="60"
height="60"
/>
</div>
<div class="course-lesson__head-texts">
<h2 class="course-lesson__head-title">
Lição 6: Vamos nos comunicar!
</h2>
<p class="course-lesson__head-description">
Aprenda a se comunicar com pessoas na
comunidade do Busuu.
</p>
</div>
<div class="course-lesson__head-progress">
<div class="progress-bar">
<div
class="progress-bar__inner progress-bar__inner--primary"
style="width: 100%"
></div>
</div>
<span
class="course-lesson__head-percent font-face-lt course-lesson__head-percent--complete"
>100%</span
>
</div>
</div></a
>
</div>
</section>
<section
class="course-lesson__wrap"
data-qa-lesson="objective"
>