ACKNOWLEDGEMENT I would like to convey my heartfelt thanks to our Director Dr. Arpit Awasthi and H.O.D of BCA Mr. Ramesh Srivastava for providing necessary inputs and support. I would like to sat thanks to computer’s teacher who has always given me their valuable suggestions and supported to complete my project. They helped me in understand and remember the details of the project. My project has been successful because of their guidance

Thanks To: Mr. Manish Jain

Submitted By:

CERTIFICATE This is to certify that the project entitiled “ONLINE SHOPPING PORTAL” submitted by “VANSHIKA LUDHANI” and her team in partial fulfillment of the requirement of the award of “BCA” at “Dr. Virendra Swarup Institute of Computer Studies” is an authentic work carried out by them under my supervision and guidance. To the best of my knowledge, the matter embodied in project has not been submitted to any other University/institute for the award of any degree.

Under Guidance Of : Mr. Manish Jain

CERTIFICATE This is to certify that the project entitiled “ONLINE SHOPPING PORTAL” submitted by “VARTIKA SHUKLA” and her team in partial fulfillment of the requirement of the award of “BCA” at “Dr. Virendra Swarup Institute of Computer Studies” is an authentic work carried out by them under my supervision and guidance. To the best of my knowledge, the matter embodied in project has not been submitted to any other University/institute for the award of any degree.

Under Guidance Of : Mr. Manish Jain

CERTIFICATE This is to certify that the project entitiled “ONLINE SHOPPING PORTAL” submitted by “SWEKSHA TIWARI” and her team in partial fulfillment of the requirement of the award of “BCA” at “Dr. Virendra Swarup Institute of Computer Studies” is an authentic work carried out by them under my supervision and guidance. To the best of my knowledge, the matter embodied in project has not been submitted to any other University/institute for the award of any degree.

Under Guidance Of : Mr. Manish Jain

CERTIFICATE This is to certify that the project entitiled “ONLINE SHOPPING PORTAL” submitted by “SHUBHANGI SARASWAT” and her team in partial fulfillment of the requirement of the award of “BCA” at “Dr. Virendra Swarup Institute of Computer Studies” is an authentic work carried out by them under my supervision and guidance. To the best of my knowledge, the matter embodied in project has not been submitted to any other University/institute for the award of any degree.

Under Guidance Of : Mr. Manish Jain

Introduction and objectives of the project

INTRODUCTION Online shopping is a form of electronic commerce which allows consumers to directly buy goods or services from a seller over the Internet using a web browser. Consumers find a product of interest by visiting the website of the retailer directly or by searching among alternative vendors using a shopping search engine, which displays the same product's availability and pricing at different e-retailers. As of 2016, customers can shop online using a range of different computers and devices, including desktop computers, laptops, tablet computers and smartphones. An online shop evokes the physical analogy of buying products or services at a regular "bricks-and-mortar" retailer

or shopping center; the process is called business-to-consumer (B2C) online shopping. When an online store is set up to enable businesses to buy from another businesses, the process is called business-to-business (B2B) online shopping. A typical online store enables the customer to browse the firm's range of products and services, view photos or images of the products, along with information about the product specifications, features and prices. Online stores typically enable shoppers to use "search" features to find specific models, brands or items. Online customers must have access to the Internet and a valid method of payment in order to complete a transaction, such as a credit card, an Interac-enabled debit card, or a service such as PayPal.

Consumers find a product of interest by visiting the website of the retailer directly or by searching among alternative vendors using a shopping search engine. Once a particular product has been found on the website of the seller, most online retailers use shopping cart software to allow the consumer to accumulate multiple items and to adjust quantities, like filling a physical shopping cart or basket in a conventional store. A "checkout" process follows (continuing the physical-store analogy) in which payment and delivery information is collected, if necessary. Some stores allow consumers to sign up for a permanent online account so that some or all of this information only needs to be entered once. The consumer often

receives an e-mail confirmation once the transaction is complete.

