Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="./img/lightning.png">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="title" content="StormBot | Hivatalos weboldal">
    <meta name="description" content="Üdvözöllek a StormBot hivatalos weboldalán
    Itt megtalálhatsz minden fontos információt a botról.
    Ha bármi kérdésed lenne, lépj velünk kapcsolatba!">
    <meta name="theme-color" content="#1cd1ff">
    <meta name="author" content="TheEndlessProgram, TheInfiniteCode">
    <title>StormBot | Főoldal</title>
    <style>img[alt="www.000webhost.com"]{display:none;}</style>

    <!-- Google font -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700%7CVarela+Round" rel="stylesheet">

    <!-- Bootstrap -->
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />

    <!-- Owl Carousel -->
    <link type="text/css" rel="stylesheet" href="css/owl.carousel.css" />
    <link type="text/css" rel="stylesheet" href="css/owl.theme.default.css" />

    <!-- Magnific Popup -->
    <link type="text/css" rel="stylesheet" href="css/magnific-popup.css" />

    <!-- Font Awesome Icon -->
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <!-- Custom stlylesheet -->
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="./w3.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<!--Start of Tawk.to Script-->
<script type="text/javascript">
    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
    (function(){
    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
    s1.async=true;
    s1.src='https://embed.tawk.to/5ce02fae2846b90c57af37bb/default';
    s1.charset='UTF-8';
    s1.setAttribute('crossorigin','*');
    s0.parentNode.insertBefore(s1,s0);
    })();
</script>
<!--End of Tawk.to Script-->


<body>
    <audio autoplay loop>
        <source src="music.mp3", type="audio/mp3">
    </audio>


    <!-- Header -->
    <header id="home">
        <!-- Background Image -->
        <div class="bg-img" style="background-image: url('./img/background1.gif');">
            <div class="overlay"></div>
        </div>
        <!-- /Background Image -->

        <!-- Nav -->
        <nav id="nav" class="navbar nav-transparent">
            <div class="container">

                <div class="navbar-header">
                    <!-- Logo -->
                    <div class="navbar-brand">
                        <a href="https://stormbot.tk">
                            <h3 class="logo">StormBot</h3>
                        </a>
                    </div>
                    <!-- /Logo -->

                    <!-- Collapse nav button -->
                    <div class="nav-collapse">
                        <span></span>
                    </div>
                    <!-- /Collapse nav button -->
                </div>

                <!--  Main navigation  -->
                <ul class="main-nav nav navbar-nav navbar-right">
                    <li><a href="#home">Kezdőlap</a></li>
                    <li><a href="#parancss">Parancsok</a></li>
                    <li><a href="#info">Információ</a></li>
                    <li><a href="#mit">Mit nyújtunk?</a></li>
                    <li><a href="#dev">Fejlesztők</a></li>
                    <li><a href="#contact">Elérhetőségek</a></li>
                    <li><a href="./csapat">Csapatunk</a></li>
                    <li><a target="_blank" href="https://discord.gg/cDTxBxg">Support</a></li>
                </ul>
                <!-- /Main navigation -->

            </div>
        </nav>
        <!-- /Nav -->

        <!-- home wrapper -->
        <div class="home-wrapper">
            <div class="container">
                <div class="row">

                    <!-- home content -->
                    <div class="col-md-10 col-md-offset-1">
                        <div class="home-content">
                            <h1 class="white-text">StormBot</h1>
                            <p class="white-text">Üdvözöllek a StormBot hivatalos weboldalán!
                            </p>
                            <a target="_blank" href="https://discordapp.com/api/oauth2/authorize?client_id=534087309365346304&permissions=8&scope=bot"><button class="white-btn"> Meghívó </button></a>
                            <a href="./premium"><button class="outline-btn"> Prémium </button></a>
                        </div>
                    </div>
                    <!-- /home content -->

                </div>
            </div>
        </div>
        <!-- /home wrapper -->

    </header>
    <!-- /Header -->

    <!-- About -->
    <div id="parancss" class="section md-padding">

        <!-- Container -->
        <div class="container">

            <!-- Row -->
            <div class="row">

                <!-- Section header -->
                <div class="section-header text-center">
                    <p><br></p>
                    <h2 class="title">Parancsok</h2>
                    <p><br></p>
                    <a align="center" href="./parancsok"><button align="center" class="buttyyon">Kattints ide</button></a>
                </div>
                <!-- /Section header -->

                <!-- about -->
                <!-- /about -->

                <!-- about -->
                <!-- /about -->

            </div>
            <!-- /Row -->

        </div>
        <!-- /Container -->

    </div>
    <!-- /About -->


    <!-- Numbers -->
    <div id="numbers" class="section sm-padding">

        <!-- Background Image -->
        <div class="bg-img" style="background-image: url('./img/lightning800.gif');">
            <div class="overlay"></div>
        </div>
        <!-- /Background Image -->

        <!-- Container -->
        <div class="container">

            <!-- Row -->
            <div class="row">

                <!-- number -->
                <div class="col-sm-3 col-xs-6">
                    <div class="number">
                        <i class="fa fa-users"></i>
                        <h3 class="white-text"><span class="counter">N/A</span></h3>
                        <span class="white-text">Szerverek</span>
                    </div>
                </div>
                <!-- /number -->

                <!-- number -->
                <div class="col-sm-3 col-xs-6">
                    <div class="number">
                        <i class="fa fa-trophy"></i>
                        <h3 class="white-text"><span class="counter">N/A</span></h3>
                        <span class="white-text">Szavazatok</span>
                    </div>
                </div>
                <!-- /number -->

                <!-- number -->
                <div class="col-sm-3 col-xs-6">
                    <div class="number">
                        <i class="fa fa-coffee"></i>
                        <h3 class="white-text"><span class="counter">N/A</span></h3>
                        <span class="white-text">Látogatók</span>
                    </div>
                </div>
                <!-- /number -->

                <!-- number -->
                <div class="col-sm-3 col-xs-6">
                    <div class="number">
                        <i class="fa fa-file"></i>
                        <h3 class="white-text"><span class="counter">N/A</span></h3>
                        <span class="white-text">Támogatók</span>
                    </div>
                </div>
                <!-- /number -->

            </div>
            <!-- /Row -->

        </div>
        <!-- /Container -->

    </div>
    <!-- /Numbers -->


    <div id="info" class="section md-padding">

        <div class="container">

            <div class="row">

                <div class="section-header text-center">
                    <h2 class="title">Információ</h2>
                </div>

                <div class="col-md-4 col-sm-6">
                    <div class="service">
                        <i class="fa fa-diamond"></i>
                        <h3>BÉTA</h3>
                        <p>A bot jelenleg még béta verzióban fut</p>
                    </div>
                </div>

                <div class="col-md-4 col-sm-6">
                    <div class="service">
                        <i class="fa fa-rocket"></i>
                        <h3>24/7 Support</h3>
                        <p>Support csapatunk kérdésedre a lehető leggyorsabban válaszolnak</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="service">
                        <i class="fa fa-cogs"></i>
                        <h3>100% Biztonság</h3>
                        <p>A bot teljes mértékben biztonságos</p>
                    </div>
                </div>

            </div>

        </div>

    </div>

    <div id="mit" class="section md-padding2 bg-grey">

        <div class="container">

            <div class="row">

                <div class="col-md-6">
                    <div class="section-header">
                        <h2 class="title">Mit nyújtunk?</h2>
                    </div>
                    <p></p>
                    <div class="feature">
                        <i class="fa fa-check"></i>
                        <p>Zene funkció</p>
                    </div>
                    <div class="feature">
                        <i class="fa fa-check"></i>
                        <p>Economy system</p>
                    </div>
                    <div class="feature">
                        <i class="fa fa-check"></i>
                        <p>Konfigurációs parancsok</p>
                    </div>
                    <div class="feature">
                        <i class="fa fa-check"></i>
                        <p>Moderációs parancsok</p>
                    </div>
                </div>

                <div class="col-md-6">
                    <div id="about-slider" class="owl-carousel owl-theme">
                        <img class="img-responsive" src="./img/botinfo.png" alt="">
                        <img class="img-responsive" src="./img/serverinfo.png" alt="">
                        <img class="img-responsive" src="./img/userinfo.png" alt="">
                    </div>
                </div>

            </div>

        </div>

    </div>
