Default page

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>Sava Stolić | @Media</title>
	<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://sava.atmedia.live" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="@mediaworld" />

<meta name="twitter:card" content="Sava Stolić ">
<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">
	
<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'
      ]
    }
  });
</script>
</head>
<body>
  
  	
	<div id="preloader">
		<div class="loader_line"></div>
	</div>
	
   
    
	<div class="nicolas_sm_wrapper_all" data-magic-cursor="show"> 
	
		
		<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>
		
		
		
		<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>

<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">Sava Stolić 
									<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 Sava Stolić, imam 29 godina i po obrazovanju sam mašinski inženjer, sa više od pet godina iskustva u struci. Rođen sam u Prištini, odrastao u Smederevu, a trenutno živim i radim u Beogradu.
										</p>
									</div>
									<div class="info_list">
										<img src="img/hero/shape.png" alt="shape">
										<p> Počeo sam da radim vrlo rano, što me je podstaklo da budem otvoren za različite poslovne prilike. Oduvek sam imao želju da izgradim stabilan pasivni prihod, i upravo iz tog razloga sam došao do projekta @mediaBox.Na samom početku nisam u potpunosti razumeo koncept, ali kada sam sagledao potencijal koji nudi i rezultate koje omogućava, shvatio sam da je reč o ozbiljnoj prilici za lični i finansijski rast.
										</p>
									</div>
								
								</div>
								<div class="center">
									<span>
										<img src="img/hero/sava.jpg" 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;">savasd96@gmail.com  </strong> <br>Telefon: <strong style="color: white;">+381 64 913 2720  Whatsapp/Telegram/Viber</strong></p>
										<ul class="social" style="float: right;">
											<li>
												<a href="https://www.instagram.com/sava___stolic?igsh=OWgxajI2eW5tODRj"><img class="sm_svg" src="img/svg/instagram.svg" alt="3"></a>
											</li>
											<li>
												<a href="https://wa.me/381649132720"><img class="sm_svg" src="img/svg/whatsapp.svg" alt="1"></a>
											</li>
										</ul>
									</div>
									<!-- <div class="info_list">
										<img src="img/hero/shape.png" alt="shape">
										<p>   Javi mi se i saznaj iz prve ruke kako možeš da započneš svoj put ka pasivnom prihodu uz MediaBox!

</p>
									</div> -->
									 <div class="info_list">
										<img src="img/hero/shape.png" alt="shape">
										<p>Danas, nakon dve godine posvećenog rada, izgradio sam mrežu korisnika kako u Srbiji, tako i u inostranstvu, a uspeo sam da ostvarim i održiv pasivni prihod.</p>
									</div> 
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

<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>

Ne obećavam brze rezultate, ali sa sigurnošću mogu da kažem da svako ko je spreman da uči i radi, može da napravi uspeh u ovom poslovnom modelu. <br>

Ukoliko si otvoren za nove prilike, javi mi se i saznaj kako možeš da započneš svoj put zajedno sa nama.

</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 style="text-transform: none">Kao inženjer, uvek tragam za praktičnim rešenjima – upravo zato verujem da MediaBox može svakome doneti realan pasivan prihod.

</h3>
									</div>
								</li>
								
								
								<li>
									<div class="list_inner">
										
										<h3 style="text-transform: none">Ne čekaj da ti prilike prođu pored tebe – iskoristi prednost inovacija i unapredi svoju svakodnevicu uz MediaBox.</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>

<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>💡 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>

<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>

<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>

<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>
									<br>
									<p>Tu sam da odgovorim na sva tvoja pitanja i pokažem ti kako da napraviš prvi korak ka sigurnoj dodatnoj zaradi.</p>
									
								</div>
								<div class="contact">
									<ul>
										<li>
											<a href="tel:+381649132720">+381 64 913 2720 WhatsApp/Telegram/Viber</a>
											<a href="mailto:savasd96@gmail.com">savasd96@gmail.com </a>
										</li>
									</ul>
								</div>
								<div class="social_button">
									<ul>
										<li>
											<a href="https://www.instagram.com/sava___stolic?igsh=OWgxajI2eW5tODRj">
												<span>Instagram</span>
												<img class="sm_svg" src="img/svg/down_arrow.svg" alt="1">
											</a>
										</li>
										<li>
											<a href="https://wa.me/381649132720">
												<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>
						
									
								</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 Box">@Media Box</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>

<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>
						<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>
		
		
		
		<div class="mouse-cursor cursor-outer"></div>
		<div class="mouse-cursor cursor-inner"></div>

</div>
    
    
    <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>