aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--README.md2
-rw-r--r--index.html80
2 files changed, 60 insertions, 22 deletions
diff --git a/README.md b/README.md
index 54fefca..718e260 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
# Firebase Ecommerce
+<h3 style="color:red">This site is broken for now. Going under complete rewrite with bootstrap, adding new features.</h3>
+
[![ForTheBadge built-with-love](http://ForTheBadge.com/images/badges/built-with-love.svg)](https://GitHub.com/luciferreeves/) [![ForTheBadge makes-people-smile](http://ForTheBadge.com/images/badges/makes-people-smile.svg)](https://GitHub.com/luciferreeves/) [![ForTheBadge uses-html](http://ForTheBadge.com/images/badges/uses-html.svg)](https://GitHub.com/luciferreeves/) [![ForTheBadge uses-css](http://ForTheBadge.com/images/badges/uses-css.svg)](https://GitHub.com/luciferreeves/) [![ForTheBadge uses-js](http://ForTheBadge.com/images/badges/uses-js.svg)](https://GitHub.com/luciferreeves/)
[![Website luciferreeves.github.io](https://img.shields.io/website-up-down-green-red/https/luciferreeves.github.io/firebase-ecommerce.svg?style=flat-square)](https://luciferreeves.github.io/firebase-ecommerce/) [![MIT license](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square)](https://lbesson.mit-license.org/) [![Last Commit](https://img.shields.io/github/last-commit/luciferreeves/firebase-ecommerce.svg?style=flat-square)](https://luciferreeves.github.io/firebase-ecommerce/) [![Twitter Follow](https://img.shields.io/twitter/follow/lucifercreeves.svg?label=Follow%20Me%20on%20Twitter)](https://www.twitter.com/LuciferCReeves)
diff --git a/index.html b/index.html
index 9b08490..24b67a2 100644
--- a/index.html
+++ b/index.html
@@ -1,24 +1,60 @@
<!DOCTYPE html>
<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>Firebase ECommerce Solution</title>
- <link rel="stylesheet" href="shared/css/homepage.css">
-</head>
-<body>
- <div id="snackbar">Some text some message..</div>
- <div class="middle">
- <h1>ECommerce Login</h1>
- Email: <input type="email" id="email" placeholder="email"><br><br>
- Password: <input type="password" placeholder="password" id="password"><br><br>
- <button id="login">Login</button><br><br>
- <a href="signup">Not a user? Signup Now!</a>
- </div>
- <script src="shared/jquery.js"></script>
- <script src="https://www.gstatic.com/firebasejs/6.1.0/firebase.js"></script>
- <script src="shared/firebaseConfig.js"></script>
- <script src="shared/Login.js"></script>
-</body>
-</html> \ No newline at end of file
+ <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/homepage.css" rel="stylesheet">
+ </head>
+ <body>
+ <!-- <div id="snackbar">Some text some message..</div>
+ <div class="middle">
+ <h1>ECommerce Login</h1>
+ Email: <input type="email" id="email" placeholder="email"><br><br>
+ Password: <input type="password" placeholder="password" id="password"><br><br>
+ <button id="login">Login</button><br><br>
+ <a href="signup">Not a user? Signup Now!</a>
+ </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 id="sign" class="nav-link" style="display: block; width: 100%; padding: .25rem 1.5rem; text-align: inherit;
+ white-space: nowrap;" href="#">Sign In/ Register</a>
+ <div class="nav-item dropdown">
+ <a style="display: none;" aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="navbarDropdown" role="button">
+ My Account
+ </a>
+ <div style="left: -40px;" aria-labelledby="navbarDropdown" class="dropdown-menu">
+ <!-- <h6 style="font-size: 1em; font-weight: 700; padding: .25rem 1.5rem; display: block; width: 100%; -webkit-user-select: none;">Account Management</h6> -->
+ <a style="color:black;" class="dropdown-item item-black" href="#">My Account</a>
+ <a style="color:black;" class="dropdown-item item-black" href="#">My Products</a>
+ <a style="color:black;" class="dropdown-item item-black" href="#">My Orders</a>
+ <div class="dropdown-divider"></div>
+ <a style="color:black;" class="dropdown-item item-black" href="#">SignOut</a>
+ </div>
+ </div>
+ </span>
+ </div>
+ </nav>
+ <div class="container">
+ <h1>This site is broken for now. Going under complete rewrite with bootstrap, adding new features.</h1>
+ </div>
+ <script src="shared/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/firebaseConfig.js"></script>
+ <script src="shared/Login.js"></script>
+ </body>
+</html>