diff --git a/Summer2018/Deepak/ecommerce/app.js b/Summer2018/Deepak/ecommerce/app.js new file mode 100644 index 0000000..145cf5a --- /dev/null +++ b/Summer2018/Deepak/ecommerce/app.js @@ -0,0 +1,7 @@ +$(document).ready(function () { + $('.bxslider').bxSlider({ + mode:'horizontal', + auto:true + + }) +}); \ No newline at end of file diff --git a/Summer2018/Deepak/ecommerce/bg2a.jpg b/Summer2018/Deepak/ecommerce/bg2a.jpg new file mode 100644 index 0000000..164090e Binary files /dev/null and b/Summer2018/Deepak/ecommerce/bg2a.jpg differ diff --git a/Summer2018/Deepak/ecommerce/images.png b/Summer2018/Deepak/ecommerce/images.png new file mode 100644 index 0000000..a2e86a1 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images.png differ diff --git a/Summer2018/Deepak/ecommerce/images/img1.jpeg b/Summer2018/Deepak/ecommerce/images/img1.jpeg new file mode 100644 index 0000000..7c5592d Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img1.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img10.jpeg b/Summer2018/Deepak/ecommerce/images/img10.jpeg new file mode 100644 index 0000000..91741af Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img10.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img11.jpeg b/Summer2018/Deepak/ecommerce/images/img11.jpeg new file mode 100644 index 0000000..4b1a101 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img11.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img12.jpeg b/Summer2018/Deepak/ecommerce/images/img12.jpeg new file mode 100644 index 0000000..886eb38 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img12.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img13.jpeg b/Summer2018/Deepak/ecommerce/images/img13.jpeg new file mode 100644 index 0000000..92b7e1c Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img13.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img14.jpeg b/Summer2018/Deepak/ecommerce/images/img14.jpeg new file mode 100644 index 0000000..52118d8 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img14.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img15.jpeg b/Summer2018/Deepak/ecommerce/images/img15.jpeg new file mode 100644 index 0000000..d532913 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img15.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img16.jpeg b/Summer2018/Deepak/ecommerce/images/img16.jpeg new file mode 100644 index 0000000..3749c54 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img16.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img17.jpeg b/Summer2018/Deepak/ecommerce/images/img17.jpeg new file mode 100644 index 0000000..7658fbf Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img17.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img18.jpeg b/Summer2018/Deepak/ecommerce/images/img18.jpeg new file mode 100644 index 0000000..751a4e9 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img18.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img19.jpeg b/Summer2018/Deepak/ecommerce/images/img19.jpeg new file mode 100644 index 0000000..7689836 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img19.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img2.jpeg b/Summer2018/Deepak/ecommerce/images/img2.jpeg new file mode 100644 index 0000000..cf6e132 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img2.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img20.png b/Summer2018/Deepak/ecommerce/images/img20.png new file mode 100644 index 0000000..592aaa4 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img20.png differ diff --git a/Summer2018/Deepak/ecommerce/images/img21.jpg b/Summer2018/Deepak/ecommerce/images/img21.jpg new file mode 100644 index 0000000..3f9e704 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img21.jpg differ diff --git a/Summer2018/Deepak/ecommerce/images/img3.jpeg b/Summer2018/Deepak/ecommerce/images/img3.jpeg new file mode 100644 index 0000000..418ff3b Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img3.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img4.jpeg b/Summer2018/Deepak/ecommerce/images/img4.jpeg new file mode 100644 index 0000000..bededf3 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img4.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img5.jpeg b/Summer2018/Deepak/ecommerce/images/img5.jpeg new file mode 100644 index 0000000..0127403 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img5.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img6.jpeg b/Summer2018/Deepak/ecommerce/images/img6.jpeg new file mode 100644 index 0000000..227c115 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img6.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img7.jpeg b/Summer2018/Deepak/ecommerce/images/img7.jpeg new file mode 100644 index 0000000..300790c Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img7.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img8.jpeg b/Summer2018/Deepak/ecommerce/images/img8.jpeg new file mode 100644 index 0000000..cb0cb8c Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img8.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/images/img9.jpeg b/Summer2018/Deepak/ecommerce/images/img9.jpeg new file mode 100644 index 0000000..0890675 Binary files /dev/null and b/Summer2018/Deepak/ecommerce/images/img9.jpeg differ diff --git a/Summer2018/Deepak/ecommerce/index.html b/Summer2018/Deepak/ecommerce/index.html new file mode 100644 index 0000000..c700066 --- /dev/null +++ b/Summer2018/Deepak/ecommerce/index.html @@ -0,0 +1,290 @@ + + + + + shopping cart + + + + + + + + + + + + + + +
+ + +
+ + + \ No newline at end of file diff --git a/Summer2018/Deepak/ecommerce/style.css b/Summer2018/Deepak/ecommerce/style.css new file mode 100644 index 0000000..94842fc --- /dev/null +++ b/Summer2018/Deepak/ecommerce/style.css @@ -0,0 +1,380 @@ +#wrapper +{ + font-family: tahoma; + +} +#container +{ + width: 100%; + margin:0 auto; + max-width: 1280px; + height:70px ; + +} +#subheader +{ + width:100%; + height:70px; + background:green; + margin-top: -15px; +} +.para1 +{ + text-align-last: left; + font-size:small; + font-family: Roboto, Arial, sans-serif; + /*margin-top: 80px;*/ + /*text-align: center;*/ + /*line-height: 20px;*/ + /*vertical-align: middle;*/ + /*// letter-spacing: 0;*/ + line-height: 50px; + margin-top: 10px; + margin-left: -55px; +} +.para2 +{ + + float:right; + line-height: 30px; + color: white; + text-decoration: none; + margin-left: 30px; + margin-top: 10px; +} +.para3 +{ + float:right; + line-height: 30px; + color: white; + text-decoration: none; + /*margin-left: 30px;*/ + cursor: pointer; + margin-top: 10px; +} + +.para4 +{ + float:right; + line-height: 30px; + color: white; + text-decoration: none; + /*margin-left: 30px;*/ + cursor: pointer; + margin-top: 10px; +} +.para5 +{ + float:right; + line-height: 30px; + color: white; + text-decoration: none; + /*margin-left: 30px;*/ + cursor: pointer; + margin-top: 10px; +} +/*.container p1*/ +/*{*/ + /*display: none;*/ +/*}*/ +/*.para4:hover p1*/ +/*{*/ + /*display: block;*/ + /*color: red;*/ + /*font-weight: bold;*/ +/*}*/ +#main-header +{ + height: 100px; + width: 100%; + background-color: blue; + text-decoration: none; + margin-top: -15px; +} +#logo { + + /*!*display: table-cell;*!*/ + height:100px; + /*!*change this and the width*!*!*/ +/*for the size of your initial circle*!*/ + width: 400px; + float:left; + /*margin-top: 10px;*/ + /*text-align-last: left;*/ + + /*vertical-align: middle;*/ + /*border-radius: 50%;*/ + /*make it pretty*/ + background:blue; + margin-top: 0px; + /*!*color:white;*!*/ + /*font: 50px "josefin sans", arial;*/ + /*font-family: FreeMono;*/ + /*change this +for font-size and font-family*/ +} +#ist +{ + font-style:oblique; + font-size: 50px; + font-weight: bold; + margin-left: 10px; + color: black; + +} +#iist +{ + font-style:oblique; + font-size:20px; + font-weight: bold; + /*margin-left: 10px;*/ + color: black; +} +#search { + /*width: auto;*/ + width: 750px; + margin-left: 0px; + padding: 25px; + +} +.searches +{ + width:300px; +} +.submit1 +{ + color: white; + background-color: red; + border-radius: 10px; + height: 28px; + margin-left: -20px; +} +#main-menu +{ + float: right; + width: 500px; + margin-top: -50px; +} +#main-menu li{ + float: right; + width: 90px; + text-align: center; + list-style: none; + font-size: 20px; + /*padding: 30px;*/ +} +#main-menu li:hover +{ + font-size: 30px; + transition: all .3s ease ; +} +#navigation-bar +{ + width: 100%; + height: 30px; + background: white; + font-family: bold; + float: left; +} +nav +{ + width: 1200px; + margin: 0 auto; + +} +nav a +{ float: left; + margin-left: 35px; + color: black; + text-decoration: none; +} +nav a:hover +{ + color:blue; + transition: all .7s ease; +} +#slider +{ + border:0px; + box-shadow:none; + /*margin-left:-10px;*/ + width:100%; + /*max-width: 100%;*/ + float: left; + +} +.bx-wrapper .bx-pager.bx-default-pager a +{ + margin-top: -70px; +} +.heading-block +{ + width:100%; + height: auto; + float: left; + color:green; + font-size: 15px; + margin-top: -50px; + +} +.heading-block h2 +{ + line-height: 20px; + border-left: 10px solid black; + padding-left: 05px; +} +.catbox +{ + float: left; + width:250px; + height: 250px; + overflow: hidden; + position: relative; +} +.catbox span +{ + display: block; + background:black; + color: white; + height: 35px; + line-height: 35px; + bottom: 80px; + position: absolute; + z-index: 999; + text-align: center; + margin-left: 40px; +} +.catbox:hover span{ + color:gold; + + +} +.catbox img +{ + max-width: 100%; + transition: all .5s ease; +} +.catbox img:hover { + transition: all .5s ease; + transform: scale(1.3,1.3); +} + +.prod-box +{ + width: 235px; + height: 300px; + margin: 10px 23px 10px 0px; + overflow: hidden; + position: relative; + float: left; +} +.prod-box>img +{ + max-width: 100%; +} +.prod-trans +{ + background: rgba(0,0,0,0.6); + height: 100%; + width:100%; + position: absolute; + opacity: 0; + top:0; + bottom: 0; + left: 0; + right: 0; + /*margin-top: -70px;*/ + transition: all .5s ease; +} +.prod-box:hover .prod-trans +{ + opacity: 1; + transition: all .5s ease; + +} +.prod-feature +{ + text-align: center; + margin-top: -150px; + transition: all .5s ease; +} +.prod-feature p +{ + color: gold; + font-weight:bold; +} +.prod-box :hover .prod-feature +{ + margin-top: 150px; + transition: all .5s ease; +} +.offer +{ margin-top: -50px; + float: left; + width: 400px; + +} +.offer img +{ + width: 100%; +} +#footer +{ margin-top: 70px; + width: 100%; + height: 300px; + background:#232f3e; + float: left; +} +.footer-sub +{ margin-top: -20px; + width: 100%; + background:#1116 ; + height: 50px; + color: white; + font-weight: bold; +} +.footer-sub_1 +{ + width: 33.3%; + float: left; +} +.footer-sub_2 +{ + width: 20%; + float: left; + +} +/*.footer-sub_2 ul li{*/ + /*list-style:none;*/ + /*margin: 0 0 10px;*/ + /*!*margin-left: -50px;*!*/ +/*}*/ +.footer-sub_2 p a{ + margin-left: 140px; + list-style: none; + text-decoration: none; + color: white; +} +.footer-sub_3 +{ + width: 30%; + height: 200px; + float: left; + +} +#cd-textarea +{ + margin-left: 70px; + /*margin-left: 30px;*/ +} +.submit +{ + background-color:lightslategrey; + color: white; + font-weight: bold; + border-radius: 10px; +} +.submit:hover +{ + font-size: large; +}