Socialify

Folder ..

Viewing index.html
92 lines (92 loc) • 6.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
84
85
86
87
88
89
90
91
92
<!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>
        <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="login/" id="sign" style="width: 100%; padding: .25rem 1.5rem; text-align: inherit; white-space: nowrap;">Sign In/ Register</a>
                    <div id="signed" class="nav-item dropdown">
                        <a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarDropdown" role="button">
                            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">
            <div class="row">
                <div class="sidebar">
                    <div class="padded">
                        <h6 class="padded-bar">Mobiles and Computers</h6>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><a href="#">Mobile Phones</a></li>
                            <li class="list-group-item"><a href="#">Mobile Accessories</a></li>
                            <li class="list-group-item"><a href="#">Cases and Covers</a></li>
                            <li class="list-group-item"><a href="#">Screen Protectors</a></li>
                            <li class="list-group-item"><a href="#">Power Banks</a></li>
                            <li class="list-group-item"><a href="#">Smart Watches</a></li>
                            <li class="list-group-item"><a href="#">Tablets</a></li>
                            <li class="list-group-item"><a href="#">Laptops</a></li>
                            <li class="list-group-item"><a href="#">Desktops</a></li>
                            <li class="list-group-item"><a href="#">Drives and Storage</a></li>
                            <li class="list-group-item"><a href="#">Monitors</a></li>
                            <li class="list-group-item"><a href="#">Printers</a></li>
                            <li class="list-group-item"><a href="#">Software</a></li>
                        </ul>
                        <h6 class="padded-bar">TV, Appliances, Electronics</h6>
                        <li class="list-group-item"><a href="#">Televisions</a></li>
                        <li class="list-group-item"><a href="#">Headphones</a></li>
                        <li class="list-group-item"><a href="#">Cameras</a></li>
                        <li class="list-group-item"><a href="#">Speakers</a></li>
                        <li class="list-group-item"><a href="#">Refrigerators</a></li>
                        <li class="list-group-item"><a href="#">Air Conditioners</a></li>
                        <li class="list-group-item"><a href="#">Washing Machines</a></li>
                        <li class="list-group-item"><a href="#">Kitchen/Home Appliances</a></li>
                        <li class="list-group-item"><a href="#">Heating/Cooling Appliances</a></li>
                        <li class="list-group-item"><a href="#">Gaming Consoles</a></li>
                    </div>
                </div>
                <div class="col-md-10 col-lg-10 col-xl-10 main">
                    <div class="container-fluid sale-box">
                        <img src="https://m.media-amazon.com/images/G/31/img19/AMS/banners1/Home-Products._CB454409463_.jpg" alt="Home Appliances Sale">
                    </div>
                    <div class="recents">
                        <h6>Newly Added Products</h6>
                    </div>
                </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/Dashboard.js"></script>
    </body>
</html>