<!DOCTYPE html>
<html lang="zxx">
<head>
	<title>SuperCryptEX| Home</title>
	<meta charset="UTF-8">
	<meta name="description" content="SolMusic HTML Template">
	<meta name="keywords" content="music, html">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Favicon -->
	<link href="img/favicon.ico" rel="shortcut icon"/>

	<!-- Google font -->
	<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/bootstrap.min.css"/>
	<link rel="stylesheet" href="css/font-awesome.min.css"/>
	<link rel="stylesheet" href="css/owl.carousel.min.css"/>
	<link rel="stylesheet" href="css/slicknav.min.css"/>

	<!-- Main Stylesheets -->
	<link rel="stylesheet" href="css/style.css"/>

	<!--JQuery-->
	<script src="https://code.jquery.com/jquery-3.3.1.min.js" type="text/javascript"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->

	<!--- Smooth Scrolling --->
	<style>html { scroll-behavior: smooth; }</style>
</head>
<body>
	<!-- Page Preloder -->
	<div id="preloder">
		<div class="loader"></div>
	</div>

	<!-- Header section -->
	<!---<header class="header-section clearfix" style="	position: fixed;top: 0;left: 0;width: 100%;">--->
		<header class="header-section clearfix">
			<a href="#" class="site-logo">
				<h4 style="color: #fc0254;">SuperCrypt <span style="color: white;">EX</span></h4>
				<!---<img src="img/logo.png" alt="">--->
			</a>
			<div class="header-right">
				<a href="#" class="hr-btn">Help</a>
				<span>|</span>
				<div class="user-panel">
					<a href="./login.php" class="login">Login</a>
					<a href="./register.php" class="register">Create Account</a>
				</div> 
			</div>
			<ul class="main-menu">
				<li><a href="#home">Home</a></li>
				<li><a href="#services">Services</a></li>
				<li><a href="#benefits">Benefits</a></li>
				<li><a href="#how">How</a></li>
				<li><a href="#contact">Contact Us</a></li>
			</ul>
		</header>
		<!-- Header section end -->

		<!-- Main section -->
		<section class="hero-section" id="home">
			<div class="hero-slider owl-carousel">

				<div class="hs-item">
					<div class="container">
						<div class="row">
							<div class="col-lg-6">
								<div class="hs-text">

									<h2><span>SuperCrypt</span> EX</h2>
									<p>
										The all in one solution for your needs. <br>
										We provide many features that we think you’ll love it.<br><br>
										Banking and surfing is much more safer! We've got you covered with our SecuredService&trade;. Just sit back and relax, let us do all the dirty work.
									</p>
									<a href="./register.php" class="site-btn">Join Us!</a>
									<a href="#services" class="site-btn sb-c2">Our Services</a>
								</div>
							</div>
							<div class="col-lg-6">
								<div class="hr-img">
									<img src="img/hero-bg.png" alt="">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Main section end -->

		<!-- Services section -->
		<section class="premium-section spad" id="services">
			<div class="container">
				<div class="row">

					<div class="section-title text-center">
						<h2>Our Service</h2>
						<hr>
						<p style="margin-bottom: 0px;">We’re committed to provide the best service possible. In order to meet this promise, we vow to maintain the server as best as possible such as user-friendly UI, fast server connection, guaranteed privacy (for sure), and many more...<br><br>We've got you covered, whether you use our service daily, weekly or even monthly! Here are some of our proucts :</p>
					</div>

				</div>

				<div class="row">

					<div class="col-lg-3 col-sm-6">
						<div class="premium-item">
							<img src="img/premium/1.jpg" alt="">
							<a href="#premium" class="site-btn sb-c2">VPN Server</a>
							<hr>
							<p>No, Stop don't use public wifi! Use our VPN Service instead, we guarantee free from spoofing, tracking and data stealing.</p>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="premium-item">
							<img src="img/premium/2.jpg" alt="">
							<a href="#premium" class="site-btn sb-c2">FTP Server</a>
							<hr>
							<p>Tired of forgetting your presentation, files and photos? Use our service, now you can save a lot of time from not forgetting things!</p>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="premium-item">
							<img src="img/premium/3.jpg" alt="">
							<a href="#premium" class="site-btn sb-c2">Game Server</a>
							<hr>
							<p>Who doesn't love games? We all do! So we've been thinking how about we make a game server, well it became reality!</p>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="premium-item">
							<img src="img/premium/4.jpg" alt="">
							<a href="#premium" class="site-btn sb-c2">Stock Market Price</a>
							<hr>
							<p>Besides all the server we have make, we also decided to add Stock Market Price. Beside security we want you to trust us on our Stock's Market Price.</p>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="premium-item">
							<img src="img/premium/1.jpg" alt="">
							<a href="#premium" class="site-btn sb-c2">Web Hosting Server</a>
							<hr>
							<p>Soon you can host your own website on ours! It is as easy as flipping a coin in your hands!</p>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="premium-item">
							<img src="img/premium/2.jpg" alt="">
							<a href="#premium" class="site-btn sb-c2">Features Coming Soon!</a>
							<hr>
							<p>Other features coming in hot! Stay alert, we got some more features ready to launch! Fasten your seatbelt and put your shades on!</p>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="premium-item">
							<img src="img/premium/3.jpg" alt="">
							<a href="#premium" class="site-btn sb-c2">Features Coming Soon!</a>
							<hr>
							<p>Other features coming in hot! Stay alert, we got some more features ready to launch! Fasten your seatbelt and put your shades on!</p>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="premium-item">
							<img src="img/premium/4.jpg" alt="">
							<a href="#premium" class="site-btn sb-c2">Features Coming Soon!</a>
							<hr>
							<p>Other features coming in hot! Stay alert, we got some more features ready to launch! Fasten your seatbelt and put your shades on!</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Services section end -->

		<!-- Benefits section -->
		<section class="subscription-section spad" id="benefits">
			<div class="container">
				<div class="row">
					<div class="col-lg-6">
						<div class="sub-text">
							<h2>We Serve Everything You Need</h2>
							<h3>with an extra security measurements.</h3>
							<p>Our server is fully secure because it comes with the latest security encryption and we've tested our server with various attack possibility.</p>
							<a href="#" class="site-btn">More Info</a>
						</div>
					</div>
					<div class="col-lg-6">
						<ul class="sub-list">
							<li><img src="img/icons/check-icon.png" alt="">VPN Server</li>
							<li><img src="img/icons/check-icon.png" alt="">FTP Server</li>
							<li><img src="img/icons/check-icon.png" alt="">Web Hosting Server</li>
							<li><img src="img/icons/check-icon.png" alt="">Game Server</li>
							<li><img src="img/icons/check-icon.png" alt="">Updated Environments</li>
							<li><img src="img/icons/check-icon.png" alt="">Cross Browser Compatibility</li>

						</ul>
					</div>
				</div>
			</div>
		</section>
		<!-- Benefits section end -->

		<!-- Concept section -->
		<section class="concept-section spad" id="premium">
			<div class="container">
				<div class="row">
					<div class="col-lg-6">
						<div class="section-title">
							<h2>Our Server & Services</h2>
						</div>
					</div>
					<div class="col-lg-6">
						<p>We’re committed to provide the best service possible. In order to meet this promise, we vow to maintain the server as best as possible such as user-friendly UI, fast server connection, guaranteed privacy (for sure), and many more... below are some of the services we have : </p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-sm-6">
						<div class="concept-item">
							<img src="img/concept/1.jpg" alt="">
							<h5>Minecraft Server</h5>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="concept-item">
							<img src="img/concept/2.jpg" alt="">
							<h5>VPN Server</h5>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="concept-item">
							<img src="img/concept/3.jpg" alt="">
							<h5>FTP Server</h5>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6">
						<div class="concept-item">
							<img src="img/concept/4.jpg" alt="">
							<h5>To-Do List</h5>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Concept section end -->

		<!-- How section -->
		<section class="how-section spad set-bg" data-setbg="img/how-to-bg.jpg" id="how">
			<div class="container text-white">
				<div class="section-title">
					<h2>How it Works</h2>
				</div>
				<div class="row">
					<div class="col-md-4">
						<div class="how-item">
							<div class="hi-icon">
								<img src="img/icons/brain.png" alt="">
							</div>
							<h4>Create an Account</h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipi-scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum sus-pendisse ultrices gravida. </p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="how-item">
							<div class="hi-icon">
								<img src="img/icons/pointer.png" alt="">
							</div>
							<h4>Choose a Plan</h4>
							<p>Donec in sodales dui, a blandit nunc. Pellen-tesque id eros venenatis, sollicitudin neque sodales, vehicula nibh. Nam massa odio, portti-tor vitae efficitur non. </p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="how-item">
							<div class="hi-icon">
								<img src="img/icons/smartphone.png" alt="">
							</div>
							<h4>Enjoy Our Service!</h4>
							<p>Ablandit nunc. Pellentesque id eros venenatis, sollicitudin neque sodales, vehicula nibh. Nam massa odio, porttitor vitae efficitur non, ultric-ies volutpat tellus. </p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- How section end -->

		<!-- Contact section -->
		<section class="contact-section" id="contact">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-6 p-0">
						<!-- Map -->
						<div class="map"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d10784.188505644011!2d19.053119335158936!3d47.48899529453826!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1543907528304" style="border:0;padding: 30px;background-color: white;" allowfullscreen></iframe></div>
					</div>
					<div class="col-lg-6 p-0">
						<div class="contact-warp">
							<div class="section-title mb-0">
								<h2>Get in touch</h2>
							</div>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore mag na aliqua. Quis ipsum suspendisse ultrices gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed doe iusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. </p>
							<ul>
								<li>Main Road , No 25/11</li>
								<li>+34 556788 3221</li>
								<li>contact@solmusic.com</li>
							</ul>
							<form class="contact-from">
								<div class="row">
									<div class="col-md-6">
										<input type="text" placeholder="Your name">
									</div>
									<div class="col-md-6">
										<input type="text" placeholder="Your e-mail">
									</div>
									<div class="col-md-12">
										<input type="text" placeholder="Subject">
										<textarea placeholder="Message"></textarea>
										<button class="site-btn">send message</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- Contact section end -->

		<!-- Footer section -->
		<footer class="footer-section">
			<div class="container">
				<div class="row">
					<div class="col-xl-6 col-lg-7 order-lg-2">
						<div class="row">
							<div class="col-sm-4">
								<div class="footer-widget">
									<h2>Services</h2>
									<ul>
										<li><a href="./todo.php#">To-Do List</a></li>
										<li><a href="./sendfile.php#">File Transfer</a></li>
										<li><a href="./inbox.php#">Inbox</a></li>
									</ul>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="footer-widget">
									<h2>About us</h2>
									<ul>
										<li><a href="./admins.php#">IPFlare OP's</a></li>
										<li><a href="./contact.php#">Support</a></li>
									</ul>
								</div>
							</div>

						</div>
					</div>
					<div class="col-xl-6 col-lg-5 order-lg-1">
						<a href="#" class="">
							<h4 style="color: #fc0254;">SuperCrypt <span style="color: white;">EX</span></h4>
							<!---<img src="img/logo.png" alt="">--->
						</a>
						<div class="copyright">
							&copy;<script>document.write(new Date().getFullYear());</script> | SuperCryptEX - Secure Server
						</div>

						<div class="social-links">
							<a href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a>
							<a href="https://www.pinterest.com/"><i class="fa fa-pinterest"></i></a>
							<a href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a>
							<a href="https://twitter.com/"><i class="fa fa-twitter"></i></a>
							<a href="https://www.youtube.com/"><i class="fa fa-youtube"></i></a>
						</div>

						<div class="copyright"><strong>Design by <br>[</strong>
							<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
							Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
							<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
							<strong> ]</strong></div>

						</div>
					</div>
				</div>
			</footer>
			<!-- Footer section end -->

			<!--====== Javascripts & Jquery ======-->
			<script src="js/jquery-3.2.1.min.js"></script>
			<script src="js/bootstrap.min.js"></script>
			<script src="js/jquery.slicknav.min.js"></script>
			<script src="js/owl.carousel.min.js"></script>
			<script src="js/mixitup.min.js"></script>
			<script src="js/main.js"></script>

		</body>
		</html>