diff --git a/html/webpages/shoppingCart.html b/html/webpages/shoppingCart.html
new file mode 100644
index 0000000..3a627de
--- /dev/null
+++ b/html/webpages/shoppingCart.html
@@ -0,0 +1,71 @@
+<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">
+        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+        <meta name="description" content="">
+        <meta name="author" content="">
+
+        <title>Synchrony Financial</title>
+
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <link rel = "stylesheet" type = "text/css" href = "../css/stylesheet.css">
+
+        <style>
+            div.sidebar{
+                display: inline-block; 
+                border-right-style: solid; 
+                height: 100%; 
+                width: 200px;
+                background-color: #E9EAEB;
+            }
+
+            ul.nav{
+                padding: 0px;
+            }
+    </style>
+
+    </head>
+  
+    <body>
+        <nav class="navbar navbar-inverse navbar-fixed-top">
+          <div class="container-fluid">
+            <div class="navbar-header">
+              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+              </button>
+              <a class="navbar-brand" href="#"><img src="../imgs/synchrony-financial-logo-dlpx.png" style = "height: 100%;"></a>
+            </div>
+            <div id="navbar" class="navbar-collapse collapse" aria-expanded="false">
+              <ul class="nav navbar-nav navbar-right">
+                <li><a href="homePage.html">Home</a></li>
+                <li><a href="requestPage.html">Request Device</a></li>
+                <li><a href="#">Return Device</a></li>
+                <li><a href="listingPage.html">Device Listing</a></li>
+                <li><a href="shoppingCart.html">Shopping Cart</a></li>
+              </ul>
+            </div>
+          </div>
+        </nav>
+
+        <div class="col-sm-3 col-md-2 sidebar">
+          <ul class="nav nav-sidebar">
+            <h4>Shopping Cart Options</h4>
+            <li class = "option" id = "os"><a href="#">Order Selected</a></li>
+            <li class = "option" id = "ds"><a href="#">Delete Selected</a></li>
+            <li class = "option" id = "oa"><a href="#">Order All</a></li>
+            <li class = "option" id = "da"><a href="#">Delete All</a></li>
+          </ul>
+        </div>
+
+        <div class="shoppingContainer">
+        </div>
+
+    </body>
+</html>
\ No newline at end of file
