Skip to content

C
Codeinfotech
Commit f0251d4c by abraham
Options

new change

parent 9f1a2a27
Showing with 137 additions and 47 deletions
package-lock.json
......@@ -1063,7 +1063,6 @@
"resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
"integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
"dev": true,
"optional": true,
"requires": {
"delegates": "^1.0.0",
"readable-stream": "^2.0.6"
......@@ -2280,8 +2279,7 @@
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
"dev": true,
"optional": true
"dev": true
},
"constants-browserify": {
"version": "1.0.0",
......@@ -2680,8 +2678,7 @@
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
"integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
"dev": true,
"optional": true
"dev": true
},
"depd": {
"version": "1.1.2",
......@@ -4164,7 +4161,6 @@
"resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
"integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==",
"dev": true,
"optional": true,
"requires": {
"graceful-fs": "^4.1.2",
"inherits": "~2.0.0",
......@@ -4177,7 +4173,6 @@
"resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
"integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
"dev": true,
"optional": true,
"requires": {
"aproba": "^1.0.3",
"console-control-strings": "^1.0.0",
......@@ -4215,8 +4210,7 @@
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
"integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
"dev": true,
"optional": true
"dev": true
},
"get-stream": {
"version": "3.0.0",
......@@ -4396,8 +4390,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
"integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
"dev": true,
"optional": true
"dev": true
},
"has-value": {
"version": "1.0.0",
......@@ -5136,8 +5129,7 @@
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
"integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
"dev": true,
"optional": true
"dev": true
},
"is-windows": {
"version": "1.0.2",
......@@ -5770,7 +5762,6 @@
"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
"integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
"dev": true,
"optional": true,
"requires": {
"graceful-fs": "^4.1.2",
"parse-json": "^2.2.0",
......@@ -5783,8 +5774,7 @@
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
"integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
"dev": true,
"optional": true
"dev": true
}
}
},
......@@ -6057,8 +6047,7 @@
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
"integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
"dev": true,
"optional": true
"dev": true
},
"map-visit": {
"version": "1.0.0",
......@@ -6701,7 +6690,6 @@
"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
"integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
"dev": true,
"optional": true,
"requires": {
"are-we-there-yet": "~1.1.2",
"console-control-strings": "~1.1.0",
......@@ -7737,7 +7725,6 @@
"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
"integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
"dev": true,
"optional": true,
"requires": {
"load-json-file": "^1.0.0",
"normalize-package-data": "^2.3.2",
......@@ -7749,7 +7736,6 @@
"resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
"integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
"dev": true,
"optional": true,
"requires": {
"graceful-fs": "^4.1.2",
"pify": "^2.0.0",
......@@ -7760,8 +7746,7 @@
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
"integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
"dev": true,
"optional": true
"dev": true
}
}
},
......@@ -7770,7 +7755,6 @@
"resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
"integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
"dev": true,
"optional": true,
"requires": {
"find-up": "^1.0.0",
"read-pkg": "^1.0.0"
......@@ -7781,7 +7765,6 @@
"resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
"integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
"dev": true,
"optional": true,
"requires": {
"path-exists": "^2.0.0",
"pinkie-promise": "^2.0.0"
......@@ -7792,7 +7775,6 @@
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
"integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
"dev": true,
"optional": true,
"requires": {
"pinkie-promise": "^2.0.0"
}
......@@ -9121,7 +9103,6 @@
"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
"integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
"dev": true,
"optional": true,
"requires": {
"is-utf8": "^0.2.0"
}
......@@ -10461,7 +10442,6 @@
"resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
"integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
"dev": true,
"optional": true,
"requires": {
"string-width": "^1.0.2 || 2"
}
......
src/app/body/landingpage/landingpage.component.scss
......@@ -21,7 +21,7 @@
}
.rating > label {
color: rgb(199, 197, 197);
color: #ffbf00;
float: right;
}
......@@ -29,12 +29,12 @@
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */
.rating:not(:checked) > label:hover ~ label { color: #ffbf00; } /* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85; }
.rating > input:checked ~ label:hover ~ label { color: #ffbf00; }
//css for landingpage
.backgnd_grey{
......@@ -163,7 +163,11 @@
.tab-content{
margin-top: 50px;
.tab-pane{
ngx-slick-carousel{
.tab_slider{
.row{
margin-left: 0px;
margin-right: 0px;
.col{
padding: 5px;
.prod_img{
......@@ -228,6 +232,9 @@
img{
height: auto !important;
width: 23px;
display: inline;
}
}
}
}
}
......@@ -318,20 +325,27 @@
}
}
.rating_review{
display: inline-block;
width: 50%;
padding-left: 60px;
padding-right: 60px;
background-color: #ffffff;
text-align: center;
text-align: left;
.rating_overlay{
padding-top: 73px;
h2{
color: #3c3c3b !important;
font-size: 36px !important;
}
hr{
margin-left: 0px;
}
}
.rating_review_box{
max-width: 980px;
margin: 0 auto;
margin-bottom: 75px;
padding-top: 36px;
ngx-slick-carousel{
padding-top: 20px;
.rating_slide{
.rating_review_box_one{
margin: 23px 16px 24px 16px;
......@@ -355,11 +369,11 @@
}
.for-design-quality{
display: inline-block;
padding: 5px 0px 0px 0px;
padding: 8px 0px 0px 0px;
vertical-align: top;
object-fit: contain;
font-family: Roboto;
font-size: 21px;
font-size: 19px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
......@@ -372,18 +386,21 @@
}
}
.kochi_taxi{
padding: 5px 33px 0px 0px;
padding: 12px 25px 0px 0px;
vertical-align: top;
float: right;
object-fit: contain;
font-family: Roboto;
font-size: 21px;
font-size: 17px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #656565;
span{
color: cornflowerblue;
}
}
}
}
......@@ -392,19 +409,38 @@
.rating_content{
object-fit: contain;
font-family: Roboto;
font-size: 21px;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 0.83;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #656565;
margin: 48px 0px 40px 30px;
margin: 30px 0px 30px 20px;
}
}
}
}
}
}
.advert_space{
text-align: right;
padding-left: 100px;
padding-right: 200px;
width: 50%;
float: right;
padding-top: 73px;
padding-bottom: 40px;
h2{
color: #3c3c3b !important;
font-size: 36px !important;
}
.advert_image{
height: 550px;
margin-top: 40px;
img{
height: 100%;
}
}
}
......
src/app/body/landingpage/landingpage.component.ts
......@@ -12,5 +12,7 @@ export class LandingpageComponent implements OnInit {
ngOnInit() {
}
firstConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": false,"dots":true,"autoplay":false,"autoplaySpeed":2000};
ratingConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": true,"autoplay":false,"autoplaySpeed":2000,responsive:[{breakpoint:480,settings:{arrows:false}}]};
solutionConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": true,"dots":true,"autoplay":false,"autoplaySpeed":2000,responsive:[{breakpoint:800,settings:"unslick"}]};
templateConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": true,"dots":true,"autoplay":false,"autoplaySpeed":2000,responsive:[{breakpoint:800,settings:"unslick"}]};
ratingConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": true,"autoplay":false,"autoplaySpeed":2000,responsive:[{breakpoint:800,settings:{arrows:false}}]};
}
src/assets/responsive.scss
......@@ -161,14 +161,18 @@ nav{
}
}
.rating_review{
padding-left: 10px !important;
padding-right: 10px !important;
width: 100% !important;
text-align: center !important;
.rating_overlay{
padding-top: 40px !important;
}
.rating_review_box{
padding-top: 20px !important;
ngx-slick-carousel{
.rating_slide{
.rating_review_box_one{
margin: 23px 0px 24px 0px !important;
.row{
.rating_head{
.rating_star{
......@@ -182,16 +186,16 @@ nav{
line-height: 1.5 !important;
}
.kochi_taxi{
padding: 0px 0px 0px 0px !important;
padding: 0px 16px 0px 0px !important;
font-size: 19px !important;
text-align: center !important;
text-align: right !important;
float: none !important;
}
}
}
.rating_body{
.rating_content{
font-size: 18px !important;
font-size: 15px !important;
margin: 25px 15px 25px 15px !important;
line-height: 1.5 !important;
}
......@@ -200,6 +204,16 @@ nav{
}
}
}
.advert_space{
text-align: center !important;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 10px !important;
width: 100% !important;
float: none !important;
.advert_image{
height: 350px !important;
}
}
}
......@@ -437,7 +451,7 @@ nav{
.col{
padding: 8px !important;
.prod_img{
width: 680px !important;
width: 650px !important;
height: 100% !important;
}
.prod_hover{
......@@ -460,6 +474,21 @@ nav{
}
}
.rating_review{
width: 100% !important;
text-align: center !important;
}
.advert_space{
text-align: center !important;
padding-left: 125px !important;
padding-right: 125px !important;
padding-top: 10px !important;
width: 100% !important;
float: none !important;
.advert_image{
height: 500px !important;
}
}
}
/************************footer***********************/
......
src/styles.scss
......@@ -56,3 +56,45 @@
}
}
}
// scss for tab_slide
.landing_page{
.our_products{
.container{
.tab-content{
.tab-pane{
ngx-slick-carousel{
.slick-list{
.slick-track{
.tab_slider{
outline: none;
}
}
}
.slick-prev{
left: -40px;
height: auto;
width: auto;
&:before{
background-color: #000;
border: 1px solid #000;
border-radius: 50%;
font-size: 30px;
}
}
.slick-next{
right: -40px;
height: auto;
width: auto;
&:before{
background-color: #000;
border: 1px solid #000;
border-radius: 50%;
font-size: 30px;
}
}
}
}
}
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment