Hidup menjadi lebih mudah

Hidup menjadi
lebih mudah

<div class="redotBg">
            <div class="bg"></div>
            <img class="redotLogo lazy conceal" data-src="assets4M/soundPage/redot-2f5ca21db4.png">
            <p class="redotText conceal">
              Suara alam<br>
              Menenangkan dan<br> 
              selalu berubah,<br>
              selalu ada suara baru<br>
              yang didengar.
            </p>
          </div>
          <div class="title conceal">
            Suara alam<br>
            memberikan awal<br>
            yang baik untuk<br>
            memulai hari Anda
          </div>
          <div class="introduction conceal">
            Bangun dengan suara alam yang berbeda setiap hari dan dapatkan dorongan energi dan fokus pagi Anda.
          </div>
          
          <div id="weekSoundSlider" class="slider">
            <div class="slider__item" data-day="monday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_1-37388dd5af.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>Bulan</p>
              </div>
            </div>
            <div class="slider__item" data-day="tuesday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_2-3ca2161937.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>Api</p>
              </div>
            </div>
            <div class="slider__item" data-day="wednesday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_3-659c2f32a7.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>Air</p>
              </div>
            </div>
            <div class="slider__item" data-day="thursday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_4-e49e55774d.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>Kayu</p>
              </div>
            </div>
            <div class="slider__item" data-day="friday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_5-3c190101f6.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>Logam</p>
              </div>
            </div>
            <div class="slider__item" data-day="saturday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_6-3f9d92fa09.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>Bumi</p>
              </div>
            </div>
            <div class="slider__item" data-day="sunday">
              <div class="music-sign">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
              <img src="assets4M/soundPage/icon_7-aaadc33da6.png" alt="sound-icon">
              <div class="slider__item_text">
                <p>Matahari</p>
              </div>
            </div>
          </div>

<div class="title conceal">
            Notifikasi yang tidak<br>
            mengganggu
          </div>
          <div class="introduction conceal" style="width:8.5rem">
            Suara notifikasi pada MIUI 11 adalah cerdas<br>
            dan beragam. Mereka meniru suara air dan<br>
            burung dan tidak pernah terdengar sama<br>
            sepanjang hari.
          </div>
          <div class="note conceal">
            *Suara notifikasi aktual dapat bervariasi dari satu perangkat ke perangkat lainnya.
          </div>
          
          <div class="soundGroup">
            <div class="movebar">
              <div class="sound active" data-url="assets4M/naturalSoundPage/day-0b93ca03cf.mp3">
                <img class="bg lazy" data-src="assets4M/naturalSoundPage/day-53afd1cfe8.png">
                <p>Hutan di pagi hari</p>
                <div class="state"></div>
              </div>
              <div class="sound" data-url="assets4M/naturalSoundPage/night-e249cb82a5.mp3">
                <img class="bg lazy" data-src="assets4M/naturalSoundPage/night-86424cfae1.png">
                <p>Hutan di malam hari</p>
                <div class="state"></div>
              </div>
            </div>
            <audio></audio>
          </div>

<div class="preTitle conceal">
            Konsep baru <br>
            Produktivitas <br>
            Alat yang sangat<br>
            berguna untuk<br>
            kehidupan sehari-<br>
            hari dan dalam<br>
            bekerja
          </div>
          <div class="part">
            <div class="smallTitleCN">Alat produktivitas MIUI</div>
            <div class="smallTitleEN">Mi Work </div>
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/work1-bde9f03b53.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/work2-486ca6969b.png">
              
              <img class="icon lazy conceal" data-src="assets4M/effectPage/work4-690ade996c.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/work5-96be5d67d4.png">
            </div>
            
          </div>
          <div class="part">
            <div class="smallTitleCN">Layanan gaya hidup MIUI</div>
            <div class="smallTitleEN">Mi Life</div>
            <div class="row">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/life1-c90cdffafe.png">
              <img class="icon lazy conceal" data-src="assets4M/effectPage/life2-422dec05cd.png">
              
            </div>
          </div>

