File: /var/www/html/resources/views/components/head.blade.php
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-Content-Type-Options: nosniff" content="IE=edge">
<!-- Security Headers -->
<!-- <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains; preload"> -->
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; img-src 'self' data:;"> -->
<!-- <meta http-equiv="Content-Security-Policy-Report-Only" content="default-src 'self'; script-src 'self';"> -->
<meta http-equiv="Permissions-Policy" content="geolocation=(), microphone=(), camera=()">
<meta http-equiv="X-Frame-Options" content="SAMEORIGIN">
<meta http-equiv="Referrer-Policy" content="no-referrer">
<meta http-equiv="Cross-Origin-Opener-Policy" content="same-origin">
<meta http-equiv="Cross-Origin-Resource-Policy" content="same-origin">
<meta http-equiv="Cross-Origin-Embedder-Policy" content="require-corp">
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate, proxy-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords"
content="bidding, fiverr, freelance marketplace, freelancers, freelancing, gigs, hiring, job board, job portal, job posting, jobs marketplace, peopleperhour, proposals, sell services, upwork">
<meta name="description" content="@yield('description')">
<!-- css file -->
<!-- <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/ace-responsive-menu.css') }}">
<link rel="stylesheet" href="{{ asset('css/menu.css') }}"> -->
<link rel="stylesheet" href="{{ asset('css/fontawesome.css') }}">
<link rel="stylesheet" href="{{ asset('css/flaticon.css') }}">
<!-- <link rel="stylesheet" href="{{ asset('css/bootstrap-select.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/animate.css') }}">
<link rel="stylesheet" href="{{ asset('css/slider.css') }}">
<link rel="stylesheet" href="{{ asset('css/jquery-ui.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
<link rel="stylesheet" href="{{ asset('css/ud-custom-spacing.css') }}">
<link rel="stylesheet" href="{{ asset('css/dashbord_navitaion.css') }}"> -->
<!-- Responsive stylesheet -->
<link rel="stylesheet" href="{{ asset('css/responsive.css') }}">
@vite(['resources/css/bootstrap.min.css', 'resources/css/ace-responsive-menu.css', 'resources/css/menu.css',
'resources/css/fontawesome.css', 'resources/css/flaticon.css', 'resources/css/bootstrap-select.min.css',
'resources/css/animate.css', 'resources/css/slider.css', 'resources/css/jquery-ui.min.css',
'resources/css/style.css', 'resources/css/ud-custom-spacing.css', 'resources/css/dashbord_navitaion.css',
'resources/css/responsive.css'])
<title>@yield('title') - Connecting service providers to potential users</title>
<link href="{{ asset('favicon.ico') }}" sizes="128x128" rel="shortcut icon" type="image/x-icon" />
<link href="{{ asset('favicon.ico') }}" sizes="128x128" rel="shortcut icon" />
<link href="{{ asset('favicon/apple-touch-icon-60x60.png') }}" sizes="60x60" rel="apple-touch-icon">
<link href="{{ asset('favicon/apple-touch-icon-72x72.png') }}" sizes="72x72" rel="apple-touch-icon">
<link href="{{ asset('favicon/apple-touch-icon-114x114.png') }}" sizes="114x114" rel="apple-touch-icon">
<link href="{{ asset('favicon/apple-touch-icon-180x180.png') }}" sizes="180x180" rel="apple-touch-icon">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="preload" href="https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="manifest" href="{{ asset('manifest.json') }}">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6YWM9C99L5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-6YWM9C99L5');
</script>
@livewireStyles
@stack('styles')
</head>
<body class="maxw1700 mx-auto">
<div class="wrapper ovh">
<div class="preloader" wire:loading></div>
<style>
.message-alert-style1 {
position: fixed;
top: 80px;
right: 20px;
z-index: 9999;
}
.alert {
width: 300px;
}
</style>
<div class="message-alert-style1 message-alart-style1">
@if (session('error'))
<div class="alert alart_style_three alart_style_one alert-dismissible fade show mb20" role="alert">
{{ session('error') }}
<i class="far fa-xmark btn-close" data-bs-dismiss="alert" aria-label="Close"></i>
</div>
@endif
@if (session('success'))
<div class="alert alert_style_one alart_style_one alert-dismissible fade show mb20" role="alert">
<img src="{{asset('success.gif')}}" style="width:50px; height:50px"> {{ session('success') }}
<i class="far fa-xmark btn-close" data-bs-dismiss="alert" aria-label="Close"></i>
</div>
@endif
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
let alerts = document.querySelectorAll('.alert');
alerts.forEach(function(alert) {
alert.classList.remove('show');
alert.classList.add('fade');
});
}, 4000); // 4000 milliseconds = 4 seconds
});
</script>