<!--
    <div id="pricing" class="section md-padding">

        <div class="container">

            <div class="row">


                <div class="section-header text-center">
                    <h2 class="title">Pricing Table</h2>
                </div>
                <div class="col-sm-4">
                    <div class="pricing">
                        <div class="price-head">
                            <span class="price-title">VIP plan</span>
                            <div class="price">
                                <h3>$9<span class="duration">/ month</span></h3>
                            </div>
                        </div>
                        <ul class="price-content">
                            <li>
                                <p>Music commands</p>
                            </li>
                            <li>
                                <p>Sound recorder</p>
                            </li>
                            <li>
                                <p>+5 custom commands</p>
                            </li>
                        </ul>
                        <div class="price-btn">
                            <button class="outline-btn">Purchase now</button>
                        </div>
                    </div>
                </div>

                <div class="col-sm-4">
                    <div class="pricing">
                        <div class="price-head">
                            <span class="price-title">Premium plan</span>
                            <div class="price">
                                <h3>$19<span class="duration">/ month</span></h3>
                            </div>
                        </div>
                        <ul class="price-content">
                            <li>
                                <p>Music commands</p>
                            </li>
                            <li>
                                <p>Sound recorder</p>
                            </li>
                            <li>
                                <p>+15 custom commands</p>
                            </li>
                            <li>
                                <p>Whitelist Function</p>
                            </li>
                            <li>
                                <p>100 Email Account</p>
                            </li>
                            <li>
                                <p>24/24 Support</p>
                            </li>
                        </ul>
                        <div class="price-btn">
                            <button class="outline-btn">Purchase now</button>
                        </div>
                    </div>
                </div>

                <div class="col-sm-4">
                    <div class="pricing">
                        <div class="price-head">
                            <span class="price-title">Elite plan</span>
                            <div class="price">
                                <h3>$39<span class="duration">/ month</span></h3>
                            </div>
                        </div>
                        <ul class="price-content">
                            <li>
                                <p>Fully customiseable commands</p>
                            </li>
                            <li>
                                <p>Unlimited economy slots</p>
                            </li>
                            <li>
                                <p>Verification feature</p>
                            </li>
                        </ul>
                        <div class="price-btn">
                            <button class="outline-btn">Purchase now</button>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
