Answer To: CIS485 PROJECT PART1 DUE APRIL 09 The objective of the CIS485 course project is to develop a...
Kshitij answered on Apr 05 2021
shopping.zip
shopping/css/pagestyle.css
.login-cover {
min-height: 100%;
background: url('../images/login.jpg') no-repeat;
background-position: center center;
background-attachment: fixed;
background-color: #464646;
background-size: cover;
background-blend-mode: exclusion;
padding: 5% 25%;
}
.login-container {
width: 75%;
min-height: 75%;
background-color: white;
box-shadow: 10px 10px 10px #444;
border-radius: 15px;
display: flex;
flex-direction: column;
}
.login-header {
background-color: rgba(56, 173, 169, 1.0);
border-radius: 15px 15px 0px 0px;
color: #fff;
}
.login-form {
padding: 10%;
display: flex;
flex-direction: column;
width: 100%;
}
.login-form>label {
font-weight: 100;
}
.login-form>input {
border-radius: 50px;
border: 2px solid rgba(56, 173, 169, 1.0);
padding: 10px 20px;
transition: 0.5s;
font-weight: 100;
}
.login-form>input:focus {
background-color: rgba(130, 204, 221, 0.5);
}
.login-button {
border-radius: 50px;
border: 2px solid rgba(56, 173, 169, 1.0);
background-color: rgba(56, 173, 169, 1.0);
color: white;
transition: 0.5s;
padding: 10px;
width: 50%;
margin: 10px 0px;
}
.login-button:hover {
border-radius: 50px;
border: 2px solid rgba(56, 173, 169, 1.0);
background-color: white;
color: rgba(56, 173, 169, 1.0);
}
.about-cover {
min-height: 100%;
background: url('../images/about.jpeg') no-repeat;
background-position: center center;
background-attachment: fixed;
background-color: #464646;
background-size: cover;
background-blend-mode: exclusion;
padding: 5% 25%;
}
.about-container {
display: flex;
flex-direction: column;
}
.about-content {
display: flex;
}
.about-card {
width: 50%;
height: 100%;
margin: 2% 5%;
transition: 0.5s;
}
.about-card:hover {
border-radius: 5px;
background-color: rgba(223, 230, 233, 0.25);
}
.about-data {
color: white;
}
.avatar {
width: 75%;
height: 75%;
}
.avatar>img {
width: 100%;
height: 100%;
}
.contact-cover {
min-height: 100%;
background: url('../images/contact.jpg') no-repeat;
background-position: center center;
background-attachment: fixed;
background-color: #464646;
background-size: cover;
background-blend-mode: exclusion;
padding: 5% 25%;
}
.contact-container {
display: flex;
flex-direction: column;
}
.contact-map {
width: 100%;
margin-bottom: 5%;
}
.contact-map>img {
width: 100%;
height: 100%;
}
.contact-details {
display: flex;
flex-direction: column;
color: white;
}
.products-cover {
background-color: rgba(250, 211, 144, 1);
min-height: 100%;
padding: 10% 5% 5%;
display: flex;
align-items: flex-start;
}
.products-category-container {
flex-basis: 25%;
margin-right: 5%;
padding: 25px;
background-color: white;
box-shadow: 10px 10px 5px rgba(90, 90, 90, 0.3);
display: flex;
flex-direction: column;
}
.products-container {
flex-basis: 75%;
}
.price-input {
width: 50%;
transition: 0.5s;
border: 1px solid #555;
}
.price-input:focus {
width: 100%;
border-color: rgba(235, 47, 6, 1.0);
}
.products-row {
display: flex;
}
.products-card {
background-color: white;
flex-basis: 31%;
margin: 1%;
display: flex;
flex-direction: column;
box-shadow: 10px 10px 5px rgba(90, 90, 90, 0.3);
}
.products-image {
flex-grow: 1;
display: flex;
}
.products-image>img {
width: 100%;
margin: auto;
}
.products-details {
background-color: #f19066;
color: #fff;
padding: 5%;
/* flex-grow: 1; */
}
.buy-button {
border-radius: 50px;
border: 2px solid #78e08f;
background: #78e08f;
color: white;
padding: 5px 10px;
width: 30%;
transition: 0.5s;
}
.buy-button:hover {
background: transparent;
}
.cart-button {
border-radius: 50px;
border: 2px solid #60a3bc;
background: #60a3bc;
color: white;
padding: 5px 10px;
width: 50%;
transition: 0.5s;
}
.cart-button:hover {
background: transparent;
}
.view-button {
border-radius: 50px;
border: 2px solid #786fa6;
background: #786fa6;
color: white;
padding: 5px 10px;
width: 30%;
transition: 0.5s;
}
.view-button:hover {
background: transparent;
}
.product-cover {
background-color: rgba(250, 211, 144, 1);
min-height: 100%;
padding: 10% 5% 5%;
display: flex;
align-items: flex-start;
}
.product-image-container {
flex-basis: 50%;
margin-right: 5%;
padding: 0% 5%;
}
.product-detail-container {
flex-basis: 50%;
background-color: white;
padding: 5% 5%;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.25);
}
@media (min-width: 701px) and (max-width: 1024px) {
.login-cover {
padding: 5% 5%;
}
.login-button {
width: 50%;
}
.about-content {
flex-direction: column;
}
.about-card {
width: 100%;
height: 100%;
margin: 5% 5%;
}
.about-container {
margin-top: 10%;
}
.contact-cover {
padding: 5% 5%;
}
.products-cover {
padding-top: 15%;
flex-direction: column;
align-items: stretch;
}
.products-category-container {
flex-basis: 100%;
height: 100%;
margin: 0 0 10%;
}
.products-container {
flex-basis: 100%;
height: 100%;
}
.products-row {
flex-direction: column;
padding: 0 10%;
}
}
@media (min-width: 360px) and (max-width: 700px) {
.login-cover {
padding: 5% 5%;
}
.login-button {
width: 100%;
}
.about-content {
flex-direction: column;
}
.about-card {
width: 100%;
height: 100%;
margin: 2% 5%;
}
.about-container {
margin-top: 50%;
}
.contact-cover {
padding: 5% 5%;
}
.products-cover {
padding-top: 30%;
flex-direction: column;
align-items: stretch;
}
.products-category-container {
flex-basis: 100%;
height: 100%;
margin: 0 0 10%;
}
.products-container {
flex-basis: 100%;
height: 100%;
}
.products-row {
flex-direction: column;
}
}
shopping/css/style.css
html {
height: 100%;
}
body {
height: 100%;
font-family: 'Roboto', sans-serif;
}
.navbar {
padding: 30px 10px;
transition: 0.5s;
}
.navbar-brand {
color: #fff;
transition: 0.5s;
font-size: 35px;
padding: 5px 10%;
}
.navbar-collapse {
transition: 0.5s;
}
.show {
background-color: rgba(75, 75, 75, 1.0);
transition: 0.5s;
}
.navbar-brand:hover {
color: rgba(99, 110, 114, 1.0);
}
.nav-item {
transition: 0.5s;
}
.nav-link {
color: #fff;
}
.nav-link:hover {
color: rgba(99, 110, 114, 1.0);
}
.dropdown-menu {
border: 0;
padding: 5px;
background-color: rgba(223, 230, 233, 0.75);
}
.dropdown-item {
border-radius: 5px;
transition: 0.5s;
background-color: transparent;
color: #333;
}
.dropdown-item:hover {
background-color: transparent;
color: #fff;
}
.navbar-toggler {
color: #fff;
}
.carousel-container {
padding: 2% 10%;
}
.carousel {
padding: 0% 5%;
}
.carousel-item {
background-repeat: no-repeat;
background-position: center center;
background-color: #464646;
background-size: cover;
background-blend-mode: exclusion;
height: 600px;
}
.newArrival-container {
background-color: rgba(30, 55, 153, 1.0);
padding: 2% 10%;
}
.newArrival-content {
padding: 2% 5%;
display: flex;
}
.newArrival-card {
width: 33.33%;
height: 450px;
margin: 0 3%;
background-color: #333;
color: white;
display: flex;
flex-direction: column;
}
.newArrival-card>img {
width: 100%;
height: 50%;
}
.features-container {
padding: 2% 10%;
}
.features-content {
padding: 2% 5%;
display: flex;
}
.features-card {
width: 33.33%;
height: 400px;
margin: 0 3%;
color: #333;
display: flex;
flex-direction: column;
}
.features-card>i {
font-size: 17vh;
}
#item1 {
background-image: url('../images/carousel1.jpg');
}
#item2 {
background-image: url('../images/carousel2.jpg');
}
#item3 {
background-image: url('../images/carousel3.jpg');
}
.indexHeader {
height: 100%;
background: url('../images/cover.jpg') no-repeat;
background-position: center center;
background-attachment: fixed;
background-color: #464646;
background-size: cover;
background-blend-mode: exclusion;
display: flex;
flex-direction: column;
padding: 0 10%;
color: #fff;
}
footer {
padding: 5%;
background-color: black;
}
.footer-container {
display: flex;
}
.footer-card {
padding: 50px;
width: 22.5%;
margin: 1.25%;
background-color: white;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.flex {
display: flex;
}
.center {
margin: auto;
}
.vertical-center {
margin: auto 0;
}
.horizontal-center {
margin: 0 auto;
}
.fontXL {
font-size: 10vh;
}
.fontL {
font-size: 6vh;
}
.fontM {
font-size: 4vh;
}
.fontS {
font-size: 2vh;
}
.fontXS {
font-size: 1vh;
}
@media (min-width: 701px) and (max-width: 1024px) {
.navbar-collapse {
padding: 5%;
}
.carousel-item {
height: 500px;
}
.footer-container {
flex-direction: column;
}
.footer-card {
width: 95%;
margin: 2.5%;
}
.newArrival-content {
flex-direction: column;
padding: 0% 5%;
}
.newArrival-card {
width: 75%;
height: 400px;
margin: 2% auto 0%;
}
.features-content {
flex-direction: column;
padding: 0% 5%;
}
.features-card {
width: 75%;
height: 400px;
margin: 2% auto 0%;
}
.features-card>i {
font-size: 13vh;
}
.fontXL {
font-size: 6vh;
}
.fontL {
font-size: 4.5vh;
}
.fontM {
font-size: 3vh;
}
.fontS {
font-size: 2vh;
}
.fontXS {
font-size: 1.5vh;
}
}
@media (min-width: 360px) and (max-width: 700px) {
.navbar-collapse {
padding: 5%;
}
.carousel-item {
height: 400px;
}
.footer-container {
flex-direction: column;
}
.footer-card {
width: 95%;
margin: 2.5%;
}
.newArrival-content {
flex-direction: column;
padding: 0% 5%;
}
.newArrival-card {
width: 100%;
height: 400px;
margin: 5% 3% 0%;
}
.features-content {
flex-direction: column;
padding: 0% 5%;
}
.features-card {
width: 100%;
height: 200px;
margin: 5% 3% 0%;
}
.features-card>i {
font-size: 10vh;
}
.fontXL {
font-size: 4vh;
}
.fontL {
font-size: 3vh;
}
.fontM {
font-size: 2vh;
}
.fontS {
font-size: 1.5vh;
}
.fontXS {
font-size: 1vh;
}
}
shopping/images/about.jpeg
shopping/images/avatarF.png
shopping/images/avatarM.png
shopping/images/book/book.docx
Book1
Harry Potter and the Deathly Hallows
Descrip:
Harry, Hermione and Ron have no other choice but to find all the remaining Horcruxes and destroy them forever, before Lord Voldemort can get his hands on them and kill Harry eventually. On the other hand, with Dumbledore's passing, hope seems to be at its dreariest. The Death-Eaters create chaos for the Muggles to struggle with, slaughtering several of them every day. To make things worse, the Ministry of Magic has also been compromised and is now under the control of the Dark Lord. Everyone seems to be a foe now. But Harry, Ron and Hermione are certain that they have to complete Dumbledore's remaining journey and destroy all the Horcruxes. Will they be successful?
Specs:
· Language: English
· Binding: Paperback
· Publisher: Bloomsbury Publishing (IN)
· Genre: Juvenile Fiction
· ISBN: 9781408855713, 1408855712
· Pages: 640
Price: $10
book2
The Blue Umbrella
Descrip:
The Blue Umbrella is a novel set in the mountainous Gharwal region. The story is about a little girl called Binya, who on falling upon a group of picnickers, is enchanted by a beautiful blue umbrella belonging to one of them. Incidentally, one of the ladies in the group takes a liking to Binya’s leopard claw necklace and offers to buy it from her. When Binya refuses, she is asked to choose anything that she would like in return for it and she chooses the blue umbrella. After much pleading, the lady consents to her wish and Binya becomes the proud owner of the umbrella.Specs:
· Language: English
· Binding: foamback
· Publisher: Rupa
· Genre: Juvenile Fiction
· ISBN: 9788171673407, 9788171673407
Price: $5
book3
Middle School: The Worst Years of My Life
Descrip:
Rafe Khatchadorian is getting the Hollywood treatment in a film version of Middle School: The Worst Years of My Life starring Griffin Gluck, Lauren Graham, Rob Riggle and Thomas Barbusca. Rafe Khatchadorian has enough problems at home without throwing his first year of middle school into the mix. Luckily, he's got an ace plan for the best year ever, if he can pull it off. With his best friend Leonardo the Silent awarding him points, Rafe tries to break every rule in his school's oppressive Code of Conduct. Chewing gum in class - 5,000 points! Running in the hallway - 10,000 points! Pulling the fire alarm - 50,000 points! But when Rafe's game starts to catch up with him, he'll have to decide if winning is all that matters, or if he's finally ready to face the rules, bullies, and truths he's been avoiding.
Specs:
· Language: English
· Binding: Paperback
· Publisher: Cornerstone
· Genre: Juvenile Fiction
· ISBN: 9780099596783, 9780099596783
· Edition: 2015
· Pages: 336
Price: $9
book4
The ALCHEMIST
Descrip:
Santiago, an Andalusian shepherd boy, looks to travel the world in the quest to find a worldly treasure, unlike any others. Santiago’s quest takes him to the magical desert of Egypt, where he meets the alchemist. Is the alchemist what Santiago was looking for, or is he there to stop Santiago from fulfilling his quest? Well, you’ll have to read The Alchemist to find out.
Specs:
· Language: English
· Binding: Paperback
· Publisher: Harper
· Genre: Fiction
· ISBN: 9788172234980, 8172234988
· Edition: 2018
· Pages: 208
Price: $10
book5
Fantastic Mr Fox
Descrip:
"A true genius . . . Roald Dahl is my hero" - David Walliams Boggis is an enormously fat chicken farmer who only eats boiled chickens smothered in fat. Bunce is a duck-and-goose farmer whose dinner gives him a beastly temper. Bean is a turkey-and-apple farmer who only drinks gallons of strong cider. Mr Fox is so clever that every evening he creeps down into the valley and helps himself to food from their farms - and those GHASTLY farmers can't catch him! Now the farmers have hatched a plan to BANG-BANG-BANG shoot Mr Fox dead! But, just when they think Mr Fox can't possibly escape, he makes a FANTASTIC plan of his own . . . Listen to FANTASTIC MR FOX and other Roald Dahl audiobooks read by some very famous voices, including Kate Winslet, David Walliams and Steven Fry.
Specs:
· Language: English
· Binding: Paperback
· Publisher: Penguin Books Ltd
· Genre: Juvenile Fiction
· ISBN: 9780141365442, 0141365447
· Pages: 112
Price: $5
book6
The Spy's Secret
Descrip:
Unlocking Adventures one Key At A Time! A Spy Must Be Ready For Anything! Agents Cleo And Evan Have Been Given An Impossible Mission: Become Superspies And Foil The Plans Of An Evil Mastermind. But It Won 't Be Easy To Break Into The Viper Secret Underwater Lair, Complete A Daring Rescue, Find The Right Key, And Get Out Alive! Keep Hunting!
Specs:
· Language: English
· Binding: Paperback
· Publisher: Scholastic
· Genre: Fiction
· ISBN: 9789352752263, 9352752260
· Edition: 2018
· Pages: 96
Price: $6
shopping/images/book/book1.webp
shopping/images/book/book2.webp
shopping/images/book/book3.webp
shopping/images/book/book4.webp
shopping/images/book/book5.webp
shopping/images/book/book6.webp
shopping/images/carousel1.jpg
shopping/images/carousel2.jpg
shopping/images/carousel3.jpg
shopping/images/contact.jpg
shopping/images/cover.jpg
shopping/images/elect/elect1.docx
Elect1
LG 6.5 kg 5 Star Inverter Fully Automatic Top Load Silver
Descrip:
This fully automatic washing machine from LG comes with a smart inverter motor that makes the appliance energy efficient. The washing machine also comes with an innovative TurboDrum feature that helps remove even the most stubborn stains. The washing machine also comes with additional features such as Smart Diagnostic, auto-restart function and child lock, adding to your convenience.
Specs:
· Fully Automatic Top Load Washing Machines are ergonomically friendly and provide great wash quality
· 780 rpm : Higher the spin speed, lower the drying time
· 5 Star Rating
· 6.5 kg
Price: $200
Elect2
Philips MMS8085B/94 Convertible 80 W Bluetooth Home Theatre
Descrip:
· This Philips Bluetooth Soundbar features multiple connectivity points so that you can enjoy music, movies, and more in great clarity. Its sleek design ensures that the look of your home is elevated. This way, you can enjoy its aesthetic appeal and sound quality.
Specs:
· Power Output (RMS): 80 W
· Power Source: 230V AC
· Wireless music streaming via Bluetooth
· Memory Card Slot
· USB Direct for easy MP3 music playback
· Good sound quality with a rich bass
Price: $99
elect3
Google Home Mini
Descrip:
Right from finding your phone to keeping your family entertained, the Google Home Mini is here to offer all the help you need. This powerful little helper, which features the Google Assistant, will answer all your questions as it is equipped with the power of Google Search, Maps and much more. You can even control your smart devices at home with your voice.
Specs:
· Also available in Hindi
· Play Music from Popular Streaming Services
· Voice-controlled WiFi Speaker for Home
· Ask Questions, Set Daily Reminders or Get News Updates
· Works with Upto 6 Users with Personalised Settings
· Control Other Smart Devices in Home
· W x H: 9.78 cm x 4.2 cm
· Weight: 173 g
Price: $49
elect4
Nikon D3500 DSLR Camera AF-P DX NIKKOR 18-55mm f/3.5-5.6G VR
Descrip:
Matrix Metering: 3D Color Matrix Metering 2 (type G, E, and D Lenses), Color Matrix Metering 2 (other CPU Lenses) Center-weighted Metering - Weight of 75% Given to 8 mm Circle in Center of Frame Spot Metering - Meters 3.5 mm Circle (about 2.5% of Frame) Centered on Selected Focus Point
Specs:
· Effective Pixels: 24.2 MP
· Sensor Type: CMOS
· 1080p recording at 60p
Price: $699
elect5
D-Link DIR-882 AC2600 MU-MIMO 2600 Mbps Router
Descrip:
Stay connected throughout with this D-Link DIR-882 AC2600 MU-MIMO 2600 Mbps Router that gives you the ultimate internet experience ever. Fast Internet Connection Experience blazing speeds upto 2600Mbps of wireless speed while you upload and download data within a matter of seconds.
Specs:
· Type: Wireless Without Modem
· 2600 Mbps Speed
· Frequency: 2.4 GHz, 5 GHz
· External Antenna
· 2 USB Ports
Price: $89
elect6
LG 164cm (65 inch) Ultra HD (4K) LED Smart TV
Descrip:
Bring home this TV by LG and enhance your TV-viewing experience. With features, such as the LG ThinQ AI, 4K IPS Display, 4K Active HDR, Magic Remote, Quad-core Processor, and so on, this TV is here to deliver powerful performance, both, visually and aurally.
Specs:
· Supported Apps: Netflix|Hotstar|Youtube
· Operating System: WebOS
· Resolution: Ultra HD (4K) 3840 x 2160 Pixels
· Sound Output: 20 W
· Refresh Rate: 50 Hz
Price: $1099
shopping/images/elect/elect1.webp
shopping/images/elect/elect2.webp
shopping/images/elect/elect3.webp
shopping/images/elect/elect4.webp
shopping/images/elect/elect5.webp
shopping/images/elect/elect6.webp
shopping/images/location.jpg
shopping/images/login.jpg
shopping/images/pets/pets1.webp
shopping/images/pets/pets2.webp
shopping/images/pets/pets3.webp
shopping/images/pets/pets4.webp
shopping/images/pets/pets5.webp
shopping/images/pets/pets6.jpg
shopping/images/pets/toy.docx
pets1
Pedigree Adult Meat Rice 3 kg Dry Dog Food
Descrip:
Giving your beloved dog the right nutrition is as important as giving him/her a treat. And, that's what this product from Pedigree helps you do. Rich in vitamin E and protein, this packet of dog food helps strengthen your dog's immune system and his/her muscles, so he/she is healthy and your walks are longer.
Specs:
· For Dog
· Flavor: Rice
· Food Type: Dry
· Suitable For: Adult
· Shelf Life: 12 Months
Price: $10
pets2
Furious3D Slicker Easy Clean (Large) Slicker Brushes for Dog & Cat
Descrip:
Comfortable handle bar, easy to hold and use, can be used for massage your pets and pets will start to relax under the brush motion. Provides excellent grooming results with minimal efforts. Perfect for wet and dry grooming.
Specs:
Self-cleaning
· Yes
Type of Coat
· Short Hair, Long Hair
Used For
· Removing mats, tangles and any loose hair, Removing fleas and ticks from your pet's coat
Suitable For
· New Born, Adult, Young
Model Name
· Slicker Easy Clean (Large)
Color
· Blue
Price: $4
pets3
Pets Empire Round Steel Pet Bowl
Descrip:
Used to make the bowls is corrosion and healthy bowls for pets all ages and sizes . Can be used to serve food an water...