MIF_E31220215/resources/views/home.blade.php

148 lines
8.2 KiB
PHP

<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Toko Annisa Fashion</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('foto/logo.png') }}">
<!-- CSS here -->
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/owl.carousel.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/flaticon.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/price_rangs.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/slicknav.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/animate.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/magnific-popup.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/fontawesome-all.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/themify-icons.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/slick.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/nice-select.css') }}">
<link rel="stylesheet" href="{{ asset('assets_home/assets/css/style.css') }}">
</head>
<body style="background-color:azure">
<!-- Preloader Start -->
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="preloader-circle"></div>
<div class="preloader-img pere-text">
<img src="{{ asset('foto/logo.png') }}" width="100%" alt="">
</div>
</div>
</div>
</div>
<main>
<div class="our-services">
<div class="apply-process-area apply-bg pt-150 pb-150" data-background="">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
@if (session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
<strong>Error!</strong> {{ session('error') }}.
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
@endif
<form action="{{ url('login') }}" class="form-contact contact_form" method="post"
novalidate="novalidate">
@csrf
<center>
<h2>Toko Annisa Fashion</h2>
</center>
<br>
<div class="card bg-white">
<div class="card-body">
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label class="mb-2 text-white">Username</label>
<input class="form-control valid" name="username" type="text"
onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Masukkan Username'"
placeholder="Masukkan Username" required>
@error('username')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
</div>
<div class="col-12">
<div class="form-group">
<label class="mb-2 text-white">Kata Sandi</label>
<input class="form-control" name="password" type="password"
onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Kata Sandi'"
placeholder="Kata Sandi" required>
@error('password')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
</div>
</div>
<div class="form-group mt-3">
<center>
<button type="submit" name="login" value="login"
class="button button-contactForm boxed-btn">Masuk</button>
</center>
<div class="form-group mt-3">
<center>
<a href="{{ url('/create-user') }}" class="btn btn-outline-primary mt-2">Buat Akun Baru</a>
</center>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="{{ asset('assets_home/assets/js/vendor/modernizr-3.5.0.min.js') }}"></script>
<!-- Jquery, Popper, Bootstrap -->
<script src="{{ asset('assets_home/assets/js/vendor/jquery-1.12.4.min.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/popper.min.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/bootstrap.min.js') }}"></script>
<!-- Jquery Mobile Menu -->
<script src="{{ asset('assets_home/assets/js/jquery.slicknav.min.js') }}"></script>
<!-- Jquery Slick , Owl-Carousel Plugins -->
<script src="{{ asset('assets_home/assets/js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/slick.min.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/price_rangs.js') }}"></script>
<!-- One Page, Animated-HeadLin -->
<script src="{{ asset('assets_home/assets/js/wow.min.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/animated.headline.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/jquery.magnific-popup.js') }}"></script>
<!-- Scrollup, nice-select, sticky -->
<script src="{{ asset('assets_home/assets/js/jquery.scrollUp.min.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/jquery.nice-select.min.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/jquery.sticky.js') }}"></script>
<!-- contact js -->
<script src="{{ asset('assets_home/assets/js/contact.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/jquery.form.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/jquery.validate.min.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/mail-script.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/jquery.ajaxchimp.min.js') }}"></script>
<!-- Jquery Plugins, main Jquery -->
<script src="{{ asset('assets_home/assets/js/plugins.js') }}"></script>
<script src="{{ asset('assets_home/assets/js/main.js') }}"></script>
</body>
</html>