<div class="preTitle conceal">Bekerja dengan dokumen</div>
          <div class="title conceal">Pembaca dokumen level komputer</div>
          <div class="introduction conceal">
           Mi Doc Viewer dapat bekerja dengan segala jenis dokumen yang tersimpan di ponsel Anda. Dengan pratinjau instan, Anda dapat membaca dokumen dengan lebih cepat dan efektif.
          </div>
          <div class="note conceal" style="margin-bottom: 0.5rem">
            *Untuk melihat dokumen yang dihasilkan dari aplikasi pihak
            ketiga, segarkan halaman tertaut di File Manager. Mi Doc Viewer
            kompatibel dengan Android Oreo tertentu dan seluruh
            perangkat Android Pie. Format yang didukung saat ini termasuk
            *.doc, *.docx, *.ppt, *.pptx, *.xls, *.xlsx, *.pdf, *.wps, dan *.txt
          </div>
          
          <img class="logo lazy conceal" data-src="assets4M/filePage/logo-172d29d69d.png">
          <img class="phone1 lazy conceal" data-src="assets4M/filePage/phone_1-5207b3fcf9.png" style="top:16rem">
          <img class="phone2 lazy conceal" data-src="assets4M/filePage/phone_2-b9f3565e64.png" style="top:16rem">
          <img class="phone3 lazy conceal" data-src="assets4M/filePage/phone_3-82e0c1ca1f.png" style="top:16rem">

<div class="preTitle conceal">Bekerja dengan dokumen</div>
          <div class="title conceal">Mi Doc Viewer</div>
          <div class="introduction conceal">
            Lihat dokumen apapun yang tersimpan di perangkat Anda dengan document viewer bawaan MIUI.
          </div>
          <div class="fileSlider">
            <img id="fileSliderPhone1" class="fileSliderPhone" src="assets4M/filePage/slider0-0f6a42ab1c.png">
            <img class="fileSliderPhone" src="assets4M/filePage/slider1-d3e182dd96.png">
            <img class="fileSliderPhone" src="assets4M/filePage/slider2-0446af8c28.png">
            <img class="fileSliderPhone" src="assets4M/filePage/slider3-74a37972ca.png">
          </div>
          <div class="fileSlider-bar-wrapper">
            <div class="fileSlider-tab" id="fileSlider-tab-1">
              <div class="fileSlider-bar-text" id="fileSlider-bar-text-0">.pdf</div>
              <div class="fileSlider-bar"><div id="fileSlider-bar-1" class="fileSlider-bar-progress"></div></div>
            </div>
            <div class="fileSlider-tab" id="fileSlider-tab-2">
              <div class="fileSlider-bar-text" id="fileSlider-bar-text-1">.doc</div>
              <div class="fileSlider-bar"><div id="fileSlider-bar-2" class="fileSlider-bar-progress"></div></div>
            </div>
            <div class="fileSlider-tab" id="fileSlider-tab-3">
              <div class="fileSlider-bar-text" id="fileSlider-bar-text-2">.ppt</div>
              <div class="fileSlider-bar"><div id="fileSlider-bar-3" class="fileSlider-bar-progress"></div></div>
            </div>
            <div class="fileSlider-tab" id="fileSlider-tab-4">
              <div class="fileSlider-bar-text" id="fileSlider-bar-text-3">.xls</div>
              <div class="fileSlider-bar"><div id="fileSlider-bar-4" class="fileSlider-bar-progress"></div></div>
            </div>
          </div>

