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