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>Nebojša Marić | @Media</title>
	<meta property="og:title" content="Nebojša Marić - @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://nebojsa.atmedia.live" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="@mediaworld" />

<meta name="twitter:card" content="Nebojša Marić">
<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',
		'milos.atmedia.live',
		'eleonora.atmedia.live',
		'veljko.atmedia.live',
		'nebojsa.atmedia.live',
		'aleksandra.atmedia.live',
		'valentina.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">Nebojša Marić
									<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 Nebojša Marić i dolazim Čačka. Već neko vreme aktivno gradim svoj posao kroz AT Media projekat. Ono što me pokreće jeste želja da ljudima pokažem kako mogu da iskoriste ono što već rade svakog dana – kupovinu, preporuke i praćenje sadržaja – da bi stvorili dodatni prihod i izgradili nešto svoje.</p>
									</div>
									<div class="info_list">
										<img src="img/hero/shape.png" alt="shape">
										<p>Moj cilj je da pomognem što većem broju ljudi da shvate da ne moraju da rade klasičan posao do kraja života, već da postoji način da ostvare pasivan prihod, uz podršku i sistem koji funkcioniše. Kroz seminare i prezentacije koje organizujem širom Srbije, trudim se da prenesem svoje iskustvo i znanje na druge, jer verujem da zajedno možemo mnogo više.
											</p>
									</div>
								</div>
								<div class="center">
									<span>
										<img src="img/hero/nebojsa1.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;">nebojsa.mediabox@gmail.com</strong> <br>Telefon: <strong style="color: white;">+381 645 0694 61</strong></p>
										<ul class="social" style="float: right;">
											<li>
												<a href="https://wa.me/381645069461"><img class="sm_svg" src="img/svg/whatsapp.svg" alt="1"></a>
											</li>
								
											<li>
												<a href="https://www.instagram.com/nebojsamaric__?igsh=M21od3Bwc25rZmlv&utm_source=qr"><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>Ako veruješ da zaslužuješ više u životu, na pravom si mestu – samo treba da napraviš prvi korak.</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>

Znam kako ti je bio sam na tvom mestu,javi mi se da promenimo to.								
								</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 najboljim mesecima, generisali smo prodaje koje su prelazile 1.000.000 evra mesečno.</h3>
									</div>
								</li>
								
								
								<li>
									<div class="list_inner">
										
										<h3>Zamisli da zarađuješ dok drugi gledaju TV. Sad to može da bude tvoja realnost!</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>
								</div>
								<div class="contact">
									<ul>
										<li>
											
											<a href="#">(+381) 645 0694 61</a>
											<a href="#">nebojsa.mediabox@gmail.com</a>
										</li>
									</ul>
								</div>
								<div class="social_button">
									<ul>
										<li>
											<a href="https://www.instagram.com/nebojsamaric__?igsh=M21od3Bwc25rZmlv&utm_source=qr">
												<span>Instagram</span>
												<img class="sm_svg" src="img/svg/down_arrow.svg" alt="1">
											</a>
										</li>
										<li>
											<a href="https://wa.me/381645069461">
												<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>Javi mi se i rado cu izdvojiti vreme da ti prenesem informacije koje potincijalno mogu da ti promene nešto u životu.</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>

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