<div class="preTitle conceal">Print nirkabel</div>
          <div class="title conceal">Anda tidak butuh komputer untuk print dokumen</div>
          <div class="introduction conceal">
            Dengan MIUI 11, Anda dapat print foto dan dokumen secara nirkabel, tanpa harus menginstal aplikasi tambahan apapun. Penyetelan yang nyaman dan lebih dari 2000 model printer yang telah didukung, membuat aktivitas print menjadi lebih mudah dari sebelumnya.
          </div>
          <div class="note conceal">
            *Pencetakan (Printing) didukung oleh Mopria Alliance<br>
            Print gambar dan berkas PDF yang ada di perangkat yang menggunakan Android Pie(tidak termasuk Redmi 6 Pro, Redmi 6, Redmi 6A, Redmi 7A, Redmi 7, Redmi S2, Redmi 8, Redmi 8A, Redmi Note 8) atau versi yang lebih baru. Lihat keterangan di aplikasi untuk mempelajari lebih lanjut tentang perangkat yang kompatibel.
          </div>
          <div class="btn look conceal" style="width: 6.5rem">
            <span class="text">Lihat printer yang kompatibel</span>
          </div>
          <img class="bg lazy conceal" data-src="assets4M/printPage/bg-e8bdaa2ccb.png">
          <div class="dialogContainer" style="visibility: hidden">
            <div class="logos">
              <img class="logo lazy" data-src="assets4M/printPage/logo1-2198f3f4bf.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo2-3c4e753977.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo3-8c1400501e.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo4-7cec356e58.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo5-600fe28fb9.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo6-f2757fb7d8.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo7-ec42202bae.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo8-70204edcaf.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo9-fe32ced75a.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo10-4e578bd862.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo11-f47bd06a88.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo12-818ca3c1f7.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo13-4389fa2799.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo14-842ec433a8.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo15-264f3feed0.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo16-b19c475188.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo17-2c579e1acc.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo18-22df0cb044.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo19-c8c8b2d7be.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo20-e68b573ec4.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo21-c1c2d1654a.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo22-6aced5c4cf.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo23-d12e520216.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo24-eba724e41e.png">
              <img class="logo lazy" data-src="assets4M/printPage/logo25-9fb609b92e.png">
            </div>
            <div class="btn close"></div>
          </div>

<div class="preTitle conceal">Langkah</div>
          <div class="title conceal">
            Buat setiap langkah<br> Anda berarti
          </div>
          <div class="introduction conceal" style="width:7.85rem">
            Lihat statistik aktivitas dan setel target langsung di App vault.
          </div>
          <div class="note conceal">
            *Fitur ini hanya tersedia di India, Indonesia, dan Spanyol.<br>
            *Fitur ini hanya tersedia di perangkat berikut yang dilengkapi dengan sensor penghitung langkah:
          </div>
          <div class="btn viewDevice conceal" id="viewDeviceBtn" style="font-family: ML_Regular, ML_Regular_full, Arial, Helvetica, sans-serif;">Perangkat yang kompatibel</div>
          <div class="wrapper">
            <img class="phone lazy conceal" data-src="assets4M/stepCountPage/01-273d20921c.png">
          </div>
          <div class="dialogContainer" style="visibility: hidden">
            <div class="deviceList">
              Redmi K20, Mi 8, Mi 8 Lite, Mi 8 SE, Mi MIX 2S, Mi MIX 3, Mi 9 SE, Mi MAX 3, Mi 8 Pro, Redmi Note7, Redmi Note7 Pro, Redmi 7, Redmi Y3, POCO F1, Redmi 7A, Redmi 6 Pro, Redmi Note 5 Pro, Redmi 6A, Redmi 6, Redmi Y2, Mi 6, Mi Note 3, Mi MIX 2, Redmi Note 8 Pro, Redmi Note 8, Mi 9, Redmi K20 Pro, Mi Note 2, Mi MIX, Redmi Note 5, Redmi 5, Redmi 5A, Mi Max 2, Redmi Note 4, Redmi Y1 Lite, Redmi Y1, Redmi 4, Redmi Note 6 Pro
              <div class="btn close"></div>
            </div>
          </div>

