groceryWebsite/headerwebsite.php at main · TDR-3003/groceryWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<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>Complete Responsive Grocery Website Design Tutorial</title>
    <?php include "function.php";?>
    <link rel="stylesheet" href="https://unpkg.com/swiper@7.4.1/swiper-bundle.css" />

    <!-- font awesome cdn link  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

    <!-- custom css file link  -->
    <link rel="stylesheet" href="css/style.css?v=<?php echo rand()+time();?>">
<!--

https://unpkg.com/swiper@7.4.1/swiper-bundle.css
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
-->
<link rel="stylesheet" href="css/bootstrap.css?v=<?php echo rand()+time();?>">
    </head>
<body>

<!-- header section starts  -->


<header class="header">

    <a href="#" class="logo"> <i class="fas fa-shopping-basket"></i> grocoery </a>

    <nav class="navbar">
    <?php   $fullPATTH;   $WEBBASEPATH; ?>
        <a href="index.php">home</a>
        <a href="#features">features</a>
        <a href="#products">products</a>
        <a href="#categories">categories</a>
        <a href="#review">review</a>
        <a href="#blogs">blogs</a>
    </nav>

    <div class="icons">
        <div class="fas fa-bars" id="menu-btn"></div>
        <div class="fas fa-search" id="search-btn"></div>

        <div class="fas fa-shopping-cart" id="cart-btn"></div>

        <div class="fas fa-user" id="login-btn"></div>
    </div>

    <form action="" class="search-form">
        <input type="search" id="search-box" placeholder="search here...">
        <label for="search-box" class="fas fa-search"></label>
    </form>

    <div class="shopping-cart">
          <div id="Shopping_container">


       <!-- <div class="box">
            <i class="fas fa-trash"></i>
            <img src="image/cart-img-2.png" alt="">
            <div class="content">
                <h3>onion</h3>
                <span class="price"> Rs 59/-</span>
                <span class="quantity">qty : 1</span>
            </div>
        </div>
       <div class="box">
            <i class="fas fa-trash"></i>
            <img src="image/cart-img-3.png" alt="">
            <div class="content">
                <h3>chicken</h3>
                <span class="price"> Rs 499/-</span>
                <span class="quantity">qty : 1</span>
            </div>
        </div>-->


     </div>
     <div class="total" id="cartDisplayTotal">


  </div>

        <div id="checkout_btn">
    <button  class=' btn-lg btn-product btn-block ' id='nextStep'  onclick='checkout()'> Checkout </button>;
        </div>

    </div>

    <form action="" class="login-form" id="LoginFORM">
        <h3>login now</h3>
        <input type="email" name="email" id="userEmail" placeholder="your email" class="box">
        <input type="password" id="userPassword" name="password" placeholder="your password" class="box">
        <p>forget your password <a href="#">click here</a></p>
        <p>don't have an account <a href="#" class="reg-form">create now</a></p>
        <input type="submit" value="login now" class="btn-product" id="loginBTN">
    </form>
    <form action="" method="POST" class="login-form regForm" id='userregis'>
        <h3> Register Now</h3>
        <div id="Error"><span><span id="ErrorMsg"class="errorHeading">Please Enter Correct Email Address</span></span> </div>
        <input type="email" id="RegisterEmail" placeholder="your email" name="email" class="box">
        <input type="text" id="RegisterUserName"  placeholder="your user name" name="username" class="box">
        <input type="password" id="UserPassword" name="password" placeholder="your password" class="box">
        <input type="text" id="MobileUser" name="mobile" placeholder="your mobile" class="box">

        <input type="submit" value="Register now" id="register" class="btn" >
    </form>

</header>