Skip to content

C
Codeinfotech
Commit 38ea65f4 by abraham
Options

over

parent 5c7a8fe7
Showing with 30 additions and 45 deletions
src/app/body/landingpage/landingpage.component.html
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
<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/LaTaxi.png"> <img src="../../../assets/img/La-taxi.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>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>
<p>View More <img src="../../../assets/img/asset_white_arrow.png"></p> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
...@@ -182,7 +182,7 @@ ...@@ -182,7 +182,7 @@
<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/autoconnect.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -198,7 +198,7 @@ ...@@ -198,7 +198,7 @@
<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/MyDirectory.png">
<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>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>
...@@ -211,19 +211,19 @@ ...@@ -211,19 +211,19 @@
<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/TicketBazar.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
</div> </div>
<img src="../../../assets/img/asset_poster_two.png"> <img src="../../../assets/img/asset_poster_three.png">
</div> </div>
</div> </div>
<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/Clickart.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -237,7 +237,7 @@ ...@@ -237,7 +237,7 @@
<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/Gocourt.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -249,7 +249,7 @@ ...@@ -249,7 +249,7 @@
<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/Accomodo.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -261,7 +261,7 @@ ...@@ -261,7 +261,7 @@
<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/cityRide.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -277,7 +277,7 @@ ...@@ -277,7 +277,7 @@
<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/E office.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> <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>
<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>
...@@ -290,7 +290,7 @@ ...@@ -290,7 +290,7 @@
<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/Moments.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -302,7 +302,7 @@ ...@@ -302,7 +302,7 @@
<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//Rapport.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -317,7 +317,6 @@ ...@@ -317,7 +317,6 @@
<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">
<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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -330,7 +329,6 @@ ...@@ -330,7 +329,6 @@
<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">
<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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -343,7 +341,6 @@ ...@@ -343,7 +341,6 @@
<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">
<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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -416,12 +413,12 @@ ...@@ -416,12 +413,12 @@
<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/finepay-logo.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
</div> </div>
<img src="../../../assets/img/asset_poster_four.png"> <img src="../../../assets/img/finepay.png">
</div> </div>
</div> </div>
<div class="col"> <div class="col">
...@@ -495,7 +492,7 @@ ...@@ -495,7 +492,7 @@
<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/Accomodo.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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
...@@ -508,7 +505,6 @@ ...@@ -508,7 +505,6 @@
<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">
<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>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> <p>View More <img src="../../../assets/img/asset_white_arrow.png"></p>
</div> </div>
......
src/app/body/landingpage/landingpage.component.scss
...@@ -204,19 +204,6 @@ ...@@ -204,19 +204,6 @@
width: auto; width: auto;
height: 50px; 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{ p{
margin-top: 10px; margin-top: 10px;
object-fit: contain; object-fit: contain;
......
src/app/body/landingpage/landingpage.component.ts
...@@ -12,6 +12,6 @@ export class LandingpageComponent implements OnInit { ...@@ -12,6 +12,6 @@ export class LandingpageComponent implements OnInit {
ngOnInit() { ngOnInit() {
} }
firstConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": false,"dots":true,"autoplay":true,"autoplaySpeed":2000}; firstConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": false,"dots":true,"autoplay":true,"autoplaySpeed":2000};
solutionConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": true,"dots":true,"autoplay":false,"autoplaySpeed":2000,responsive:[{breakpoint:800,settings:"unslick"}]}; solutionConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": true,"dots":true,"autoplay":true,"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"}]}; templateConfig = {"slidesToShow": 1, "slidesToScroll": 1,"arrows": true,"dots":true,"autoplay":true,"autoplaySpeed":2000,responsive:[{breakpoint:800,settings:"unslick"}]};
} }
src/app/header/header.component.scss
...@@ -8,6 +8,7 @@ nav{ ...@@ -8,6 +8,7 @@ nav{
width: 100%; width: 100%;
z-index: 10; z-index: 10;
.logo{ .logo{
cursor: pointer;
img{ img{
width: 80%; width: 80%;
height: 100%; height: 100%;
......
src/app/header/header.component.ts
...@@ -16,7 +16,6 @@ export class HeaderComponent implements OnInit { ...@@ -16,7 +16,6 @@ export class HeaderComponent implements OnInit {
) { ) {
$(window).scroll(function(){ $(window).scroll(function(){
var custom = $('.navbar'), var custom = $('.navbar'),
......
src/assets/responsive.scss
...@@ -38,6 +38,7 @@ ...@@ -38,6 +38,7 @@
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
//navbar scss //navbar scss
nav{ nav{
background-color: #ffff !important;
.logo{ .logo{
max-width: 250px !important; max-width: 250px !important;
img{ img{
...@@ -48,16 +49,23 @@ nav{ ...@@ -48,16 +49,23 @@ nav{
.navbar-collapse{ .navbar-collapse{
margin-left: 0px !important; margin-left: 0px !important;
ul{ ul{
flex-direction: row !important; padding-top: 15px !important;
justify-content: space-between; padding-bottom: 10px !important;
li{ li{
width: 80px !important; width: 80px !important;
margin-bottom: 5px !important;
a{ a{
text-align: center !important; text-align: left !important;
&:hover{
color: rgb(125,181,50) !important;
}
}
&:hover{
border: 2px solid transparent !important;
} }
} }
.icon_box{ .icon_box{
display: none !important; margin-top: 10px !important;
} }
} }
} }
...@@ -129,9 +137,6 @@ nav{ ...@@ -129,9 +137,6 @@ nav{
img{ img{
height: 50px !important; height: 50px !important;
} }
h6{
margin-top: 0px !important;
}
p{ p{
margin-top: 15px !important; margin-top: 15px !important;
} }
...@@ -469,9 +474,6 @@ nav{ ...@@ -469,9 +474,6 @@ nav{
img{ img{
height: 60px !important; height: 60px !important;
} }
h6{
font-size: 32px !important;
}
p{ p{
font-size: 22px !important; font-size: 22px !important;
margin-top: 30px !important; margin-top: 30px !important;
......
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