<div class="contentWrapper">
            <img class="gameImg gameImg_1 lazy conceal" data-src="assets4M/gamePage/01-4340a63a5a.png">
            <div class="preTitle conceal">Permainan</div>
            <div class="title conceal">
              Ubah ponsel Anda menjadi<br> konsol game utama
            </div>
            <div class="introduction conceal" style="width: 92%">
              Benamkan diri Anda di dunia game. Alat permainan yang tangguh dan efek suara yang keren akan membuat Anda tetap fokus pada setiap tantangan! Game Turbo akan membuat masalah sentuhan yang salah menjadi hilang dan mengoptimalkan kinerja untuk bermain game, membuat perangkat Anda pas untuk bertempur dalam sekejap!
            </div>
          </div>
          <div class="contentWrapper">
            <img class="gameImg gameImg_2 lazy conceal" data-src="assets4M/gamePage/02-c7308d0d7b.png">
            <div class="preTitle conceal">Gaming toolbox 2.0</div>
            <div class="title conceal">
              Semua fitur yang Anda<br> butuhkan hanya dengan<br> satu langkah
            </div>
            <div class="introduction conceal" style="width: 92%">
              Berganti antar jaringan, memblokir pesan, dan
              menjawab panggilan di latar belakang tanpa harus
              mengganggu permainan Anda. Memproyeksi,
              membuat rekaman layar, dan menggunakan balasan
              cepat. Semua dapat dilakukan tanpa harus
              meninggalkan permainan.
            </div>
          </div>

<div class="title">Jadwal rilis MIUI 11</div>
          <div class="note">
            *Jadwal rilis dapat berubah sewaktu-waktu.
          </div>
          <div class="batch">
            <div class="number">Tahap 1 </div>
            <div class="time">22 Oktober - 31 Oktober</div>
            <div class="divideLine"></div>
            <ul>
              <li>POCO F1/ POCOPHONE F1</li>
              <li>Redmi Y3</li>
              <li>Redmi 7</li>
              <li>Mi 8 Lite</li>
              <li>MI MAX 3</li>
              <li>Mi 8 Pro</li> 
              <li>MI Mix 3</li>
            </ul>
            <ul>
              <li>Redmi K20/ Mi 9T</li>
              <li>Redmi Note 7</li>
              <li>Mi 8</li>
              <li>MI 9 SE</li>
              <li>Redmi 7A</li>
              <li>MI Mix 2S</li>
            </ul>
            <div style="height: 0; clear: both;"></div>
          </div>
          <div class="batch">
            <div class="number">Tahap 2</div>
            <div class="divideLine"></div>
            <ul>
              <li>Redmi 6 Pro</li>
              <li>Redmi 6 Pro</li>
              <li>Redmi S2/Y2</li>
              <li>Mi Note 2</li>
              <li>Mi Mix</li>
              <li>Mi Play</li>
              <li>Redmi 5</li>
              <li>Mi Max 2</li>
              <li>Redmi Note 5A</li>
              <li>Redmi 4X</li>
              <li>Mi 9</li>
            </ul>
            <ul>
              <li>Redmi Note 5</li>
              <li>Redmi 6</li>
              <li>Mi 6</li>
              <li>Mi Note 3</li>
              <li>Mi Mix 2</li>
              <li>Redmi 5 Plus</li>
              <li>Redmi 5A</li>
              <li>Redmi Note 4x</li>
              <li>Redmi Note 5A Pro</li>
              <li>Mi 9 Lite</li>
              <li>Redmi K20 Pro/ Redmi 9T Pro</li>
            </ul>
            <div style="height: 0; clear: both;"></div>
          </div>
          
          <div class="batch">
            <div class="number">Tahap 3</div>
            <div class="divideLine"></div>
            <ul>
              <li>Redmi Note 8</li>
              <li>Redmi Note 6 Pro</li>
            </ul>
            <ul>
              <li>Redmi Note 8 Pro</li>
            </ul>
            <div style="height: 0; clear: both;"></div>
          </div>