Characterstics Ease of Use Simplicity is the mark of a good design, and 76% of consumers agree. They say that the most important characteristic of a good website is ease of use. Site Speed Site speed is an indicator of an easy to use website and draws a lot of parallels with the ability to convert visitors. Online sellers literally have seconds to make a sale as shrinking attention spans (8 seconds, smaller than a goldfish’s) influences e-commerce purchasing behavior.

Mobile friendly Another of the major types of e-commerce features you’ll need to make your site easier to use is by optimizing for mobile.

MODULES DESCRIPTION  Login Module: This module is used to check whether the user is an authorized person to use the system or not. For this , the user should give the correct user name and password The various types of users are:  Product tracking  Delivery Status  Purchase  Advertisement  Customer Service  Payment

OBJECTIVE The Online Shopping System (OSS) is a web-based application. The purpose of the application is to automate and facilitate the whole process of shopping. This application fixes the limitation and problems of paper based processes. The main goal to increase the quantity of sales by making the new technology of web pages design more attractive and to search a lot of customers and company to their location. By this system we can advertise and send procure to a lot of customer by sending email.

PROJECT CATEGORY  It is a web based application.  Unlike traditional applications , it is accessible anytime, via PC with an internet connection.  It need lower requirements on the end user system amd simplified architecture.

PROCESS DESCRPTION (Data flow diagram )

Entity relationship diagram

S no.

name

U_name e

Uname

pass

password

Login

edate

ename

addesss

E id

sex

Customer

Employee phone

Has address

contact

DOB

Order

itemname pid

rate

date code Cust name

amount

qty Product

P iud P_name P_id

Pdate

name Delvr date

Has

Delivery

Payment

Custname

cash

contact

mode

Advertisement

address adname image

Ad_id

mail

Comp_name

Ad_end contact

NUMBER OF MODULES      

Login Employee PRODUCT DELIVERY_STATUS PAYMENT ADVERTISEMENT

DESCRIPTION OF MODULES  LOGIN MODULE: This module is used to check whether the user is authenticated or not. Username and password are the fields for authentication purpose.  Customer: This module contains the customer details like name address etc.  Employee: This module contains the information of the employees of the organisation date of birth(DOB), phone no. , salary, address, employee id, employee name ,etc.  Purchase: This module contains the details of the items purchased by the

customer like item name, id, quantity ordered etc.  Advertisement: This module contains the description of the products that are displayed in the website, the image contained, etc.  Payment: This module contains the information about the mode of payment i.e. cash credit card , debit card etc.  Product tracking : This module contains the information about the product to be delivered like delivery date , contact number, amount etc.

Project tables  LOGIN TABLE S.R Field Name 1 S. No. 2 U_name 3 Password

Data type Integer Varchar Varchar

Size 5 20 20

Validation

 CUSTOMER SERVICE TABLE S.R Field Name Data type 1 Username Integer 2 Password Varchar 3 Name Varchar 4 Address Varchar 5 Contact no Integer 6 Email Varchar

Size 10 10 10 10 10 10

Validation Primary key

Primary Key

 EMPLOYEE DETAIL TABLE S.R Field Name Data type Size 1 E_Id Varchar 20 2 3 4 5 6 7 8 9

E_name I_date Sex Address Phone no. DOB Salary Specialization

 PURCHASE TABLE S.R Field Name 1 Pur_Id 2 3 4 5 6

ItemName Rate Item_Category Quantity Date

Varchar Date Varchar Varchar Integer Date Integer Varchar

Validation Primary Key

20 6 50 10 10 20

Data type Varchar

Size 10

Varchar Varchar Varchar Inetger Datetime

300 400 100 5

Validation Primary Key

 ADVERTISEMENT TABLE S.R Field Name Data type Size 1 Ad_id Varchar 10 2 3 4 5 6 7 8 9

Ad_name Image Ad_start Ad_end Comp_name Address Contact no. Email

 PAYMENT TABLE S.R Field Name 1 P_Id 2 3 4 5 6 7

