diff --git a/README.md b/README.md
index 7ed589e..20d6d22 100644
--- a/README.md
+++ b/README.md
@@ -1,107 +1,15 @@
-# AD - SBA - HTML/CSS/JavaScript
-
+Access my site at https://sotteh7.github.io/ps.3pagewebsite/
+# AD - SBA - HTML/CSS/JavaScript
### Description
-* In this Skill-based Assessment, you will be creating a small website and you get to pick what is the website about. The main purpose of this SBA is to test your skills in implementing a clean HTML structure that follows the methodologies of visual design, and styling your site so that it is user-friendly.
-
-* You have the entire day for this SBA. Make sure to check in with your instructor for approval of your idea. Your work will be graded based on the below technical requirements. Also, creativity always works in your favor.
-
-* Since this is your first time creating a 3 page website, keep it simple. Keeping it simple is very important. It ensures that you can complete this project within the given time and also gives you a better idea of what can you get done in the given time if you were to do it again with more requirements.
-
-* Once you got your idea, think in the user’s perspective when creating the website. You like your users to have a good experience when interacting with your site. This gives you a better chance of users trusting your site and coming back for more. For this SBA, don’t worry too much about the content. There are many places you can get free content to display on your site. Concentrate more on the web site's structure and grid system.
-
-
-* Some resources for free content:
- * Photos: `https://www.pexels.com/search/template/`
- * Text: `https://www.lipsum.com/`
- * GIFs: `https://www.motionelements.com/stock-image-10116013-business-and-startup-4k`
-
-* Useful API sites:
- * https://rapidapi.com/ (Links to an external site.)
- * https://any-api.com/ (Links to an external site.)
- * https://github.com/toddmotto/public-apis#public-apis- (Links to an external site.)
- * https://apilist.fun/
-
-### Deliverable:
-* A theme for your site that you feel comfortable with
- * Complete all technical requirements for HTML, CSS, and Javascript
- * Have markups of your pages
- * Research for a public API that can provide you with content (Optional)
- * Include a README file. The file should include technical specifications and description of your website.
- * Host on GitHub, include the link to your GitHub account in the README file(optional)
- * Submit the project in a ZIP file
-
-
-
-
-## Technical requirements
-
-* HTML
- * Have at least 3 pages, keep the grid system consistent as much as possible
- * Use at least 10 different HTML tags
- * Use HTML tables
- * Implement at least two uses for forms
- * Dropped Down Menu
- * Use web fonts
- * Use different types of content in the form of text, images, videos, and GIFs
- * Use regex validation
-
-* CSS
- * Inline, internal, and external styling
- * Use five different CSS selectors
- * Don’t use too many fonts
- * Use colors that complement each other
- * Use Flexbox (Optional)
- * Use SASS/SCSS (Optional)
- * Use animations (Optional)
-
-* Javascript
- * External scripts
- * Use variables, if statements, loops, at least one form of collections, functions/call back, and events
- * Use AJAX (Optional)
- * Use JSON or XML (Optional)
- * Use JQuery (Optional)
-
-
-
-## How to Download
-
-#### Part 1 - Forking the Project
-* To _fork_ the project, click the `Fork` button located at the top right of the project.
-
-
-#### Part 2 - Navigating to _forked_ Repository
-* Navigate to your github profile to find the _newly forked repository_.
-* Copy the URL of the project to the clipboard.
-
-#### Part 3 - Cloning _forked_ repository
-* Clone the repository from **your account** into the `~/dev` directory.
- * if you do not have a `~/dev` directory, make one by executing the following command:
- * * `mkdir ~/dev`
- * navigate to the `~/dev` directory by executing the following command:
- * * `cd ~/dev`
- * clone the project by executing the following command:
- * * `git clone https://github.com/${MYUSERNAME}/${NAMEOFPROJECT}`
-
-
-
+The Coffee Shop "Espresso Dreams"
+This webpage shows my skils thus far in HTML, CSS, & JavaScript.
-## How to Submit
+The first page is a mock landing page. There is a popup to subscribe in order to receive 10%.
-#### Part 1 - _Pushing_ local changes to remote repository
-* from a _terminal_ navigate to the root directory of the _cloned_ project.
-* from the root directory of the project, execute the following commands:
- * * add all changes
- * * `git add .`
- * * commit changes to be pushed
- * * `git commit -m 'I have added changes'`
- * * push changes to your repository
- * * `git push -u origin master`
+From there you can click the world gif to travel to the shopping center. There you can check prices, and type. As well as view locations in the area to buy coffee.
-#### Part 2 - Submitting assignment
-* from the browser, navigate to the _forked_ project from **your** github account.
-* click the `Pull Requests` tab.
-* select `New Pull Request`
+The last page is the shopping cart checkout. Here you can check out at your convience, and add a donation.
diff --git a/css/cart.css b/css/cart.css
new file mode 100644
index 0000000..8d4ef0b
--- /dev/null
+++ b/css/cart.css
@@ -0,0 +1,71 @@
+body {
+ background: #faeae2;
+ margin: 20px;
+ border: 100px;
+
+}
+
+*:before,
+*:after {
+ box-sizing: border-box;
+}
+form {
+ border: 1.5px solid #0a0c04;
+ border-radius: 3px;
+ font: 12px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: white;
+ background-color: #980b36;
+
+
+ overflow: hidden;
+ width: 200px;
+}
+fieldset {
+ border: 0;
+ margin: 3px;
+ padding: 0;
+}
+input {
+ border-radius: 5px;
+ font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
+ margin: 5px;
+}
+.account-info {
+ padding: 20px 20px 0 20px;
+}
+.account-info label {
+ color: #395870;
+ display: block;
+ font-weight: bold;
+ margin-bottom: 20px;
+}
+.account-info input {
+ background: #fff;
+ border: 1px solid #faeae2;
+ box-shadow: inset 0 1px 1px #faeae2(0, 0, 0, .1);
+ color: #faeae2;
+ padding: 6px;
+ margin-top: 6px;
+ width: 100%;
+}
+.account-action {
+ background: #faeae2;
+ border-top: 1px solid #faeae2;
+ padding: 5px;
+}
+.account-action .btn {
+ background: linear-gradient(#3c4909, #693619);
+ border: 0;
+ color: #fff;
+ cursor: pointer;
+ font-weight: bold;
+ float: left;
+ padding: 8px 16px;
+ margin: 0px;
+}
+.account-action label {
+ color: #3c4909;
+ font-size: 12px;
+ float: left;
+ margin: 2px 0 0 6px;
+}
diff --git a/css/gallery.css b/css/gallery.css
new file mode 100644
index 0000000..eeebd4a
--- /dev/null
+++ b/css/gallery.css
@@ -0,0 +1,27 @@
+body {
+ background: #faeae2;
+ margin: 20px;
+}
+div.gallery {
+ margin: 50px;
+ border: .5px solid #980b36;
+ float: left;
+ width: 250px;
+ height: 300px;
+}
+
+div.gallery:hover {
+ border: 6px solid #980b36;
+}
+
+div.gallery img {
+ width: 100%;
+ height: 125px;
+}
+
+div.desc {
+ padding: 15px;
+ text-align: center;
+}
+
+
diff --git a/css/landing.css b/css/landing.css
new file mode 100644
index 0000000..c9ca941
--- /dev/null
+++ b/css/landing.css
@@ -0,0 +1,9 @@
+body {
+ background: #faeae2;
+ margin: 20px;
+}
+:last-child> a > img {
+ border: 3px solid #980b36;
+ width: 250px;
+ height: 300px;
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index d17d83a..0000000
--- a/css/style.css
+++ /dev/null
@@ -1,9 +0,0 @@
-body {
- background-color: navy;
-}
-
-
-object {
- height: 100vh;
- width: 100vh;
-}
diff --git a/img/Earth.gif b/img/Earth.gif
new file mode 100644
index 0000000..b7fc599
Binary files /dev/null and b/img/Earth.gif differ
diff --git a/img/Founder Pic.jpg b/img/Founder Pic.jpg
new file mode 100644
index 0000000..eed1214
Binary files /dev/null and b/img/Founder Pic.jpg differ
diff --git a/img/Light,_medium_and_dark_roasted_coffee_beans.jpg b/img/Light,_medium_and_dark_roasted_coffee_beans.jpg
new file mode 100644
index 0000000..9ca2529
Binary files /dev/null and b/img/Light,_medium_and_dark_roasted_coffee_beans.jpg differ
diff --git a/img/cart.gif b/img/cart.gif
new file mode 100644
index 0000000..c8f9134
Binary files /dev/null and b/img/cart.gif differ
diff --git a/img/close-up-of-medium-roasted-coffee-beans-lucidio-studio-inc.jpg b/img/close-up-of-medium-roasted-coffee-beans-lucidio-studio-inc.jpg
new file mode 100644
index 0000000..96edd74
Binary files /dev/null and b/img/close-up-of-medium-roasted-coffee-beans-lucidio-studio-inc.jpg differ
diff --git a/img/dark.jfif b/img/dark.jfif
new file mode 100644
index 0000000..2ee90b2
Binary files /dev/null and b/img/dark.jfif differ
diff --git a/img/download.jfif b/img/download.jfif
new file mode 100644
index 0000000..b3f1b62
Binary files /dev/null and b/img/download.jfif differ
diff --git a/img/extra-fancy-medium-dark-roasted-coffee-beans.jpg b/img/extra-fancy-medium-dark-roasted-coffee-beans.jpg
new file mode 100644
index 0000000..7ef8e76
Binary files /dev/null and b/img/extra-fancy-medium-dark-roasted-coffee-beans.jpg differ
diff --git a/img/founder.png b/img/founder.png
new file mode 100644
index 0000000..b3ffd2d
Binary files /dev/null and b/img/founder.png differ
diff --git a/img/golden-coffee-beans.jpg b/img/golden-coffee-beans.jpg
new file mode 100644
index 0000000..c3c2040
Binary files /dev/null and b/img/golden-coffee-beans.jpg differ
diff --git a/index.html b/index.html
index 4dc0c72..ce37bd9 100644
--- a/index.html
+++ b/index.html
@@ -1,57 +1,35 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- The quickest of brown foxes.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ Landing Page
+
+
+
+
+
+
+
Espresso Dreams
+
+
Organic Coffee from Around the World
+
+
established 2020
+
+
+
+
Our Founder; Pen Guin Archibald
+
+
A Solomon Tetteh company
+
+
+
"Be the Change" Ghandi
+
+
"Our mission is to spread charity through coffee"
+
+
\ No newline at end of file
diff --git a/js/subscript.js b/js/subscript.js
new file mode 100644
index 0000000..cc77bba
--- /dev/null
+++ b/js/subscript.js
@@ -0,0 +1,13 @@
+var Subscribe = alert("Subscribe today for 10% off");
+
+var myName = prompt("What is your first & last name?");
+
+var ageNumber = prompt("What is your age?");
+
+var locationCity = prompt("What City are you located in?");
+
+var locationState = prompt("State");
+
+var contactEmail = prompt("What is your email")
+
+console.log(myName + ' is ' + ageNumber + ' yrs old, lives in ' + locationCity + ',' + locationState + ', and can be contacted at email address ' + contactEmail);
\ No newline at end of file
diff --git a/shopcart.html b/shopcart.html
new file mode 100644
index 0000000..64b707d
--- /dev/null
+++ b/shopcart.html
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+ The Store
+
+
+
+
+
+
Espresso Dreams
+
+
Organic Coffee from Around the World
Back to Shop
+
+
established 2020
+
+
+
+
We take $2 from every order and donate it to a charity of our choice
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/shopgall.html b/shopgall.html
new file mode 100644
index 0000000..7945469
--- /dev/null
+++ b/shopgall.html
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+ Coffee Gallery
+
+
+
+
+
+
+ 
+
+ 
+
+ 
+
+ 
+
+