|
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
|
|
|
|
|
{{-- <link href="{{ asset('css/styles.css') }}" rel="stylesheet"> --}}
|
|
|
|
|
|
|
|
|
|
<title> New Design </title>
|
|
|
|
|
|
|
|
|
|
<!-- Styles -->
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id='cursor'></div>
|
|
|
|
|
{{-- <div class="Loader">
|
|
|
|
|
<div class="W">W</div>
|
|
|
|
|
<div class="I">I</div>
|
|
|
|
|
<div class="L">L</div>
|
|
|
|
|
<div class="L">L</div>
|
|
|
|
|
<div class="A">A</div>
|
|
|
|
|
<div class="E">E</div>
|
|
|
|
|
<div class="N">N</div>
|
|
|
|
|
<div class="G">G</div>
|
|
|
|
|
<div class="I">I</div>
|
|
|
|
|
<div class="N">N</div>
|
|
|
|
|
<div class="E">E</div>
|
|
|
|
|
</div> --}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="app"></div>
|
|
|
|
|
</body>
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
#app {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
}
|
|
|
|
|
.backgrounds {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height:100%;
|
|
|
|
|
}
|
|
|
|
|
.c-hamburger {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
(function () {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
var w = window;
|
|
|
|
|
|
|
|
|
|
const b = document.getElementsByTagName("body")[0];
|
|
|
|
|
b.addEventListener("mousemove", mouseMove);
|
|
|
|
|
|
|
|
|
|
var cursor = document.getElementById('cursor');
|
|
|
|
|
b.addEventListener("mousedown", cursorClick);
|
|
|
|
|
b.addEventListener("mouseup", cursorUnclick);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var panel = document.querySelectorAll(".section.active");
|
|
|
|
|
var text = document.querySelectorAll(".section-tagline-wrapper");
|
|
|
|
|
var img = document.querySelectorAll(".section-img-wrapper");
|
|
|
|
|
var no = document.querySelectorAll(".section-no-wrapper");
|
|
|
|
|
|
|
|
|
|
var cImg = document.querySelectorAll('.pattern');
|
|
|
|
|
|
|
|
|
|
var patterns = document.querySelectorAll('.pattern');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function mouseMove(e) {
|
|
|
|
|
// Custom Cursor
|
|
|
|
|
cursor.style.left = e.clientX + 'px';
|
|
|
|
|
cursor.style.top = e.clientY + 'px';
|
|
|
|
|
|
|
|
|
|
// if (menu.classList.contains('active')) {
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
function clipMask(pattern, e) {
|
|
|
|
|
pattern.style.setProperty("--clip-position", e.clientX + 'px ' + e.clientY + 'px');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function cursorClick(e) {
|
|
|
|
|
cursor.classList.add("clicked")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function cursorUnclick(e) {
|
|
|
|
|
setTimeout(function () {
|
|
|
|
|
cursor.classList.remove("clicked")
|
|
|
|
|
}, 300);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function cursorHover(e) {
|
|
|
|
|
cursor.classList.add("hover")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function cursorUnhover(e) {
|
|
|
|
|
cursor.classList.remove("hover")
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var hovers = document.querySelectorAll(".hover-target");
|
|
|
|
|
|
|
|
|
|
for (var i = hovers.length - 1; i >= 0; i--) {
|
|
|
|
|
var hover = hovers[i];
|
|
|
|
|
hoverHandler(hover);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
function hoverHandler(hover) {
|
|
|
|
|
hover.addEventListener("mouseover", cursorHover);
|
|
|
|
|
hover.addEventListener("mouseout", cursorUnhover);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})();
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
{{-- <script type="text/javascript" src="{{ asset('js/vendors.js') }}"></script>
|
|
|
|
|
<script type="text/javascript" src="{{ asset('js/scripts.js') }}"></script> --}}
|
|
|
|
|
|
|
|
|
|
<script src="{{ asset('Authentication/js/app.js') }}"></script>
|
|
|
|
|
</html>
|