P_Name P_Date Cust_name Pay_Mode Cash DD

Varchar Varchar dateTime dateTime Varchar Varchar Varchar Varchar

30 70

89 78 12 78

Data type Size Varchar 20 Varchar Date Varchar Varchar Integer Integer

200 67 50 10 23

Validation Primary Key

Validation Primary Key

 PRODUCT TRACKING TABLE S.R Field Name Data type Size 1 P_Id Varchar 20 2 3 4 5 6 7

Cust_Name Delvr_Date Amount Contact_no Address Email

Varchar Date Varchar Varchar Varchar Varchar

200 67 50 10 23

Validation Primary Key

System requirements specifications

Requirement Specification:It is quite difficult and time consuming task to find the information as well as maintaining i n f o r m a t i o n manually. If all these information are to be kept at a single place it is also not possible in the manual system. Computerized system will upgrade and manage information very easily. As it is a webbased application so it uses Internet technologies and its hardware/software requirement will also be more comprehensive than Desktop application system. Some Network devices will be required like modems, switches, Internet connection. Software required for the system is also different from a normal desktop system. First of all a server software will be mandatory (here Internet

Information Server (IIS)). A browser is also needed as a client process on the user side.The growth of Ecommerce business has skyrocketed over the last few years, and the momentum continues to swing upwards in 2016 as well. Online transactions have become an integral part of our lives these days, thanks to the growing acceptance of E-commerce as a convenient alternative to the traditional shopping experience. E-commerce has given an all new dimension to entrepreneurship in the form of webpreneurs. No doubt, it is an exciting time to explore the E-commerce market. One has to keep it in mind that the Ecommerce industry is one of the most lucrative targets for cybercriminals. The online retail industry has had its fair shares of incidents involving security

breaches. News of the recent eBay hack is a stark reminder of the vulnerabilities associated with online businesses. Are you wondering how to protect your Ecommerce business from potential security threats when online retail giants like eBay could not? It can be extremely challenging, no doubt. Nevertheless, certain best practices can be implemented to safeguard the integrity of your online store and the confidentiality of your customer data. Here's a list of five security best practices to prevent Ecommerce fraud and keep your online store secure. Measures to ensure Security Major security measures are following − 

Encryption − It is a very effective and practical way to safeguard the data being transmitted over the network. Sender of the information encrypts the





data using a secret code and only the specified receiver can decrypt the data using the same or a different secret code. Digital Signature − Digital signature ensures the authenticity of the information. A digital signature is an esignature authenticated through encryption and password. Security Certificates − Security certificate is a unique digital id used to verify the identity of an individual website or user.

Scope of future applications

Scope of online shopping Purchasing and selling products and services over the internet without the need of going physically to the market is what online shopping all about. Online shopping is just like a retail store shopping that we do by going to the market, but it is done through the internet. Online shopping has made shopping painless and added more fun. Online stores offer product description, pictures, comparisons, price and much more. Few examples of these are Amazon.com, ebay.com, framt.com and the benefits of online shopping is that by having direct access to consumer ,the online stores can offer products that cater to the needs of consumer ,cookies can be used for tracking the customer selection over the

internet or what is of their interest when they visit the site again . Online shopping makes use of digital technology for managing the flow of information, products, and payment between consumer, site owners and suppliers. Online shopping can be either B2B (business to business) or B2C (business to consumer)

Shopping cart is one of the important facility provided in online shopping, this lets customer to browse different goods and services and once they select an item to purchase they can place the item in shopping cart, and continue browsing till the final selection. Customers can even remove the items from shopping cart that

were selected earlier before they place the final order. It reminds us of shopping basket that we carry in departmental store Shopping online is about to explode. Retailers of all types are expanding product offerings, adding in-store pickup, free shipping and experimenting with social media. It’s getting harder to tell pure play Internet retailers from the bricks and mortar shops with online portals, and all of them are reinventing how we'll shop online in the future. Be it via a mobile device, tablet computer, in-store kiosk or computer, the lines are blurring and the result will be both good and bad for consumers. First the bad. Much of the activity and expansion is the indirect result of new legislation requiring Internet retailers to collect sales tax. There already are 12

