File: /home/aliazzsr/html.vqode.com/travelcation/buy-service-popup.html
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Travelcation
</title>
<link
rel="shortcut icon"
href="assets/images/favicon.png"
type="image/x-icon"
/>
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/tailwind.css" />
<!-- ==== Poppins Font ==== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- ==== Volkhov Font ==== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Volkhov:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<!-- ==== WOW JS ==== -->
<script src="assets/js/wow.min.js"></script>
<script>
new WOW().init();
</script>
</head>
<body class="bg-primary-pink">
<div class="container">
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-10 md:w-1/1 lg:w-1/1">
<div class="bg-white buy-modal mt-12 mb-10 mx-auto px-10 py-8 relative">
<a href="#"><img class="absolute right-0 top-0 mr-3 mt-5" src="assets/images/tour/modal-close.svg"></a>
<img class="mx-auto" src="assets/images/inner/invoice-img.svg">
<h1 class="text-secondry font-bold text-2xl mb-4 mt-5 text-center">Buying Services?</h1>
<p class="text-secondry text-md font-normal text-center">Please Sign In, Sign Up, your account or use as a guest.</p>
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-2 md:w-1/2 lg:w-1/2">
<button type="button" class="bg-primary-pink w-full mt-8 rounded-full px-5 py-3 text-white font-normal text-md">Sign In</button>
</div>
<div class="w-full px-2 md:w-1/2 lg:w-1/2">
<button type="button" class="bg-white w-full mt-8 rounded-full px-5 py-3 text-primary-pink border border-primary-pink font-normal text-md">Guest Use</button>
</div>
<div class="flex w-full items-center mt-5">
<div class="w-full line"></div>
<h6 class="text-light text-md font-medium px-5">or</h6>
<div class="w-full line"></div>
</div>
<div class="w-full px-2 md:w-1/2 lg:w-1/2">
<button type="button" class="bg-white w-full mt-8 py-3 rounded-full font-semibold mr-3 text-google google-border flex justify-center text-xs items-center px-2"><img src="assets/images/inner/google.svg" class="mr-3">Sign in with Google</button>
</div>
<div class="w-full px-2 md:w-1/2 lg:w-1/2">
<button type="button" class="bg-white w-full mt-8 py-3 rounded-full font-semibold text-facebook facebook-border flex justify-center text-xs items-center px-2"><img src="assets/images/inner/facebook.svg" class="mr-3">Sign in with Facebook</button>
</div>
<p class="text-secondry text-center text-md w-full font-semibold mt-8">Don’t have an account? <a href="sign-up.html"><span class="text-primary-pink text-underline font-bold">Sign Up</span></a></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>