<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Booknow.aspx.cs" Inherits="Booknow" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Krishna Prasad Books & paintings</title>

    <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="images/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
    <link rel="manifest" href="images/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="images/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Oswald|Raleway&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link href="css/banner-slider.css" rel="stylesheet">
    <link href="css/custom-setting.css" rel="stylesheet">
    <script src="js/modernizr-2.8.3.min.js"></script>
    <link href="css/ionicons.min.css" rel="stylesheet">


    <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Rokkitt:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">

    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/css/bootstrap-select.min.css">

    <style>
        .wrapper {
            width: 100%;
        }

        .form-BookNow {
            box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
            max-width: 640px;
            margin: 0 auto;
            padding: 30px;
        }
    </style>
</head>
<body>

    <header>

        <a id="button"></a>
        <!-- Some content to fill up the page -->
        <div class="content">
            <nav class="navbar navbar-expand-lg navbar-light pb-3 fixed-top bg-white container-fluid">
                <div class="container wide headerCart">
                    <a href="#" class="navbar-brand">
                        <img src="images/main-logo.png"></a>


                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav">
                            <li class="nav-item ">
                                <a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="about_us.html">About</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="books.html">Books</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="paints.html">Paints</a>
                            </li>
                            <!--<li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="A1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        Paints
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="mountain_art.html">Mountain Art</a>
                                        <a class="dropdown-item" href="flower-art.html">Flower Art</a>
                                        <a class="dropdown-item" href="forest-art.html">Forest Art</a>
                                        <a class="dropdown-item" href="chakra-art.html">Chakra Art</a>
                                        <a class="dropdown-item" href="love_art.html">Love Art</a>
                                        <a class="dropdown-item" href="modern_art.html">Modern Art</a>
                                    </li>-->
                            <li class="nav-item">
                                <a class="nav-link" href="gallery.html">Gallery</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="contact.php">Contact</a>
                            </li>

                        </ul>

                    </div>

                </div>
            </nav>

        </div>
    </header>
    <form id="form1" runat="server">
        <section class="bg-gray-7 mt-6 mb-5">
            <div class="breadcrumbs-custom box-transform-wrap context-dark">
                <div class="container">
                    <center>
                        <h3 class="breadcrumbs-custom-title">Book Now</h3>
                    </center>
                    <div class="breadcrumbs-custom-decor"></div>
                </div>
                <div class="box-transform" style="background-image: url(images/contact-bg.png);"></div>
            </div>
            <div class="container">
                <ul class="breadcrumbs-custom-path">
                    <li><a href="Default1.aspx">Home</a></li>

                    <li class="active">Book Now</li>
                </ul>
            </div>
        </section>




        <section id="wrapper" class="">
            <div class="container" style="background-image: url(images/book-now-bg1.png)">
                <div class="row">
                    <div id="content-wrapper" class="col-xs-12">
                        <section id="main">
                            <div class="login-page">
                                <div class="block-title">
                                    <h2>Book Now</h2>
                                </div>
                                <div class="card form-BookNow">
                                    <div class="login-form">
                                        <div class="form-group row ">
                                            <label class="col-md-3 col-sm-12 form-control-label required">Your Name</label>
                                            <div class="col-md-9 col-sm-12">

                                                <asp:TextBox ID="txtName" class="form-control" runat="server"> </asp:TextBox>
                                                <asp:RequiredFieldValidator ID="rq1" ControlToValidate="txtName" ForeColor="OrangeRed" ValidationGroup="submitbook" runat="server" ErrorMessage="Please Enter Your Name"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                        <div class="form-group row ">
                                            <label class="col-md-3 col-sm-12 form-control-label required">Email</label>
                                            <div class="col-md-9 col-sm-12">

                                                <asp:TextBox ID="txtEmail" class="form-control" runat="server"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ForeColor="OrangeRed" ControlToValidate="txtEmail" ValidationGroup="submitbook" runat="server" ErrorMessage="Please Enter Your Email"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                        <div class="form-group row ">
                                            <label class="col-md-3 col-sm-12 form-control-label">Phone Number</label>
                                            <div class="col-md-9 col-sm-12">

                                                <asp:TextBox ID="txtPhone" class="form-control" runat="server"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ForeColor="OrangeRed" ControlToValidate="txtPhone" ValidationGroup="submitbook" runat="server" ErrorMessage="Please Enter Your Mobile Number"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>

                                        <div class="form-group row ">
                                            <label class="col-md-3 col-sm-12 form-control-label">
                                                Product Name
                                            </label>
                                            <div class="col-md-9 col-sm-12">
                                                <asp:Label ID="lblProduct" ForeColor="Firebrick" runat="server"></asp:Label>
                                            </div>
                                        </div>
                                        <div class="form-group text-center submitBtn">
                                            <asp:Button ID="btnSubmit" OnClick="btnSubmitOnClick" runat="server" ValidationGroup="submitbook" class="btn btn-primary" Text="Submit" />
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </section>
    </form>


    <!--footer-section-->
    <footer class="footer-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6">
					<div class="single-footer-widget">
						<div class="logo">
							<a href="#"><img src="images/footer_logo.png" alt="logo"></a>
						</div>

						<!-- <p>
							With a back ground of science and engineering, Krishna Prasad has done all his education through the medium of
							English only. He has also been professionally employed in the machine tools industry. Thus, he has had no
							relationship with any of the Thamizh forums or Thamizh Departments.
						</p> -->
						<h3>Enter the world of creativity</h3>
					</div>
				</div>

				<div class="col-lg-2 col-md-6">
					<div class="single-footer-widget">
						<h3>Quick Links</h3>

						<ul class="quick-links">
							<li><a href="index.html">Home</a></li>
							<li><a href="about_us.html">About Us</a></li>
							<li><a href="paints.html">Paints</a></li>
							<li><a href="gallery.html">Gallery</a></li>
						</ul>
					</div>
				</div>

				<div class="col-lg-3 col-md-6">
					<div class="single-footer-widget">
						<h3>Information</h3>

						<ul class="information-links">
							<li><a href="books.html">Books</a></li>
							<li><a href="Contact.aspx">Contact Us</a></li>
							<!-- <li><a href="privacy-policy.html">Privacy Policy</a></li>
                        <li><a href="terms-and-condition.html">Terms and Conditions</a></li> -->
						</ul>
					</div>
				</div>

				<div class="col-lg-4 col-md-6">
					<div class="single-footer-widget">
						<h3>Contact Us</h3>

						<ul class="footer-contact-info">
							<li><i class="fa fa-map-marker"></i>Location:
								Block "AL" 156 Second Str, Anna Nagar, Chennai - 600 040</li>
							<li><i class="fa fa-phone"></i> Call Us: <a href="tel:9841015960">+91 9841015960</a></li>
							<li><i class="fa fa-envelope"></i> Email Us: <a
									href="mailto:krishnakr1000@gmail.com">krishnakr1000@gmail.com</a></li>
							<li><i class="fa fa-fax"></i> Phone: <a href="tel:044 4355 8337">+91 44 4355 8337</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="copyright-area">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-6 col-md-6">
						<p>Copyright @ 2019 Krishna Prasad. All Rights Reserved</p>
					</div>

					<div class="col-lg-6 col-md-6">
						<div class="poweredby">
							<span class="mbwTxt"><a href="http://www.mbwit.net/" target="_blank">Powered By
									MBW</a></span>
						</div>

					</div>
				</div>
			</div>
		</div>
	</footer>


    <script>
        var btn = $('#button');

        $(window).scroll(function () {
            if ($(window).scrollTop() > 300) {
                btn.addClass('show');
            } else {
                btn.removeClass('show');
            }
        });

        btn.on('click', function (e) {
            e.preventDefault();
            $('html, body').animate({ scrollTop: 0 }, '300');
        });


    </script>
    <!--<script src="js/slim.min.js" ></script>-->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script src="js/jquery.themepunch.revolution.min.js"></script>
    <script src="js/jquery.themepunch.tools.min.js"></script>
    <script src="js/revolution-active.js"></script>
    <script type="text/javascript" src="js/revolution.extension.kenburn.min.js"></script>
    <script type="text/javascript" src="js/revolution.extension.slideanims.min.js"></script>
    <script type="text/javascript" src="js/revolution.extension.actions.min.js"></script>
    <script type="text/javascript" src="js/revolution.extension.layeranimation.min.js"></script>
    <script type="text/javascript" src="js/revolution.extension.navigation.min.js"></script>
    <script type="text/javascript" src="js/revolution.extension.parallax.min.js"></script>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.14.0-beta2/js/bootstrap-select.min.js"></script>

</body>
</html>