states with laws either enacted or awaiting approval, and now Senator Dick Durbin of Illinois is hoping to pass such a law at the national level. There’s no telling when, or even if the legislation will pass, but there’s also no turning back the tide. It will happen and online shoppers will be required to pay sales tax, sooner or later. But the prospect of an even playing field has emboldened traditional retailers, many of whom are becoming more aggressive in capturing online sales. We’re seeing retailers like L.L Bean launch free shipping on all items, Macy’s on purchases of $99 or more, Walmart buying social media platform Kosmix for $300 million and opening up @Walmartlabs to further build its online business, and Toys R Us announcing a new 300,000 sq. ft. distribution center to support internet sales.

Because if traditional retailers are to compete with sites like Amazon – which flourished in the absence of regulation -they must implement some of the same benefits like free shipping, liberal return policies, varied product selection and customer reviews.

Benefits of online shopping portal

1.

Saves time and efforts.

2.

Convenience of Shopping at home.

3. Wide variety / range of product are available.

4.

Good discounts / lower prices.

5. Get detailed information of the product. 6. We can compare various models / brands.

Source code of the project

HOME PAGE CODE <meta charset="UTF-8"> <style> *{ margin: 0; padding: 0; } nav{ height: 75px; background-color: #136A65; position: relative; } nav button{

position: absolute; color:black; background-color: white; border: none; padding: 8px 18px; border-radius: 5px; font-size: 15px; } nav button:hover{ background-color:#1bada5; color: white; } #wrapper{ background-image: url(2.jpg); height: 585px; width:100%; background-repeat: no-repeat;

} .btn{ position: relative; top:190px;

background-color: #1bada5; display: inline; color: white; padding: 7px 12px; font-size: 30px; border-radius: 8px; font-family: sans-serif; left: 550px; } .btn:hover{ background-color:white; color: #2BA3A5; border: 1px solid #4e4c4c; } .title{

font-size:60px; font-family: Pristina; color: white; margin-left: 20px; }





SIGN UP PAGE CODE <style> *{ margin: 0; padding: 0; } #a { width:100%; height:11%; background-color:#136A65; font-size:65px; color: white; font-family: pristina; } #background { width:100%;

height:89%; background-color:; background-image: url('p33.jpeg'); background-repeat:no-repeat; background-size: 100% 100%; } #b { width:30%; height:90%; background-color:pink; margin-left:30%; background-image: url('b13.jpg'); box-shadow: 2px 2px 5px #136A65; border-left:2px solid #136A65; border-right:2px solid #136A65; border-top:2px solid #136A65; border-bottom:2px solid #136A65; } .in1 { width:80%;

height:7%; background-color:orange; margin-left:42px; box-shadow: 7px 7px 9px #136A65; border-left:2px solid #136A65; border-right:2px solid #136A65; border-top:2px solid #136A65; border-bottom:2px solid #136A65; } input { width:100%; height:100%; } #but { width:30%; height:8%; background-color:orange; box-shadow: 7px 7px 9px #136A65; border-left:2px solid #136A65; border-right:2px solid #136A65;

border-top:2px solid #136A65; border-bottom:2px solid #136A65; border-radius: 30px 30px 30px 30px; } button { width:100%; height:100%; background-color:#136A65; border-radius: 25px 25px 25px 25px; } img { margin-left:45%; }



LOGIN PAGE CODE <style> #a { width:100%; height:11%; background-color:#136A65; font-size:65px; color: white; font-family: pristina; } *{margin:0; padding:0; } #background { width:100%; height:88%;

background-image: url('p34.jpeg'); background-repeat:no-repeat; background-size: 100% 100%; } #b { width:30%; height:80%; box-shadow: 2px 2px 5px black; background-color:#1bada5; margin-left:30%; border: 1px solid #136A65; background-image: url('b5.jpg'); background-repeat:no-repeat; background-size: 100% 100%; position:relative; z-index:2; margin-top:-10px; } input { width:100%;