-->
    <div id="dev" class="section md-padding">
        <!-- Container -->
        <div class="container">

            <!-- Row -->
            <div class="row">

                <!-- Section header -->
                <p><br></p>
                <p><br></p>
                <div class="section-header text-center">
                    <h2 class="title">Fejlesztők</h2>
                </div>
                <!-- /Section header -->

                <!-- team -->
                <div class="col-sm-4">
                    <div class="team">
                        <div class="team-img">
                            <img class="w4-circle" src="./img/theinfinitecode.png" alt="">
                            <div class="overlay">
                                <div class="team-social">
                                    <a target="_blank" href="https://www.youtube.com/channel/UColYjkn_s5m0tMZtjT4jN5w"><i class="fa fa-youtube"></i></a>
                                    <!--a href="#"><i class="fa fa-google-plus"></i></a-->
                                    <!--a href="#"><i class="fa fa-twitter"></i></a-->
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3>TheInfiniteCode</h3>
                            <span>Bot, Web Fejlesztő</span>
                        </div>
                    </div>
                </div>
                <!-- /team -->

                <!-- team -->
                <div class="col-sm-4">
                </div>
                <div class="col-sm-4">
                    <div class="team">
                        <div class="team-img">
                            <img class="w4-circle" src="./img/theendlessprogram.png" alt="">
                            <div class="overlay">
                                <div class="team-social">
                                    <a target="_blank" href="https://www.youtube.com/channel/UCzMbNczTeN3es2rU8hQwOGg"><i class="fa fa-youtube"></i></a>
                                    <!--a href="#"><i class="fa fa-google-plus"></i></a-->
                                    <!--a href="#"><i class="fa fa-twitter"></i></a-->
                                </div>
                            </div>
                        </div>
                        <div class="team-content">
                            <h3>TheEndlessProgram</h3>
                            <span>Bot, Web Fejlesztő</span>
                        </div>
                    </div>
                </div>
                <!-- /team -->

            </div>
            <!-- /Row -->

        </div>
        <!-- /Container -->

    </div>
    <!-- /Team -->

    <!-- Contact -->
    <div id="contact" class="section md-padding">

        <!-- Container -->
        <div class="container">

            <!-- Row -->
            <div class="row">

                <!-- Section-header -->
                <div class="section-header text-center">
                    <h2 class="title">Elérhetőségek</h2>
                </div>
                <!-- /Section-header -->

                <!-- contact -->
                <div class="col-sm-4">
                    <div class="contact">
                        <i class="fa fa-phone"></i>
                        <h3>Phone</h3>
                        <p>+36 30 89 351 75</p>
                    </div>
                </div>
                <!-- /contact -->

                <!-- contact -->
                <div class="col-sm-4">
                    <div class="contact">
                        <i class="fa fa-envelope"></i>
                        <h3>Email</h3>
                        <p>info@stormbot.com</p>
                    </div>
                </div>
                <!-- /contact -->

                <!-- contact -->
                <div class="col-sm-4">
                    <div class="contact">
                        <i class="fa fa-diamond"></i>
                        <h3>Discord</h3>
                        <a target="_blank" href="https://discord.gg/cDTxBxg">Kattints ide</a>
                    </div>
                </div>
                <!-- /contact -->

            </div>
            <!-- /Row -->

        </div>
        <!-- /Container -->

    </div>
    <!-- /Contact -->


    <!-- Footer -->
    <footer id="footer" class="sm-padding bg-dark">

        <!-- Container -->
        <div class="container">

            <!-- Row -->
            <div class="row">

                <div class="col-md-12">

                    <!-- footer logo -->
                    <div class="footer-logo">
                        <a href="https://stormbot.tk"><h2 class="white-text">STORMBOT</h2></a>
                    </div>
                    <!-- /footer logo -->

                    <!-- footer follow -->
                    <ul class="footer-follow">
                        <!--li><a href="#"><i class="fa fa-youtube"></i></a></li-->
                    </ul>
                    <!-- /footer follow -->

                    <!-- footer copyright -->
                    <div class="footer-copyright">
                        <p>&copy StormBot - Minden jog fenntartva!</p>
                    </div>
                    <!-- /footer copyright -->

                </div>

            </div>
            <!-- /Row -->

        </div>
        <!-- /Container -->

    </footer>
    <!-- /Footer -->

    <!-- Back to top -->
    <div id="back-to-top"></div>
    <!-- /Back to top -->

    <!-- Preloader -->
    <div id="preloader">
        <div class="preloader">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- /Preloader -->

    <!-- jQuery Plugins -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/jquery.magnific-popup.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

</body>

</html>