Skip to content

C
Codeinfotech
Commit a242b203 by Aksa98
Options

Merge branch 'master' of https://gitlab.techware.co.in/Trainees_UI_Team/Codeinfotech

parents 6564a181 78252170
Showing with 766 additions and 449 deletions
package-lock.json
...@@ -1063,7 +1063,6 @@ ...@@ -1063,7 +1063,6 @@
"resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz", "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
"integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"delegates": "^1.0.0", "delegates": "^1.0.0",
"readable-stream": "^2.0.6" "readable-stream": "^2.0.6"
...@@ -2280,8 +2279,7 @@ ...@@ -2280,8 +2279,7 @@
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
"dev": true, "dev": true
"optional": true
}, },
"constants-browserify": { "constants-browserify": {
"version": "1.0.0", "version": "1.0.0",
...@@ -2680,8 +2678,7 @@ ...@@ -2680,8 +2678,7 @@
"version": "1.0.0", "version": "1.0.0",
"resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
"integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=", "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
"dev": true, "dev": true
"optional": true
}, },
"depd": { "depd": {
"version": "1.1.2", "version": "1.1.2",
...@@ -4164,7 +4161,6 @@ ...@@ -4164,7 +4161,6 @@
"resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz", "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
"integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==", "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"graceful-fs": "^4.1.2", "graceful-fs": "^4.1.2",
"inherits": "~2.0.0", "inherits": "~2.0.0",
...@@ -4177,7 +4173,6 @@ ...@@ -4177,7 +4173,6 @@
"resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz", "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
"integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"aproba": "^1.0.3", "aproba": "^1.0.3",
"console-control-strings": "^1.0.0", "console-control-strings": "^1.0.0",
...@@ -4215,8 +4210,7 @@ ...@@ -4215,8 +4210,7 @@
"version": "4.0.1", "version": "4.0.1",
"resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
"integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=", "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
"dev": true, "dev": true
"optional": true
}, },
"get-stream": { "get-stream": {
"version": "3.0.0", "version": "3.0.0",
...@@ -4396,8 +4390,7 @@ ...@@ -4396,8 +4390,7 @@
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
"integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=", "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
"dev": true, "dev": true
"optional": true
}, },
"has-value": { "has-value": {
"version": "1.0.0", "version": "1.0.0",
...@@ -5136,8 +5129,7 @@ ...@@ -5136,8 +5129,7 @@
"version": "0.2.1", "version": "0.2.1",
"resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
"integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=", "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
"dev": true, "dev": true
"optional": true
}, },
"is-windows": { "is-windows": {
"version": "1.0.2", "version": "1.0.2",
...@@ -5770,7 +5762,6 @@ ...@@ -5770,7 +5762,6 @@
"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
"integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"graceful-fs": "^4.1.2", "graceful-fs": "^4.1.2",
"parse-json": "^2.2.0", "parse-json": "^2.2.0",
...@@ -5783,8 +5774,7 @@ ...@@ -5783,8 +5774,7 @@
"version": "2.3.0", "version": "2.3.0",
"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
"integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
"dev": true, "dev": true
"optional": true
} }
} }
}, },
...@@ -6057,8 +6047,7 @@ ...@@ -6057,8 +6047,7 @@
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
"integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=", "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
"dev": true, "dev": true
"optional": true
}, },
"map-visit": { "map-visit": {
"version": "1.0.0", "version": "1.0.0",
...@@ -6701,7 +6690,6 @@ ...@@ -6701,7 +6690,6 @@
"resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
"integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"are-we-there-yet": "~1.1.2", "are-we-there-yet": "~1.1.2",
"console-control-strings": "~1.1.0", "console-control-strings": "~1.1.0",
...@@ -7737,7 +7725,6 @@ ...@@ -7737,7 +7725,6 @@
"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
"integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=", "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"load-json-file": "^1.0.0", "load-json-file": "^1.0.0",
"normalize-package-data": "^2.3.2", "normalize-package-data": "^2.3.2",
...@@ -7749,7 +7736,6 @@ ...@@ -7749,7 +7736,6 @@
"resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
"integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=", "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"graceful-fs": "^4.1.2", "graceful-fs": "^4.1.2",
"pify": "^2.0.0", "pify": "^2.0.0",
...@@ -7760,8 +7746,7 @@ ...@@ -7760,8 +7746,7 @@
"version": "2.3.0", "version": "2.3.0",
"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
"integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
"dev": true, "dev": true
"optional": true
} }
} }
}, },
...@@ -7770,7 +7755,6 @@ ...@@ -7770,7 +7755,6 @@
"resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
"integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=", "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"find-up": "^1.0.0", "find-up": "^1.0.0",
"read-pkg": "^1.0.0" "read-pkg": "^1.0.0"
...@@ -7781,7 +7765,6 @@ ...@@ -7781,7 +7765,6 @@
"resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
"integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=", "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"path-exists": "^2.0.0", "path-exists": "^2.0.0",
"pinkie-promise": "^2.0.0" "pinkie-promise": "^2.0.0"
...@@ -7792,7 +7775,6 @@ ...@@ -7792,7 +7775,6 @@
"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
"integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=", "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"pinkie-promise": "^2.0.0" "pinkie-promise": "^2.0.0"
} }
...@@ -9121,7 +9103,6 @@ ...@@ -9121,7 +9103,6 @@
"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
"integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"is-utf8": "^0.2.0" "is-utf8": "^0.2.0"
} }
...@@ -10461,7 +10442,6 @@ ...@@ -10461,7 +10442,6 @@
"resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz", "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
"integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
"dev": true, "dev": true,
"optional": true,
"requires": { "requires": {
"string-width": "^1.0.2 || 2" "string-width": "^1.0.2 || 2"
} }
......
src/app/body/landingpage/landingpage.component.html
...@@ -99,110 +99,426 @@ ...@@ -99,110 +99,426 @@
<!-- Nav pills --> <!-- Nav pills -->
<ul class="nav justify-content-center nav-pills" role="tablist"> <ul class="nav justify-content-center nav-pills" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#home">All</a> <a class="nav-link active" data-toggle="pill" href="#solution">Solutions</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#menu1">Web</a> <a class="nav-link" data-toggle="pill" href="#templates">Templates</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#menu2">App</a>
</li> </li>
</ul> </ul>
<!-- Tab panes --> <!-- Tab panes -->
<div class="tab-content"> <div class="tab-content">
<div id="home" class="container tab-pane active"> <div id="solution" class="container tab-pane active"><br>
<div class="row"> <ngx-slick-carousel class="carousel"
<div class="col"> #slickModal="slick-carousel"
<div class="prod_img"> [config]="solutionConfig">
<div class="prod_hover"> <div ngxSlickItem class="tab_slider">
<div class="prod_hover_overlay"> <div class="row">
<img src="../../../assets/img/call_cab.png"> <div class="col">
<h6>Branding • UI/UX • Web</h6> <div class="prod_img">
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p> <div class="prod_hover">
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p> <div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>LaTaxi is an on-demand taxi booking solution for taxi businesses. With its elegant, easy-to-use and highly customizable design, make your taxi business online, effortlessly.
</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_one.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Call My Cab is an advanced online cab booking and dispatch system, used for effective management of riders and drivers. Its attractive and efficient design can help you start your business in no time.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_two.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>BookMyDoc is an exceptional Online Doctor Appointment Scheduling System. Its easy-to-use UI and elegant design will provide its user with a hassle-free experience while booking appointments.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_six.png">
</div>
</div> </div>
</div> </div>
<img src="../../../assets/img/asset_poster_one.png"> <div class="row">
</div> <div class="col">
<div class="prod_img">
</div> <div class="prod_hover">
<div class="col"> <div class="prod_hover_overlay">
<div class="prod_img"> <img src="../../../assets/img/call_cab.png">
<div class="prod_hover"> <p>BookMy Salon is a simple yet elegant Salon Scheduling Software Solution. Its graceful design and smart features will leave a lasting impression on your clients.</p>
<div class="prod_hover_overlay"> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
<img src="../../../assets/img/call_cab.png"> </div>
<h6>Branding • UI/UX • Web</h6> </div>
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p> <img src="../../../assets/img/asset_poster_three.png">
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p> </div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>True Bus is a powerful Online Bus Ticket Booking and Reservation System. It is a dynamic and automated system for all bus booking and reservation operations.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_four.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Auto Connect is an advanced Online Automotive Repair Booking Solution. Its easy-to-use and highly customizable design make auto repair booking easier than ever before.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_five.png">
</div>
</div>
</div> </div>
</div>
<img src="../../../assets/img/asset_poster_two.png">
</div> </div>
</div> <div ngxSlickItem class="tab_slider">
<div class="col"> <div class="row">
<div class="prod_img"> <div class="col">
<div class="prod_hover"> <div class="prod_img">
<div class="prod_hover_overlay"> <div class="prod_hover">
<img src="../../../assets/img/call_cab.png"> <div class="prod_hover_overlay">
<h6>Branding • UI/UX • Web</h6> <img src="../../../assets/img/call_cab.png">
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p> <p>My Directory is a smart Online Business Listing Directory Software Solution. With its stunning features and attractive design, make your Directory Business online easily.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_one.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Ticket Bazzar is the best Online Theatre Ticket Booking System. With advanced filters and payment integration, Ticket Bazzar is the right choice for theatre and event bookings.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_two.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Clickkart is an Online Enterprise E-Commerce Grocery Solution for supermarkets and grocery shops. Its elegant UI and smart features will guarantee returning customers.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_six.png">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>GoCourt is the first of its kind Lawyer Search System. With a clean, intelligent and highly customisable design, GoCourt will be the best choice to manage your law firm operations.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_three.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Accomodo is an Online Vacation Rental Management Software Solution. Its sleek design and advanced features will ensure an increase in demand for your business.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_four.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>City Ride is a Self Drive Car Rental Booking Software Solution. Its easy-to-use UI and attractive design will give users an hassle-free experience.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_five.png">
</div>
</div>
</div> </div>
</div>
<img src="../../../assets/img/asset_poster_six.png">
</div> </div>
</div> <div ngxSlickItem class="tab_slider">
</div> <div class="row">
<div class="row"> <div class="col">
<div class="col"> <div class="prod_img">
<div class="prod_img"> <div class="prod_hover">
<div class="prod_hover"> <div class="prod_hover_overlay">
<div class="prod_hover_overlay"> <img src="../../../assets/img/call_cab.png">
<img src="../../../assets/img/call_cab.png"> <p>Eoffice is a simple cloud based Office Attendance Management System. This Human Resource Management Software with its clean design and features will help synchronize hectic and messy office work.</p>
<h6>Branding • UI/UX • Web</h6> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p> </div>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p> </div>
<img src="../../../assets/img/asset_poster_one.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Moments is an Online Wedding Planning Software Solution, for easy and fast wedding planning. With its attractive design and easy-to-use UI, customers will have an easy time in planning their weddings at the comfort of home.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_two.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Rapport is a vibrant online dating software solution. Its smooth UI, charming design and excellent features will ensure a fun experience for finding your perfect match online.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_six.png">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<h6>Branding • UI/UX • Web</h6>
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_three.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<h6>Branding • UI/UX • Web</h6>
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_four.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<h6>Branding • UI/UX • Web</h6>
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_five.png">
</div>
</div>
</div> </div>
</div>
<img src="../../../assets/img/asset_poster_three.png">
</div> </div>
</div> </ngx-slick-carousel>
<div class="col"> </div>
<div class="prod_img"> <div id="templates" class="container tab-pane fade"><br>
<div class="prod_hover"> <ngx-slick-carousel class="carousel"
<div class="prod_hover_overlay"> #slickModal="slick-carousel"
<img src="../../../assets/img/call_cab.png"> [config]="templateConfig">
<h6>Branding • UI/UX • Web</h6> <div ngxSlickItem class="tab_slider">
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p> <div class="row">
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p> <div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Joyride is a Ride-Sharing ready-made mobile app template. Its modern and clean design and eco-friendly approach along with its breathtaking features and flexibility to customisation will make everyone impressed.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_one.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Handyman is an easily customizable service marketplace template for a full range of home services. Its user-friendly design and well-defined features guarantee a rich experience to its users.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_two.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>LaEats is a ready-made On-demand Food Delivery App Template. It's loaded with stunning features and is fully customizable. With a smooth design and well-structured UI, LaEats is an easily navigatable Food Delivery App.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_six.png">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Novero is a powerful Online Payment and Wallet App Template for online shopping, recharging and many more. With advanced features and payment integration, Novero offers a rich experience to its users.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_three.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>FinePay is a ready-made Finance Management Software Template. With Its simple and fine-tuned design, users will have an enhanced UX. It is the best choice for a banking software template.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_four.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Auto Spa is an attractive template made specifically for Carwash Business. Its clean and modern design is a great way for car wash business and auto garage owners to boost their client inflow.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_five.png">
</div>
</div>
</div> </div>
</div>
<img src="../../../assets/img/asset_poster_four.png">
</div> </div>
</div> <div ngxSlickItem class="tab_slider">
<div class="col"> <div class="row">
<div class="prod_img"> <div class="col">
<div class="prod_hover"> <div class="prod_img">
<div class="prod_hover_overlay"> <div class="prod_hover">
<img src="../../../assets/img/call_cab.png"> <div class="prod_hover_overlay">
<h6>Branding • UI/UX • Web</h6> <img src="../../../assets/img/call_cab.png">
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p> <p>Luke is a highly intelligent Chatbot Template made specifically for improving your business’s customer engagement. Powered by AI and ML, Luke will take care of your client support, 24X7.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_one.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Aria is a premium Real Estate Template for finding agents and properties. Its interactive UI ensures full user engagement. With a remarkable design and Google Maps integration, Aria offers an out-of-the-world UX.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_two.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>FixMyAuto is an On-Demand AutoMobile Service Marketplace Template best suitable for auto-mechanic or car service websites. With its elegant and interactive design along with stunning features, FixMyAuto leaves a lasting impression to its users.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_six.png">
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Pharm 24X7 is an Online Medicine Delivery App Template. With a clean and elegant design, Pharm 24X7 offers exciting features to its users, for purchasing medicines and health products.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_three.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<p>Accomodo is an easily customizable Vacation Rental App Template specially designed to make renting faster. With its stunning features and user-friendly design, Accomodo can help to manage your rental business easily.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_four.png">
</div>
</div>
<div class="col">
<div class="prod_img">
<div class="prod_hover">
<div class="prod_hover_overlay">
<img src="../../../assets/img/call_cab.png">
<h6>Branding • UI/UX • Web</h6>
<p>Call My Cab is a web application for online cab booking system. Its customer friendly website built for fast, efficient, effective, responsive way to access all the cab facilities on your finger tips.</p>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div>
</div>
<img src="../../../assets/img/asset_poster_five.png">
</div>
</div>
</div> </div>
</div>
<img src="../../../assets/img/asset_poster_five.png">
</div> </div>
</div> </ngx-slick-carousel>
</div>
</div>
<div id="menu1" class="container tab-pane fade"><br>
<h3>Menu 1</h3>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div id="menu2" class="container tab-pane fade"><br>
<h3>Menu 2</h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -270,199 +586,110 @@ ...@@ -270,199 +586,110 @@
<div class="rating_review"> <div class="rating_review">
<div class="rating_overlay"> <div class="rating_overlay">
<h2>RATINGS AND REVIEWS</h2> <h2>RATINGS AND REVIEWS</h2>
<hr> <!-- <hr> -->
</div> </div>
<div class="rating_review_box"> <div class="rating_review_box">
<ngx-slick-carousel class="carousel" <div class="rating_slide">
#slickModal="slick-carousel" <div class="rating_review_box_one">
[config]="ratingConfig"> <div class="row">
<div ngxSlickItem class="rating_slide"> <div class="rating_head">
<div class="rating_review_box_one"> <div class="rating_star">
<div class="row"> <fieldset class="rating">
<div class="rating_head"> <input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
<div class="rating_star"> <input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
<fieldset class="rating"> <input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label> <input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
<input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label> <input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label> <input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
<input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label> <input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label> <input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
<input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label> <input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label> <input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
<input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label> </fieldset>
<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label> </div>
<input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label> <div class="for-design-quality">
</fieldset> <div class="for_textstyle">for</div> Code Quality
</div> </div>
<div class="for-design-quality"> <div class="kochi_taxi"> by<span> bwmadda</span> 6 months ago</div>
<div class="for_textstyle">for</div> Design Quality
</div>
<div class="kochi_taxi">by kochitaxi</div>
</div>
</div>
<div class="clear"></div>
<div class="row rating_body">
<div class="rating_content">
I love this application.its very easy to manage.
</div>
</div>
</div>
<div class="rating_review_box_one">
<div class="row">
<div class="rating_head">
<div class="rating_star">
<fieldset class="rating">
<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
<input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
<input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
<input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
<input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
<input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
</fieldset>
</div>
<div class="for-design-quality">
<div class="for_textstyle">for</div> Design Quality
</div>
<div class="kochi_taxi">by kochitaxi</div>
</div>
</div>
<div class="clear"></div>
<div class="row rating_body">
<div class="rating_content">
I love this application.its very easy to manage.
</div> </div>
</div> </div>
<div class="clear"></div>
<div class="row rating_body">
<div class="rating_content">
Best product in CodeCanyon for taxi app to start. I am amazed with the team support and guideline.<br>
Surely getting some customization for my business, best of luck!
</div> </div>
</div> </div>
<div ngxSlickItem class="rating_slide"> </div>
<div class="rating_review_box_one"> <div class="rating_review_box_one">
<div class="row"> <div class="row">
<div class="rating_head"> <div class="rating_head">
<div class="rating_star"> <div class="rating_star">
<fieldset class="rating"> <fieldset class="rating">
<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label> <input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
<input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label> <input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label> <input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
<input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label> <input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label> <input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
<input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label> <input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label> <input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
<input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label> <input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label> <input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
<input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label> <input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
</fieldset> </fieldset>
</div> </div>
<div class="for-design-quality"> <div class="for-design-quality">
<div class="for_textstyle">for</div> Design Quality <div class="for_textstyle">for</div> Design Quality
</div> </div>
<div class="kochi_taxi">by kochitaxi</div> <div class="kochi_taxi">by <span> thillpc</span> 2 months ago</div>
</div>
</div>
<div class="clear"></div>
<div class="row rating_body">
<div class="rating_content">
I love this application.its very easy to manage.
</div>
</div>
</div>
<div class="rating_review_box_one">
<div class="row">
<div class="rating_head">
<div class="rating_star">
<fieldset class="rating">
<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
<input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
<input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
<input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
<input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
<input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
</fieldset>
</div>
<div class="for-design-quality">
<div class="for_textstyle">for</div> Design Quality
</div>
<div class="kochi_taxi">by kochitaxi</div>
</div>
</div>
<div class="clear"></div>
<div class="row rating_body">
<div class="rating_content">
I love this application.its very easy to manage.
</div> </div>
</div> </div>
</div> <div class="clear"></div>
<div class="row rating_body">
<div class="rating_content">
This is an awesome app For a startup taxi company, easy to customize and use, ride sharing experience perfect.<br>
Thanks Lataxi
</div>
</div> </div>
<div ngxSlickItem class="rating_slide"> </div>
<div class="rating_review_box_one"> <div class="rating_review_box_one">
<div class="row"> <div class="row">
<div class="rating_head"> <div class="rating_head">
<div class="rating_star"> <div class="rating_star">
<fieldset class="rating"> <fieldset class="rating">
<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label> <input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
<input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label> <input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label> <input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
<input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label> <input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label> <input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
<input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label> <input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label> <input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
<input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label> <input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label> <input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
<input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label> <input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
</fieldset> </fieldset>
</div>
<div class="for-design-quality">
<div class="for_textstyle">for</div> Design Quality
</div>
<div class="kochi_taxi">by kochitaxi</div>
</div> </div>
</div> <div class="for-design-quality">
<div class="clear"></div> <div class="for_textstyle">for</div> Customer Support
<div class="row rating_body"> </div>
<div class="rating_content"> <div class="kochi_taxi">by <span> rj0403</span> 5 months ago</div>
I love this application.Its very easy to manage. </div>
</div>
</div>
</div> </div>
<div class="rating_review_box_one"> <div class="clear"></div>
<div class="row"> <div class="row rating_body">
<div class="rating_head"> <div class="rating_content">
<div class="rating_star"> I appreciate the support you provided in setting up the backend...but expect more questions from me as i work with the android app...thanks again...
<fieldset class="rating">
<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
<input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
<input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
<input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
<input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
<input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
</fieldset>
</div>
<div class="for-design-quality">
<div class="for_textstyle">for</div> Design Quality
</div>
<div class="kochi_taxi">by kochitaxi</div>
</div>
</div>
<div class="clear"></div>
<div class="row rating_body">
<div class="rating_content">
I love this application.its very easy to manage.
</div>
</div>
</div> </div>
</div> </div>
</ngx-slick-carousel> </div>
</div>
</div>
</div>
<div class="advert_space">
<h2>OFFER NOW RUNNING</h2>
<div class="advert_image">
<img src="../../../assets/img/Limited Time Offer _lataxi.png">
</div> </div>
</div> </div>
<div class="clear"></div>
</div> </div>
src/app/body/landingpage/landingpage.component.scss
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
} }
.rating > label { .rating > label {
color: rgb(199, 197, 197); color: #ffbf00;
float: right; float: right;
} }
...@@ -29,12 +29,12 @@ ...@@ -29,12 +29,12 @@
.rating > input:checked ~ label, /* show gold star when clicked */ .rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */ .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, /* hover current star when changing rating */
.rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .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 //css for landingpage
.backgnd_grey{ .backgnd_grey{
...@@ -163,71 +163,78 @@ ...@@ -163,71 +163,78 @@
.tab-content{ .tab-content{
margin-top: 50px; margin-top: 50px;
.tab-pane{ .tab-pane{
.row{ ngx-slick-carousel{
.col{ .tab_slider{
padding: 5px; .row{
.prod_img{ margin-left: 0px;
width: 100%; margin-right: 0px;
height: 306px; .col{
position: relative; padding: 5px;
img{ .prod_img{
width: 100%; width: 100%;
height: 100%; height: 306px;
} position: relative;
} img{
.prod_hover{ width: 100%;
position: absolute; height: 100%;
text-align: left; }
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0,0 , .8);
opacity: 0;
transition-timing-function: ease-out;
transition: 1s;
&:hover{
opacity: 1;
transition-timing-function: ease-out;
transition: 1s;
}
.prod_hover_overlay{
margin-top: 30px;
margin-left: 35px;
margin-right: 30px;
margin-bottom: 30px;
img{
width: auto;
height: 50px;
}
h6{
margin-top: 20px;
object-fit: contain;
font-family: Roboto;
font-size: 18px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.28;
letter-spacing: normal;
text-align: left;
color: #6b6b6b;
} }
p{ .prod_hover{
margin-top: 10px; position: absolute;
object-fit: contain;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.53;
letter-spacing: normal;
text-align: left; text-align: left;
color: #ffffff; top: 0;
img{ left: 0;
height: auto !important; right: 0;
width: 23px; bottom: 0;
background-color: rgba(0, 0,0 , .8);
opacity: 0;
transition-timing-function: ease-out;
transition: 1s;
&:hover{
opacity: 1;
transition-timing-function: ease-out;
transition: 1s;
}
.prod_hover_overlay{
margin-top: 30px;
margin-left: 35px;
margin-right: 30px;
margin-bottom: 30px;
img{
width: auto;
height: 50px;
}
h6{
margin-top: 20px;
object-fit: contain;
font-family: Roboto;
font-size: 18px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.28;
letter-spacing: normal;
text-align: left;
color: #6b6b6b;
}
p{
margin-top: 10px;
object-fit: contain;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.53;
letter-spacing: normal;
text-align: left;
color: #ffffff;
img{
height: auto !important;
width: 23px;
display: inline;
}
}
} }
} }
} }
...@@ -318,94 +325,123 @@ ...@@ -318,94 +325,123 @@
} }
} }
.rating_review{ .rating_review{
display: inline-block;
width: 50%;
padding-left: 60px;
padding-right: 60px;
background-color: #ffffff; background-color: #ffffff;
text-align: center; text-align: left;
.rating_overlay{ .rating_overlay{
padding-top: 73px; padding-top: 73px;
h2{ h2{
color: #3c3c3b !important; color: #3c3c3b !important;
font-size: 36px !important;
}
hr{
margin-left: 0px;
} }
} }
.rating_review_box{ .rating_review_box{
max-width: 980px; max-width: 980px;
margin: 0 auto; margin: 0 auto;
margin-bottom: 75px; margin-bottom: 75px;
padding-top: 36px; padding-top: 20px;
ngx-slick-carousel{ .rating_slide{
.rating_slide{ .rating_review_box_one{
.rating_review_box_one{ margin: 23px 16px 24px 16px;
margin: 23px 16px 24px 16px; .row{
.row{ width: 100%;
margin-left: 0px;
margin-right: 0px;
.rating_head{
background-color: rgb(225, 225, 225);
width: 100%; width: 100%;
margin-left: 0px; text-align: left;
margin-right: 0px; .rating_star{
.rating_head{ margin: 0px 23px 0px 20px;
background-color: rgb(225, 225, 225); display: inline-block;
width: 100%; label{
text-align: left; margin-bottom: 0px;
.rating_star{
margin: 0px 23px 0px 20px;
display: inline-block;
label{
margin-bottom: 0px;
}
img{
width: 100%;
}
} }
.for-design-quality{ img{
display: inline-block; width: 100%;
padding: 5px 0px 0px 0px;
vertical-align: top;
object-fit: contain;
font-family: Roboto;
font-size: 21px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #696969;
.for_textstyle{
font-weight: normal;
display: inline;
}
} }
.kochi_taxi{ }
padding: 5px 33px 0px 0px; .for-design-quality{
vertical-align: top; display: inline-block;
float: right; padding: 8px 0px 0px 0px;
object-fit: contain; vertical-align: top;
font-family: Roboto; object-fit: contain;
font-size: 21px; font-family: Roboto;
font-weight: 500; font-size: 19px;
font-style: normal; font-weight: bold;
font-stretch: normal; font-style: normal;
letter-spacing: normal; font-stretch: normal;
text-align: left; letter-spacing: normal;
color: #656565; text-align: left;
color: #696969;
.for_textstyle{
font-weight: normal;
display: inline;
} }
} }
} .kochi_taxi{
.rating_body{ padding: 12px 25px 0px 0px;
border: 2px solid rgb(225, 225, 225); vertical-align: top;
.rating_content{ float: right;
object-fit: contain; object-fit: contain;
font-family: Roboto; font-family: Roboto;
font-size: 21px; font-size: 17px;
font-weight: normal; font-weight: 500;
font-style: normal; font-style: normal;
font-stretch: normal; font-stretch: normal;
line-height: 0.83;
letter-spacing: normal; letter-spacing: normal;
text-align: left; text-align: left;
color: #656565; color: #656565;
margin: 48px 0px 40px 30px; span{
color: cornflowerblue;
}
} }
} }
} }
.rating_body{
border: 2px solid rgb(225, 225, 225);
.rating_content{
object-fit: contain;
font-family: Roboto;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #656565;
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 { ...@@ -12,5 +12,7 @@ export class LandingpageComponent implements OnInit {
ngOnInit() { ngOnInit() {
} }
firstConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": false,"dots":true,"autoplay":false,"autoplaySpeed":2000}; 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,46 +161,60 @@ nav{ ...@@ -161,46 +161,60 @@ nav{
} }
} }
.rating_review{ .rating_review{
padding-left: 10px !important;
padding-right: 10px !important;
width: 100% !important;
text-align: center !important;
.rating_overlay{ .rating_overlay{
padding-top: 40px !important; padding-top: 40px !important;
} }
.rating_review_box{ .rating_review_box{
padding-top: 20px !important; padding-top: 20px !important;
ngx-slick-carousel{ .rating_slide{
.rating_slide{ .rating_review_box_one{
.rating_review_box_one{ margin: 23px 0px 24px 0px !important;
.row{ .row{
.rating_head{ .rating_head{
.rating_star{ .rating_star{
margin: 0px 0px 0px 4px !important; margin: 0px 0px 0px 4px !important;
line-height: 1.5 !important; line-height: 1.5 !important;
}
.for-design-quality{
padding: 5px 16px 0px 0px !important;
float: right !important;
font-size: 19px !important;
line-height: 1.5 !important;
}
.kochi_taxi{
padding: 0px 0px 0px 0px !important;
font-size: 19px !important;
text-align: center !important;
float: none !important;
}
} }
} .for-design-quality{
.rating_body{ padding: 5px 16px 0px 0px !important;
.rating_content{ float: right !important;
font-size: 18px !important; font-size: 19px !important;
margin: 25px 15px 25px 15px !important;
line-height: 1.5 !important; line-height: 1.5 !important;
} }
.kochi_taxi{
padding: 0px 16px 0px 0px !important;
font-size: 19px !important;
text-align: right !important;
float: none !important;
}
}
}
.rating_body{
.rating_content{
font-size: 15px !important;
margin: 25px 15px 25px 15px !important;
line-height: 1.5 !important;
} }
} }
} }
} }
} }
} }
.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;
}
}
} }
//scss for aboutus //scss for aboutus
...@@ -440,7 +454,7 @@ nav{ ...@@ -440,7 +454,7 @@ nav{
.col{ .col{
padding: 8px !important; padding: 8px !important;
.prod_img{ .prod_img{
width: 680px !important; width: 650px !important;
height: 100% !important; height: 100% !important;
} }
.prod_hover{ .prod_hover{
...@@ -463,6 +477,21 @@ nav{ ...@@ -463,6 +477,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***********************/ /************************footer***********************/
......
src/styles.scss
...@@ -55,4 +55,46 @@ ...@@ -55,4 +55,46 @@
} }
} }
} }
}
// 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