height:100%; } #but { width:70%; height:8%; background-color:; border-radius: 15px; margin-left:38px; } .in1 { width:70%; height:7%; margin-left:38px; border : 1px solid #136A65; } button {

color: white; font-size: 20px;

width:50%; height:100%; background-color:#136A65; border-radius: 25px 25px 25px 25px; box-shadow: 2px 2px 5px #136A65; } img { width:55px; height:55px; } #im { width:60px; height:60px; background-color:#136A65; border-radius: 30px 30px 30px 30px; position:relative; z-index:3; margin-left:43%; margin-top:20px; }



TIMELINE PAGE CODE <style> #a{ width:100%; height:11%; background-color: #136A65; font-size:60px; font-family: Pristina; color: white; } #font{color: white; font-size: 22px; font-family: sans-serif; margin-left:30px; } *{ margin: 0; padding: 0; }

#her {width: 100%;} ul { position: -webkit-sticky; position: sticky; top: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #CEB8D8; } li { float: left; } li a { font-size: 22px; font-family: sans-serif; display: block; color: white; text-align: center; padding: 14px 16px;

text-decoration: none; border-right: 1px solid white; } li a:hover{ background-color: white; color: #CEB8D8; } button{ position: absolute; color:black; background-color: white; border: none; padding: 8px 18px; border-radius: 5px; font-size: 15px; } button:hover{ background-color:#1bada5; color: white; }

• Home
• Category
• My Orders
• Contact Us

CATEGORIES PAGE CODE <meta charset="UTF-8"> <script src="jquery.js"> <style> .title{

font-size:60px; font-family: Pristina; color: white; margin-left: 20px; } nav{ height: 75px; background-color: #136A65; position: relative; } img{ width: 100%;

height: 100%; } *{ margin:0; padding: 0;

} side img{ position: absolute; } .slider { margin-left: 20px; position: relative; height: 500px; width: 900px; margin-top: 10px; }

.left { color: white; position: absolute; top:240px;

}

.right {

color: white; position: absolute; top:240px; right: 0px; }

.side { margin-left: 20px; position: absolute; right: 30px; top: 20px;

} ul { position: -webkit-sticky; position: sticky;

top: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1bada5; }

li { float: left; }

li a { font-size: 22px; font-family: sans-serif; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; border-right: 1px solid white; }

li a:hover{ background-color: white; color: #1bada5; }

<script> $(function(){

var image = $("#si"); var right = $(".right"); var left = $(".left");

var imageArray = ["slider.jpg","slider2.jpg","slider3.jpg","slider4.jpg"];

setInterval(function(){ image.fadeOut(function(){ image.attr("src",imageArray[i]); image.fadeIn(); }); if(i == 3){

i=0; } else{ i++; } },5000); var i = 0;

right.click(function(){

image.fadeOut(function(){ image.attr("src",imageArray[i]); image.fadeIn(); }); if(i == 3){ i=0; } else{ i++; } }); left.click(function(){

image.fadeOut(function(){ image.attr("src",imageArray[i]); image.fadeIn(); }); if(i == 0){ i=3; } else{ i--; } });

});

• Home
• Category
• My Orders
• Contact Us

WOMEN’S WESTERN WEAR PAGE CODE <style> #a { color: white; font-family: pristina; font-size: 60px; width:100%; height:11%; background-color:#136A65; } #b { width:40%; height:100%; background-image: url('8w.jpg'); background-repeat:no-repeat; background-size: 80% 80%;

background-position:center; color:black; float:left; } #c { width:40%; height:100%; background-image: url('2w.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } button { height:40px; width:20%; border-radius:8px 8px 8px 8px; box-shadow:10px 10px 7psx #2A074D;

float: left; background-color:#1c8a83; color:white; font-family:pristina; font-size:30px; } #d { width:40%; height:100%; background-image: url('3w.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #e { width:40%; height:100%; background-image: url('4w.jpg');

background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } #f { width:40%; height:100%; background-image: url('5w.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #g { width:40%; height:100%;

