<?php
// make sure this is the main site, only uploads on the main site are permitted
coreFunctions::mainSiteAccessOnly();

// setup page
define("PAGE_NAME", t("index_page_name", "Upload Files"));
define("PAGE_DESCRIPTION", t("index_meta_description", "Upload, share, track, manage your files in one simple to use file host."));
define("PAGE_KEYWORDS", t("index_meta_keywords", "upload, share, track, file, hosting, host"));
define('RESPONSIVE_SELECTED_PAGE', 'home');
define('CURRENT_PAGE_KEY', 'index');

// include header
require_once(SITE_TEMPLATES_PATH . '/partial/_header.inc.php');
?>
    <div class="index-main">
	
	    <div class="container">  
			<div class="row">
			    <div class="col-sm-12 upl">
				    <h1><?php echo t("hg_16" , "Upload, share and manage your files for free.")?></h1>
					<button onClick="showUploaderPopup(); return false;" class="btn btn-primary btn-lg btn-upload"><i class="la la-cloud-upload zmdi-hc-fw"></i> <span><?php echo t("hg_click_to_upload" , "click to upload")?></span></button>
				</div>
				
			</div>
		</div>
	</div>
	
	<div class="intro"><div class="container">
      <div class="starter">
        <h2><?php echo t("hg_17" , "Access to all your media from anywhere in the world.")?></h2>
		<p><?php echo t("hg_18" , "HGFiles serves as new home for all your media. Our service offers security and worldwide data availability.")?></p>
      </div>
	</div></div>
	<div class="intro intro-white"><div class="container">
	  <div class="row">
	    <div class="col-md-4 about text-center">
	        <img src="<?php echo SITE_THEME_PATH; ?>/hg/img/devices.svg" class="" height="180">
			<h3><?php echo t("hg_19" , "Cross-platform sharing")?></h3>
			<p><?php echo t("hg_20" , "With HGFiles, you can access or share your files everytime no matter of device Desktop, Laptop or Smartphones our website is compatible with all devices!")?></p>
	    </div>
		<div class="col-md-4 about text-center">
	        <img src="<?php echo SITE_THEME_PATH; ?>/hg/img/chat.svg" class="" height="180">
			<h3><?php echo t("hg_21" , "Share with everyone")?></h3>
			<p><?php echo t("hg_22" , "We supply you with all the tools necessary to easily share your files. Use our pre-generated html code to link from your website or post directly to Facebook or Twitter.")?></p>
	    </div>
		<div class="col-md-4 about text-center">
	        <img src="<?php echo SITE_THEME_PATH; ?>/hg/img/internet.svg" class="" height="180">
			<h3><?php echo t("hg_23" , "Safe & Secure")?></h3>
			<p><?php echo t("hg_24" , "Safely store and backup all your essential files. From family photos & videos to important documents, you can rely on us to store all your media securely and forever.")?></p>
	    </div>
	  </div>
    </div><!-- /.container --></div>
	
	<div class="world"><div class="container">
      <div class="row">
        <div class="col-sm-8 text-left">
		  <h2><?php echo t("hg_25" , "Why to choose us instead others!")?></h2>
		  <p><?php echo t("hg_26" , "We offer a range opportunities and features for both uploaders and clients.")?></p>
		  <ul class="features">
		    <li class="storage"><strong> <?php echo t("hg_27" , "100 TB")?></strong> <?php echo t("hg_28" , "cloud storage for free. Enough to hnadle personal work and backups like pictures, documents, videos etc.")?></li>
			<li class="speed"><strong><?php echo t("hg_29" , "Minimum Speed")?></strong> <?php echo t("hg_30" , "without restrictions for everyone. Maximum speed for premium users without limits at all.")?></li>
			<li class="upload"><strong> <?php echo t("hg_31" , "2 GB+ ")?></strong> <?php echo t("hg_32" , "per file . Easly send big files through email or sharing direct links to all your friends, colleagues and more.")?></li>
			<li class="aff"><strong> <?php echo t("hg_33" , "Bandwidth")?> </strong> <?php echo t("hg_34" , "for you and all your files. Get up to 5GB/per day bandwidth to use on downloading.")?></li>
		  </ul>
		</div>
		<div class="col-sm-4 hidden-xs">
		  <div class="box">
		    <aside>
			  <h5><?php echo t("hg_35" , "They love us!")?></h5>
			  <h1><?php echo t("hg_36" , "21 M")?></h1>
			  <h4><?php echo t("hg_37" , "All together")?></h4>
			  <ul class="statistic">
			    <li><i class="la la-users"></i> <?php echo t("hg_38" , "11 Million Uploaders & Clients")?></li>
				<li><i class="la la-files-o"></i> <?php echo t("hg_39" , "145,000 Files in our servers")?></li>
				<li><i class="la la-download"></i> <?php echo t("hg_40" , "751,000 downloads per day")?></li>
                <li><i class="la la-server"></i> <?php echo t("hg_41" , "1,420 TB storage already used")?></li>				
			  </ul>
			</aside>
		  </div>
		</div>
      </div>
	</div></div>

	<div class="account">
	  <div class="container">
	    <div class="row">
	        <div class="col-md-6 get-plan pt20">
			    <h3><?php echo t("hg_42" , "Get on board with us!")?></h3>
				<p><?php echo t("hg_43" , "Get 100 GB for free when you sign up with us or choose one of our")?> <strong><?php echo t("hg_44" , "Premium")?></strong> <?php echo t("hg_45" , "packages and get up to 10 TB working storage starting from $12.99 per month.")?></p>
			</div>
			<div class="col-md-3 plan-i text-center">
			    <div class="iconG">
				   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 505 505" style="enable-background:new 0 0 505 505;" xml:space="preserve" height="160" width="NaN">
				   <circle style="fill: #4C8DFF;" cx="252.5" cy="252.5" r="252.5"></circle>
				   <g>
				   	<rect x="241.7" y="326" style="fill: #D4E7FF;fill-opacity: 0.8;" width="21.6" height="71.1"></rect>
				   	<rect x="149.2" y="386.3" style="fill: #D4E7FF;fill-opacity: 0.8;" width="206.7" height="21.6"></rect>
				   </g>
				   <rect x="131.2" y="119.3" style="fill: #D4E7FF;fill-opacity: 0.8;" width="242.5" height="197.3"></rect>
				   <g>
				   	<path style="
				       stroke: #D4E7FF;
				       fill: #D4E7FF;
				       stroke-width: 1;
				   " d="M388.9,158.9H116.1c-2.4,0-4.4-2-4.4-4.4V94.8c0-2.4,2-4.4,4.4-4.4h272.8c2.4,0,4.4,2,4.4,4.4v59.7   C393.3,157,391.3,158.9,388.9,158.9z"></path>
				   	<path style="
				       stroke: #D4E7FF;
				       fill: #D4E7FF;
				       stroke-width: 1;
				   " d="M388.9,252.3H116.1c-2.4,0-4.4-2-4.4-4.4v-59.8c0-2.4,2-4.4,4.4-4.4h272.8c2.4,0,4.4,2,4.4,4.4v59.8   C393.3,250.3,391.3,252.3,388.9,252.3z"></path>
				   	<path style="
				       stroke: #D4E7FF;
				       fill: #D4E7FF;
				       stroke-width: 1;
				   " d="M388.9,345.6H116.1c-2.4,0-4.4-2-4.4-4.4v-59.8c0-2.4,2-4.4,4.4-4.4h272.8c2.4,0,4.4,2,4.4,4.4v59.8   C393.3,343.6,391.3,345.6,388.9,345.6z"></path>
				   </g>
				   <circle style="fill: #fff;" cx="157" cy="126.3" r="18.5"></circle>
				   <path style="fill:#FFFFFF;" d="M155.8,115.1c1,1.1-0.6,4.1-3.4,6.7c-2.9,2.6-6,3.8-7,2.7s0.6-4.1,3.4-6.7  C151.7,115.3,154.8,114.1,155.8,115.1z"></path>
				   <circle style="fill: #4C8DFF;" cx="213.1" cy="126.3" r="18.5"></circle>
				   <ellipse transform="matrix(-0.6708 -0.7416 0.7416 -0.6708 256.439 353.419)" style="fill: #4C8DFF;" cx="206.655" cy="119.797" rx="2.6" ry="7"></ellipse>
				   <circle style="fill: #fff;" cx="157" cy="218" r="18.5"></circle>
				   <path style="fill:#FFFFFF;" d="M155.8,206.8c1,1.1-0.6,4.1-3.4,6.7c-2.9,2.6-6,3.8-7,2.7s0.6-4.1,3.4-6.7  C151.7,206.9,154.8,205.7,155.8,206.8z"></path>
				   <circle style="fill: #4C8DFF;" cx="213.1" cy="218" r="18.5"></circle>
				   <path style="fill: #4C8DFF;" d="M211.9,206.8c1,1.1-0.6,4.1-3.4,6.7c-2.9,2.6-6,3.8-7,2.7s0.6-4.1,3.4-6.7  C207.8,206.9,210.9,205.7,211.9,206.8z"></path>
				   <circle style="fill: #fff;" cx="157" cy="311.3" r="18.5"></circle>
				   <path style="fill:#FFFFFF;" d="M155.8,300.1c1,1.1-0.6,4.1-3.4,6.7c-2.9,2.6-6,3.8-7,2.7s0.6-4.1,3.4-6.7  C151.7,300.3,154.8,299,155.8,300.1z"></path>
				   <circle style="fill: #4C8DFF;" cx="213.1" cy="311.3" r="18.5"></circle>
				   <path style="fill: #4C8DFF;" d="M211.9,300.1c1,1.1-0.6,4.1-3.4,6.7c-2.9,2.6-6,3.8-7,2.7c-1-1.1,0.6-4.1,3.4-6.7  C207.8,300.3,210.9,299,211.9,300.1z"></path>
				   <circle style="fill: #D4E7FF;" cx="252.5" cy="397.1" r="26"></circle>
				   </svg>
				</div>
				<p><?php echo t("hg_46" , "Up to")?> <b><span><?php echo t("hg_47" , "10")?></span> <?php echo t("hg_48" , "TB")?></b> <?php echo t("hg_49" , "working space.")?></p>
			</div>
			<div class="col-md-3 plan-i text-center">
			    <div class="iconG">
				  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 508 508" style="enable-background:new 0 0 508 508;" xml:space="preserve" height="160" width="NaN">
				   <circle style="fill: #4C8DFF;" cx="254" cy="254" r="254"></circle>
				   <path style="stroke: #D4E7FF;fill: #D4E7FF;stroke-width: 1;" d="M254,446.8c-106.4,0-192.8-86.4-192.8-192.8S147.6,61.2,254,61.2S446.8,147.6,446.8,254  S360.4,446.8,254,446.8z"></path>
				   <path style="fill: #82AEF7;" d="M406.8,262.8c0-2.8,0.4-6,0.4-8.8c0-84.4-68.4-153.2-153.2-153.2c-84.4,0-153.2,68.4-153.2,153.2  c0,2.8,0,6,0.4,8.8H406.8z"></path>
				   <path style="fill: #fff;" d="M204.8,166.4c-0.8-1.2-2-1.6-3.2-0.8c-1.2,0.4-2,2-1.2,3.2l42,101.2c0.4,0.4,0.4,1.2,0.8,1.6  c3.2,5.2,10,6.8,15.2,3.6c5.2-3.2,6.8-10,3.6-15.2L204.8,166.4z"></path>
				   <circle style="fill: #4C8DFF;" cx="254" cy="262.8" r="27.6"></circle>
				   <g>
				   	<path style="fill: #4C8DFF;" d="M254,136L254,136c-2.8,0-5.2-2.4-5.2-5.2V120c0-2.8,2.4-5.2,5.2-5.2l0,0c2.8,0,5.2,2.4,5.2,5.2v10.8   C259.2,133.6,256.8,136,254,136z"></path>
				   	<path style="fill: #4C8DFF;" d="M337.6,170.4L337.6,170.4c-2-2-2-5.2,0-7.2l7.6-7.6c2-2,5.2-2,7.2,0l0,0c2,2,2,5.2,0,7.2l-7.6,7.6   C342.4,172.4,339.2,172.4,337.6,170.4z"></path>
				   	<path style="fill: #4C8DFF;" d="M156,156L156,156c2-2,5.2-2,7.2,0l7.6,7.6c2,2,2,5.2,0,7.2l0,0c-2,2-5.2,2-7.2,0l-7.6-7.6   C154,161.2,154,158,156,156z"></path>
				   	<path style="fill: #4C8DFF;" d="M208.8,144.8L208.8,144.8c-2.4,1.2-5.6,0-6.4-2.8l-4-10c-1.2-2.4,0-5.6,2.8-6.4l0,0   c2.4-1.2,5.6,0,6.4,2.8l4,10C212.8,140.8,211.6,144,208.8,144.8z"></path>
				   	<path style="fill: #4C8DFF;" d="M363.2,208.8L363.2,208.8c-1.2-2.4,0-5.6,2.8-6.4l10-4c2.4-1.2,5.6,0,6.4,2.8l0,0   c1.2,2.4,0,5.6-2.8,6.4l-10,4C367.2,212.8,364,211.6,363.2,208.8z"></path>
				   	<path style="fill: #4C8DFF;" d="M299.2,144.8L299.2,144.8c-2.4-1.2-3.6-4-2.8-6.4l4-10c1.2-2.4,4-3.6,6.4-2.8l0,0   c2.4,1.2,3.6,4,2.8,6.4l-4,10C304.8,144.8,301.6,146,299.2,144.8z"></path>
				   	<path style="fill: #4C8DFF;" d="M125.6,200.8L125.6,200.8c1.2-2.4,4-3.6,6.4-2.8l10,4c2.4,1.2,3.6,4,2.8,6.4l0,0   c-1.2,2.4-4,3.6-6.4,2.8l-10-4C126,206.4,124.8,203.6,125.6,200.8z"></path>
				   </g>
				   <g>
				   	<circle style="fill: #4C8DFF;" cx="254" cy="82.4" r="10"></circle>
				   	<circle style="fill: #4C8DFF;" cx="254" cy="425.6" r="10"></circle>
				   	<circle style="fill: #4C8DFF;" cx="425.6" cy="254" r="10"></circle>
				   	<circle style="fill: #4C8DFF;" cx="82.4" cy="254" r="10"></circle>
				   </g>
				   </svg>
				</div>
				<p><?php echo t("hg_50" , "Up to")?> <b><span><?php echo t("hg_51" , "100")?></span> <?php echo t("hg_48" , "TB")?></b> <?php echo t("hg_52" , "bandwidth.")?></p>
			</div>
	    </div>
	  </div>
	</div>
	
	<div class="app">
	  <ul class="container">
    
      <li class="webdav">
        <a href="#"><?php echo t("hg_53" , "WebDav Sync")?> <i class="la la-arrow-right"></i></a>
        <p>
          <?php echo t("hg_54" , "Access and manage all your files directly via desktop, phone or tablet with WebDav app.
		  Most WebDav clients are supported")?> 
        </p>
      </li>
    
    
      <li class="aff">
        <a href="upgrade.html"><?php echo t("hg_55" , "Go Premium ")?><i class="la la-arrow-right"></i></a>
        <p>
          <?php echo t("hg_56" , "Join our Premium Service and you'll get loads more, Unlimited Speed, Unlimited Space & Storage. Also experince ad-free on the entire website.")?>
        </p>
      </li>
    
      </ul>
	</div>
	
<?php
// include footer
require_once(SITE_TEMPLATES_PATH . '/partial/_footer.inc.php');
?>
