Showing source for: https://amaze.rocks/
Duration: 0.638815s
Server: nginx/1.23.4
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta content="Amaze Rocks" name="author">
<meta content="Amaze Rocks: Redefine your Gaming Experience" name="title">
<meta content="Our diverse range of games, crafted with passion and innovation, aims to amuse and amaze players across multiple genres. Embark on a journey with us as we break free from existing norms, experimenting to deliver the most engaging and fulfilling gaming experiences." name="description">
<meta content="Redefine your Gaming Experience" property="og:title">
<meta content="Or join our young and ambitious gamedev team. Let's rock together!" property="og:description">
<meta content="website" property="og:type">
<meta content="https://amize.rocks" property="og:url">
<meta content="https://amize.rocks/images/og/amaize.jpg" property="og:image">
<!-- Stylesheets
============================================= -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<link href="css/swiper.css" rel="stylesheet" type="text/css">
<link href="css/dark.css" rel="stylesheet" type="text/css">
<link href="css/font-icons.css" rel="stylesheet" type="text/css">
<link href="css/fonts/montserrat.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="images/favicon-32x32px.svg" rel="icon" type="image/svg+xml">
<link href="manifest.webmanifest" rel="manifest">
<!-- Document Title
============================================= -->
<title>
Amaze Rocks: Redefine your Gaming Experience
</title>
</head>
<body class="stretched" style="background-color: black;">
<!-- Document Wrapper
============================================= -->
<div class="clearfix" id="wrapper">
<!-- Header
============================================= -->
<header class="full-header dark" data-sticky-shrink="false" id="header">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a class="standard-logo" data-dark-logo="images/logo/logo.svg" href="index.html">
<img alt="Amaze Rock" src="images/logo/logo.svg">
</a>
<a class="retina-logo" data-dark-logo="images/logo/logo.svg" href="index.html">
<img alt="Amaze Rock" src="images/logo/logo.svg">
</a>
</div>
<!-- #logo end -->
<div class="header-misc d-none d-lg-flex">
<div class="header-misc-icon">
<a href="https://twitter.com/amaze_rocks" target="_blank">
<div style="background: url('images/logo/twitter.png') center no-repeat; background-size: contain; margin-top: -16px; width: 40px; height: 40px;">
</div>
</a>
</div>
<div class="header-misc-icon">
<a href="https://discord.gg/kEewERmV" target="_blank">
<div style="background: url('images/logo/discord.png') center no-repeat; background-size: contain; margin-top: -16px; width: 40px; height: 40px;">
</div>
</a>
</div>
<div class="header-misc-icon">
<a href="https://www.tiktok.com/@amaze_rocks" target="_blank">
<div style="background: url('images/logo/tiktok.png') center no-repeat; background-size: contain; margin-top: -16px; width: 40px; height: 40px;">
</div>
<!-- <i class="icon-tiktok"></i>-->
</a>
</div>
<div class="header-misc-icon">
<a href="https://www.facebook.com/amaze.rocks" target="_blank">
<div style="background: url('images/logo/facebook.png') center no-repeat; background-size: contain; margin-top: -16px; width: 40px; height: 40px;">
</div>
</a>
</div>
<div class="header-misc-icon">
<a href="https://www.instagram.com/amaze_rocks/" target="_blank">
<div style="background: url('images/logo/instagram.png') center no-repeat; background-size: contain; margin-top: -16px; width: 40px; height: 40px;">
</div>
</a>
</div>
</div>
<div id="primary-menu-trigger">
<svg class="svg-trigger" viewBox="0 0 100 100">
<path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20">
</path>
<path d="m 30,50 h 40">
</path>
<path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20">
</path>
</svg>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu">
<ul class="menu-container">
<li class="menu-item">
<a class="menu-link" data-easing="easeInOutExpo" data-offset="120" data-scrollto="#about" data-speed="1250" href="#about">
<div>
About
</div>
</a>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" data-easing="easeInOutExpo" data-offset="120" data-scrollto="#news" data-speed="1250" href="#news">
<div>
News
</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" data-easing="easeInOutExpo" data-offset="120" data-scrollto="#games" data-speed="1250" href="#games">
<div>
Games
</div>
</a>
</li>
</ul>
</nav>
<!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone">
</div>
</header>
<!-- #header end -->
<section class="slider-element slider-parallax include-header min-vh-100 dark" id="slider">
<div class="slider-inner" style="background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.3)), url('images/bg/banner-11.jpg') top center no-repeat; background-size: cover;">
<div class="vertical-middle">
<div class="container py-5 py-md-0">
<div class="row parallax" data-0-end="opacity:0.1; transform: translateY(-30px);" data-0-start="opacity:1; transform: translateY(0px);">
<div class="col-12">
<!-- <h6 class="text-uppercase ls4 fw-normal op-05">Before Headings</h6>-->
<h1 class="display-4 fw-bold text-uppercase center" style="font-family: 'Montserrat ExtraBold' !important; text-shadow: 0.1em 0 0.2em rgba(0,0,0,0.5);">
<!-- We create worlds<br> you want to get <br>lost in-->
<div class="text-rotater" data-rotate="flipInX" data-separator="|" data-speed="3500">
We create worlds
<br>
you want to get
<span class="t-rotate">
Lost in
</span>
</div>
</h1>
<!-- <p class="lead text-white-50 mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum assumenda magni obcaecati quo ratione deleniti aut sunt voluptatum, ab nulla.</p>-->
<!-- <a href="#" class="btn btn-light btn-lg border-width-2 px-4">Sign Up</a>-->
<!-- <a href="#" class="btn btn-outline-light btn-lg ms-2 border-width-2">View More</a>-->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<!-- <div class="content-wrap mb-0 pb-0" id="about">-->
<div class="section parallax m-0 border-top-0 dark image-with-overlay" data-bottom-top="background-position:0px 10px;" data-top-bottom="background-position:0px -10px;" style="background-image: url('images/bg/rocks1.jpg'); padding: 60px 0;">
<div class="container clearfix" id="about">
<div class="row align-items-center">
<div class="col-12 col-lg">
<h1>
<span>
About us
</span>
</h1>
<h3>
Weâre a team of young and ambitious game developers who strive to take over the world (of gaming so far).
<br>
<br>
At Amaze Rocks we develop games that literally amuse and amaze you.
</h3>
</div>
<div class="col-12 col-lg-auto mt-4 mt-lg-0 px-lg-5 px-md-3">
<button class="button button-reveal button-large m-0" data-bs-target="#JoinUs" data-bs-toggle="modal">
<i class="icon-angle-right">
</i>
<span>
Join Us
</span>
</button>
</div>
</div>
</div>
</div>
<!-- </div>-->
<!-- <div class="content-wrap mb-0 pb-0" id="news">-->
<div class="section parallax m-0 border-top-0 dark image-with-overlay" data-bottom-top="background-position:0px 200px;" data-top-bottom="background-position:0px -200px;" style="background-image: url('images/bg/man-in-rocks.jpg'); padding: 200px 0;">
<div class="container clearfix" id="news">
<div class="row align-items-center">
<div class="col-12 col-lg">
<h1>
<span>
Our Games
</span>
</h1>
<h3>
We are making games in multiple genres. On our quest to bring players the most engaging and fulfilling experience we are ready to experiment and set aside the existing canons.
<br>
<br>
Ready to rock with us?
</h3>
</div>
<div class="col-12 col-lg-auto mt-4 mt-lg-0 px-lg-5 px-md-3">
<button class="button button-reveal button-large m-0" data-bs-target="#JoinUs" data-bs-toggle="modal">
<i class="icon-angle-right">
</i>
<span>
Contact
</span>
</button>
</div>
</div>
</div>
</div>
<!-- </div>-->
<div class="section parallax m-0 border-top-0 dark image-with-overlay" data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position:0px 0px;" style="background-image: url('images/bg/rocks2.jpg'); padding: 60px 0;">
<div class="container clearfix" id="games">
<div class="row align-items-center">
<div class="col-12 col-lg">
<h1>
<span>
News
</span>
</h1>
<h3>
We are hiring!
<br>
<br>
We are looking for passionate and skilled Game Developers to join our remote team. Our team is getting ready for the next big step, and we need your expertize to make our vision a reality.
</h3>
</div>
<div class="col-12 col-lg-auto mt-4 mt-lg-0 px-lg-5 px-md-3">
<button class="button button-reveal button-large m-0" data-bs-target="#JoinUs" data-bs-toggle="modal">
<i class="icon-angle-right">
</i>
<span>
Apply
</span>
</button>
</div>
</div>
</div>
</div>
<!-- <div class="content-wrap mb-0 pb-0">-->
<!-- header-stick-->
<div class="section parallax m-0 border-top-0 dark image-with-overlay" data-bottom-top="background-position:0px 300px;" data-top-bottom="background-position:0px -300px;" style="background-image: url('images/bg/man-in-forest.jpg'); padding: 200px 0;">
<div class="container clearfix">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 pb-lg-0 pb-5 pt-6">
<h3>
Have a question about Amaze Rocks, games or vacancies?
</h3>
<!-- <a href="#" class="button button-reveal button-large m-0"><i class="icon-angle-right"></i><span>Get in touch</span></a>-->
<button class="button button-reveal button-large m-0" data-bs-target="#JoinUs" data-bs-toggle="modal">
<i class="icon-angle-right">
</i>
<span>
Get in touch
</span>
</button>
</div>
<div class="col-lg-6 col-md-12 pt-6">
<h3>
Be the first to learn about our new games,
projects and job openings!
</h3>
<div class="subscribe-widget" data-loader="button">
<div class="widget-subscribe-form-result">
</div>
<form action="subscribe.php" method="POST" role="form">
<div class="input-group mx-auto">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler">
</div>
</div>
</div>
<div class="input-group-text bg-transparent">
<i class="icon-email2">
</i>
</div>
<input class="form-control required email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" placeholder="[email protected]" type="email">
<button class="btn btn-success button button-color nott ls0 m-0" type="submit">
Subscribe
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- </div>-->
<!-- Modal -->
<div aria-hidden="true" aria-labelledby="JoinUsLabel" class="modal fade bs-example-modal-scrollable dark" id="JoinUs" role="dialog" style="z-index:1000000;" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">
Contact Us
</h4>
<button aria-hidden="true" class="btn-close btn-sm" data-bs-dismiss="modal" type="button">
</button>
</div>
<div class="form-widget" data-alert-type="inline" data-loader="button">
<div class="form-result">
</div>
<form action="sendrequest.php" id="amaze-form" method="post" name="amaze-form" novalidate="novalidate" style="max-width: 25rem;">
<div class="modal-body">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler">
</div>
</div>
</div>
<div class="form-group">
<label for="amaze-form-name">
Name
<small>
*
</small>
</label>
<input class="form-control required" id="amaze-form-name" name="amaze-form-name" placeholder="Enter Name" type="text">
</div>
<div class="form-group">
<label for="amaze-form-email">
Email address
<small>
*
</small>
</label>
<input aria-describedby="emailHelp" class="form-control required" id="amaze-form-email" name="amaze-form-email" placeholder="Enter email" type="email">
<small class="form-text text-muted" id="emailHelp">
We'll never share your email with anyone else.
</small>
</div>
<div class="form-group">
<label for="amaze-form-city">
City
</label>
<input class="form-control" id="amaze-form-city" name="amaze-form-city" placeholder="City" type="text">
</div>
<div class="form-group">
<label for="amaze-form-message">
Message
</label>
<textarea class="form-control" id="amaze-form-message" name="amaze-form-message" rows="3"></textarea>
</div>
<div class="col-12 d-none">
<input id="amaze-form-botcheck" name="amaze-form-botcheck" type="text" value="">
</div>
<input name="prefix" type="hidden" value="amaze-form-">
</div>
<div class="modal-footer">
<button class="btn btn-secondary" data-bs-dismiss="modal" type="button">
Close
</button>
<button class="btn btn-primary button" data-action="submit" data-callback="onSubmit" data-sitekey="6LexI3UpAAAAAEbdJp1CBXoR-FH3vuSSBAE5Wwi4" id="amaze-form-submit" name="amaze-form-submit" type="submit" value="submit">
Submit
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- #content end -->
<!-- Footer
============================================= -->
<footer class="dark" id="footer">
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row col-mb-30">
<div class="col-md-8 text-center text-md-start">
Copyrights ©
<span id="spanyear">
</span>
Amaze Rocks LLC
<br>
<!-- <div class="copyright-links"><a href="#">Legal information</a> / <a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>-->
</div>
<div class="col-md-4 text-center text-md-end">
<div class="d-flex justify-content-center justify-content-md-end">
<a class="social-icon si-borderless" href="https://twitter.com/amaze_rocks" target="_blank">
<div style="background: url('images/logo/twitter.png') center no-repeat; background-size: contain; margin-top: 0px; width: 30px; height: 30px;">
</div>
</a>
<a class="social-icon si-borderless" href="https://discord.gg/kEewERmV" target="_blank">
<div style="background: url('images/logo/discord.png') center no-repeat; background-size: contain; margin-top: 0px; width: 30px; height: 30px;">
</div>
</a>
<a class="social-icon si-borderless" href="https://www.tiktok.com/@amaze_rocks" target="_blank">
<div style="background: url('images/logo/tiktok.png') center no-repeat; background-size: contain; margin-top: 0px; width: 30px; height: 30px;">
</div>
</a>
<a class="social-icon si-borderless" href="https://www.instagram.com/amaze_rocks/" target="_blank">
<div style="background: url('images/logo/facebook.png') center no-repeat; background-size: contain; margin-top: 0px; width: 30px; height: 30px;">
</div>
</a>
<a class="social-icon si-borderless" href="https://www.facebook.com/amaze.rocks" target="_blank">
<div style="background: url('images/logo/instagram.png') center no-repeat; background-size: contain; margin-top: 0px; width: 30px; height: 30px;">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- #copyrights end -->
</footer>
<!-- #footer end -->
</div>
<!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div class="icon-angle-up" id="gotoTop">
</div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js">
</script>
<script src="js/plugins.min.js">
</script>
<!-- Footer Scripts
============================================= -->
<script src="js/functions.js">
</script>
<!--<script src="https://www.google.com/recaptcha/api.js"></script>-->
<!--<script>-->
<!-- function onSubmit(token) {-->
<!-- document.getElementById("amaze-form").submit();-->
<!-- }-->
<!--</script>-->
<script>
$('#spanyear').html(new Date().getFullYear());
</script>
</body>
</html>