background-image: url('6w.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } #h { width:40%; height:100%; background-image: url('7w.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #i { width:40%;

height:100%; background-image: url('1w.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } *{ margin: 0; padding: 0; } li { float: left; } li a { font-size: 22px; font-family: sans-serif; display: block; color: white; text-align: center;

padding: 14px 16px; text-decoration: none; border-right: 1px solid white; } li a:hover { background-color: white; color: #1bada5; } ul { position: -webkit-sticky; position: sticky; top: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1bada5; }

• Home
• Category
• My Orders
• Contact Us

Rs.2000

ONLINE MEN’S ETHNIC PAGE CODE <style> li { float: left; }

li a { font-size: 22px; font-family: sans-serif; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; border-right: 1px solid white; } li a:hover {

background-color: white; color: #1bada5; } ul { position: -webkit-sticky; position: sticky; top: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1bada5; } *{ margin: 0; padding: 0; } #a { color: white; font-family: pristina; font-size: 60px;

width:100%; height:11%; background-color:#136A65; } #b { width:40%; height:100%; background-image: url('i.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black;

float:left; } #c { width:40%; height:100%; background-image: url('j.jpg'); background-repeat:no-repeat;

background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } button { height:40px; width:20%; border-radius:8px 8px 8px 8px; box-shadow:10px 10px 7psx #2A074D; float: left; background-color:#1c8a83; color:white; font-family:pristina; font-size:30px; } #d { width:40%; height:100%;

background-image: url('k.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #e { width:40%; height:100%; background-image: url('l.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } #f { width:40%;

height:100%; background-image: url('m.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #g { width:40%; height:100%; background-image: url('n.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } #h {

width:40%; height:100%; background-image: url('o.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #i { width:40%; height:100%; background-image: url('p.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; }

• Home
• Category
• My Orders
• Contact Us

Rs.3599

KIDS WEAR PAGE CODE <style> li { float: left; }

li a { font-size: 22px; font-family: sans-serif; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; border-right: 1px solid white; } li a:hover { background-color: white;

color: #1bada5; } ul { position: -webkit-sticky; position: sticky; top: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1bada5; } *{ margin: 0; padding: 0; } #a { color: white; font-family: pristina; font-size: 60px; width:100%;

height:11%; background-color:#136A65; } #b { width:40%; height:100%; background-image: url('5a.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #c { width:40%; height:100%; background-image: url('2a.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center;

color:black; float:left; margin-left:150px; } button { height:40px; width:20%; border-radius:8px 8px 8px 8px; box-shadow:10px 10px 7psx #2A074D; float: left; background-color:#1c8a83; color:white; font-family:pristina; font-size:30px; }

#d { width:40%; height:100%; background-image: url('16a.jpg');

background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #e { width:40%; height:100%; background-image: url('15a.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } #f { width:40%; height:100%;

background-image: url('12a.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #g { width:40%; height:100%; background-image: url('4a.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; } #h { width:40%;

height:100%; background-image: url('3a.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; } #i { width:40%; height:100%; background-image: url('9a.jpg'); background-repeat:no-repeat; background-size: 80% 80%; background-position:center; color:black; float:left; margin-left:150px; }

• Home
• Category
• My Orders
• Contact Us

Rs.2690

WOMEN’S DESCRIPTION BOX

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous">

<script type="text/javascript"> $(document).ready(function(){ $("#cats").hide(); $("#cat").hover(function(){ $("#cats").stop().slideToggle(400);

})

$("#sh2").hide(); $("#sh3").hide(); $("#sh4").hide(); $("#i1").hover(function(){

$("#sh1").show(); $("#sh2").hide(); $("#sh3").hide();

$("#sh4").hide(); }) $("#i2").hover(function(){ $("#sh3").hide(); $("#sh2").show(); $("#sh1").hide();

$("#sh4").hide(); }) $("#i3").hover(function(){ $("#sh3").show(); $("#sh2").hide(); $("#sh1").hide();

$("#sh4").hide();

}) $("#i4").hover(function(){ $("#sh4").show(); $("#sh2").hide(); $("#sh1").hide();

$("#sh3").hide(); }) });



<style> li { float: left; }

li a { font-size: 22px;

font-family: sans-serif; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; border-right: 1px solid white; } li a:hover { background-color: white; color: #1bada5; } ul { position: -webkit-sticky; position: sticky; top: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1bada5;

} *{ margin: 0; padding: 0; } #a { height:100%; width:100%;

} button { height:7%; width:20%; border-radius:8px 8px 8px 8px; box-shadow:7px 7px 9px black; float: left; background-color:#1E948D; color:white; font-family:pristina; font-size:30px;

} #cats li { list-style:none; height:20px; width:100%; } #cats li a { color: purple; font-weight: bold; text-decoration: none; } .zoom:hover { transform: scale(2.2); }

MEN’S WEAR DESCRIPTION BOX

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous">

<script type="text/javascript"> $(document).ready(function(){ $("#cats").hide(); $("#cat").hover(function(){ $("#cats").stop().slideToggle(400);

})

$("#sh2").hide(); $("#sh3").hide(); $("#sh4").hide();

$("#i1").hover(function(){ $("#sh1").show(); $("#sh2").hide(); $("#sh3").hide();

$("#sh4").hide(); }) $("#i2").hover(function(){ $("#sh3").hide(); $("#sh2").show(); $("#sh1").hide();

$("#sh4").hide(); }) $("#i3").hover(function(){ $("#sh3").show(); $("#sh2").hide(); $("#sh1").hide();

$("#sh4").hide(); }) $("#i4").hover(function(){ $("#sh4").show(); $("#sh2").hide(); $("#sh1").hide();

$("#sh3").hide(); }) });



<style> #a { height:100%; width:100%;

} button { height:7%; width:20%; border-radius:8px 8px 8px 8px; box-shadow:7px 7px 9px black; float: left; background-color:#1E948D; color:white; font-family:pristina; font-size:30px; } #cats li { list-style:none; height:20px; width:100%; } #cats li a { color: purple;

font-weight: bold; text-decoration: none; } .zoom:hover { transform: scale(2.2); } li { float: left; }

li a { font-size: 22px; font-family: sans-serif; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; border-right: 1px solid white; } li a:hover {

background-color: white; color: #1bada5; } ul { position: -webkit-sticky; position: sticky; top: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1bada5; } *{ margin: 0; padding: 0; }

KID’S WEAR DESCRIPTION BOX

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous">

<script type="text/javascript"> $(document).ready(function(){ $("#cats").hide(); $("#cat").hover(function(){ $("#cats").stop().slideToggle(400);

})

$("#sh2").hide(); $("#sh3").hide();

$("#i1").hover(function(){

$("#sh1").show(); $("#sh2").hide(); $("#sh3").hide();

}) $("#i2").hover(function(){ $("#sh3").hide(); $("#sh2").show(); $("#sh1").hide();

}) $("#i3").hover(function(){ $("#sh3").show(); $("#sh2").hide(); $("#sh1").hide();

}) });

<style> #a { height:100%; width:100%;

} button { height:7%; width:20%; border-radius:8px 8px 8px 8px; box-shadow:7px 7px 9px black; float: left; background-color:#1E948D; color:white; font-family:pristina; font-size:30px; }

#cats li { list-style:none; height:20px; width:100%; } #cats li a { color: purple; font-weight: bold; text-decoration: none; } .zoom:hover { transform: scale(2.2); } li { float: left; }

li a { font-size: 22px; font-family: sans-serif;

display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; border-right: 1px solid white; } li a:hover { background-color: white; color: #1bada5; } ul { position: -webkit-sticky; position: sticky; top: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #1bada5; }

*{ margin: 0; padding: 0; }