Socialify

Folder ..

Viewing index.html 
83 lines (83 loc) • 5.3 KB

 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="ie=edge" http-equiv="X-UA-Compatible">
        <title>Firebase ECommerce Solution</title>
        <link crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" rel="stylesheet">
        <link href="../shared/css/main.css" rel="stylesheet">
    </head>
    <body>
        <div style="position: absolute; top: 75px; z-index: 99; right: 10px;">
            <div class="toast" data-autohide="false">
                <div class="toast-header">
                    <strong id="message" class="mr-auto">Message</strong>
                    <button aria-label="Close" class="ml-2 mb-1 close" data-dismiss="toast" type="button">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div id="body" class="toast-body">
                    Hello, world! This is a toast message.
                </div>
            </div>
        </div>
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
            <a class="navbar-brand" href="#">Firebase ECommerce</a>
            <button aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarText" data-toggle="collapse" type="button">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarText">
                <form class="mx-2 my-auto d-inline w-100">
                    <div class="input-group">
                        <input class="form-control" id="searchbox" placeholder="Search for Products" type="text">
                    </div>
                </form>
                <span class="navbar-text">
                    <a class="nav-link" href="#" id="sign" style="display: block; width: 100%; padding: .25rem 1.5rem;     text-align: inherit;
                                                                                                                                                                    white-space: nowrap;">Sign In/ Register</a>
                    <div class="nav-item dropdown">
                        <a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarDropdown" role="button" style="display: none;">
                            My Account
                        </a>
                        <div
                            aria-labelledby="navbarDropdown" class="dropdown-menu" style="left: -40px;">
                            <!-- <h6 style="font-size: 1em; font-weight: 700; padding: .25rem 1.5rem; display: block; width: 100%; -webkit-user-select: none;">Account Management</h6> -->
                            <a class="dropdown-item item-black" href="#" style="color:black;">My Account</a>
                            <a class="dropdown-item item-black" href="#" style="color:black;">My Products</a>
                            <a class="dropdown-item item-black" href="#" style="color:black;">My Orders</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item item-black" href="#" style="color:black;">SignOut</a>
                        </div>
                    </div>
                </span>
            </div>
        </nav>
        <div class="container-fluid padded-top">
            <div class="card">
                <div class="card-header">
                    Login to Firebase ECommerce
                </div>
                <div class="card-body">
                    <div class="form-group">
                        <label for="email">Email address</label>
                        <input aria-describedby="emailHelp" class="form-control" id="email" placeholder="Enter email" type="email">
                        <small class="form-text text-muted" id="emailHelp">We'll never share your email with anyone else.</small>
                    </div>
                    <div class="form-group">
                        <label for="password">Password</label>
                        <input class="form-control" id="password" placeholder="Password" type="password">
                    </div>
                    <button class="btn btn-primary" id="login">Login</button>
                    <a href="#" class="btn btn-link">Not a user? Signup.</a>
                </div>
            </div>
        </div>
        <script src="../shared/js/jquery.js"></script>
        <script crossorigin="anonymous" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
        <script crossorigin="anonymous" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
        <script src="https://www.gstatic.com/firebasejs/6.1.0/firebase.js"></script>
        <script src="../shared/js/firebaseConfig.js"></script>
        <script src="../shared/js/Login.js"></script>
    </body>
</html>