<!DOCTYPE html>
<html lang="en">
<head>
    <title>Dream Holidays</title>

    <!-- Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">

    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- //Meta-Tags -->

    <!-- css files -->
    <link href="payform/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- css files -->

    <!-- Online-fonts -->
    <link
        href="//fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext,vietnamese"
        rel="stylesheet">
    <!-- //Online-fonts -->

    <style type="text/css">
        input[type="text"], input[type="email"], input[type="password"] {
            width: 100%;
            padding: 15px;
            outline: none;
            font-size: 15px;
            font-weight: 500 !important;
            color: #ffffff;
            margin-bottom: 20px;
            font-family: 'Montserrat', sans-serif;
            border: 1px solid #fff;
            background: transparent;
            background: rgba(0, 0, 0, 0.2);
            letter-spacing: 1px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            box-sizing: border-box;
        }
    </style>

</head>
<body>

<!-- Main Content -->
<div class="main">
    <div class="main-w3l">
        <!-- <h1 class="logo-w3">Space Register Form</h1> -->
        <div class="w3layouts-main" style=" margin-top: 100px;">
            <!-- <h2><span>Pay now</span></h2> -->
            <img src="images/logo.png" alt="" style="padding-bottom: 45px;">

            <form action="razorpay/pay.php" method="post">
                <input placeholder="Full Name" name="name" type="text" required="">
                <input placeholder="Email" name="email" type="email" required="">
                <input placeholder="Phone Number" name="phone" pattern="[1-9]{1}[0-9]{9}"
                       title="Enter 10 digit mobile number" type="text" required="">
                <input placeholder="Amount" name="amount" type="text" required="">

                <input type="submit" value="pay" name="submit" style="margin-bottom: 20px">
                <br>
                <a href="index.html" style="margin-top: 100px;color: white"> <u>Back to home</u></a>
            </form>
        </div>
        <!-- //main -->


    </div>
</div>
<!-- //Main Content -->

</body>
</html>
