Skip to content

C
Codeinfotech
Commit eb7a9a05 by Aksa98
Options

10:28 8-23

parents 2db0c66e b3135a3f
Showing with 337 additions and 20 deletions
src/app/body/body-routing.module.ts
...@@ -5,6 +5,7 @@ import { AboutusComponent } from './aboutus/aboutus.component'; ...@@ -5,6 +5,7 @@ import { AboutusComponent } from './aboutus/aboutus.component';
import {ContactComponent} from './contact/contact.component'; import {ContactComponent} from './contact/contact.component';
import {ProductsComponent} from './products/products.component'; import {ProductsComponent} from './products/products.component';
import { PrivacypolicyComponent } from './privacypolicy/privacypolicy.component'; import { PrivacypolicyComponent } from './privacypolicy/privacypolicy.component';
import { TermsComponent } from './terms/terms.component';
import { from } from 'rxjs'; import { from } from 'rxjs';
const ModuleRoutes: Routes = [ const ModuleRoutes: Routes = [
{ {
...@@ -22,6 +23,10 @@ const ModuleRoutes: Routes = [ ...@@ -22,6 +23,10 @@ const ModuleRoutes: Routes = [
}, },
{ {
path:'privacypolicy',component:PrivacypolicyComponent path:'privacypolicy',component:PrivacypolicyComponent
},
{
path:'terms',component:TermsComponent
} }
]; ];
export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes) export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes)
\ No newline at end of file
src/app/body/body.module.ts
...@@ -10,10 +10,12 @@ import {ProductsComponent} from './products/products.component'; ...@@ -10,10 +10,12 @@ import {ProductsComponent} from './products/products.component';
import { SlickCarouselModule } from 'ngx-slick-carousel'; import { SlickCarouselModule } from 'ngx-slick-carousel';
import { PrivacypolicyComponent } from './privacypolicy/privacypolicy.component'; import { PrivacypolicyComponent } from './privacypolicy/privacypolicy.component';
import { TermsComponent } from './terms/terms.component';
@NgModule({ @NgModule({
declarations: [LandingpageComponent, AboutusComponent,ProductsComponent,ContactComponent, PrivacypolicyComponent], declarations: [LandingpageComponent, AboutusComponent,ProductsComponent,ContactComponent, TermsComponent, PrivacypolicyComponent],
imports: [ imports: [
CommonModule, CommonModule,
moduleRouting, moduleRouting,
......
src/app/body/landingpage/landingpage.component.html
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<div class="right_side"> <div class="right_side">
<img src="../../../assets/img/asset_banner_img.png"> <img src="../../../assets/img/SliderImg_1.png">
</div> </div>
</div> </div>
</div> </div>
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<div class="right_side"> <div class="right_side">
<img src="../../../assets/img/asset_banner_img.png"> <img src="../../../assets/img/SliderImg_2.png">
</div> </div>
</div> </div>
</div> </div>
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<div class="right_side"> <div class="right_side">
<img src="../../../assets/img/asset_banner_img.png"> <img src="../../../assets/img/SliderImg_3.png">
</div> </div>
</div> </div>
</div> </div>
......
src/app/body/landingpage/landingpage.component.scss
...@@ -327,15 +327,14 @@ ...@@ -327,15 +327,14 @@
.rating_review{ .rating_review{
display: inline-block; display: inline-block;
width: 50%; width: 50%;
padding-left: 60px; padding-left: 200px;
padding-right: 60px;
background-color: #ffffff; background-color: #ffffff;
text-align: left; 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; font-size: 36px;
} }
hr{ hr{
margin-left: 0px; margin-left: 0px;
...@@ -426,7 +425,6 @@ ...@@ -426,7 +425,6 @@
} }
.advert_space{ .advert_space{
text-align: right; text-align: right;
padding-left: 100px;
padding-right: 200px; padding-right: 200px;
width: 50%; width: 50%;
float: right; float: right;
...@@ -434,7 +432,7 @@ ...@@ -434,7 +432,7 @@
padding-bottom: 40px; padding-bottom: 40px;
h2{ h2{
color: #3c3c3b !important; color: #3c3c3b !important;
font-size: 36px !important; font-size: 36px;
} }
.advert_image{ .advert_image{
height: 550px; height: 550px;
......
src/app/body/terms/terms.component.scss 0 → 100644
.terms{
padding-top: 150px;
.map_overlay{
margin: 0 auto;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
max-width: 1160px;
background-image: url("../../../assets//img/map_about.png");
padding-bottom: 140px;
padding-left: 15px;
padding-right: 15px;
h2{
padding-top: 72px;
object-fit: contain;
font-family: Roboto;
font-size: 48px;
font-weight: 900;
font-style: normal;
font-stretch: normal;
line-height: 1.04;
letter-spacing: normal;
text-align: center;
color: #171717;
}
hr{
border: 5px solid rgb(125,181,50);
width: 57px;
background-color: rgb(125,181,50);
}
ul{
padding-top: 30px;
padding-left: 80px;
li{
font-size: 26px;
font-weight: 500;
cursor: pointer;
}
}
h1{
padding-top: 30px;
font-size: 30px;
}
h3{
font-size: 26px;
margin-left: -25px
}
p{
font-size: 18px;
margin-left: -40px;
}
ol{
h1{
margin-left:-40px;
}
li{
font-size: 18px;
line-height: 1.8;
span{
font-weight: 500;
}
a{
text-decoration-line: underline;
color: #0000EE;
cursor: pointer;
}
}
}
}
}
\ No newline at end of file
src/app/body/terms/terms.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { TermsComponent } from './terms.component';
describe('TermsComponent', () => {
let component: TermsComponent;
let fixture: ComponentFixture<TermsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ TermsComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(TermsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/body/terms/terms.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
import { Router,ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-terms',
templateUrl: './terms.component.html',
styleUrls: ['./terms.component.scss']
})
export class TermsComponent implements OnInit {
constructor(private router: Router,
private route: ActivatedRoute) { }
ngOnInit() {
}
goToPage(path,data=null){
this.router.navigateByUrl(path,{queryParams:data});
}
onClick(){
let x = document.querySelector("#sec");
if (x){
x.scrollIntoView();
}
}
accept(){
let y = document.querySelector("#accept");
if (y){
y.scrollIntoView();
}
}
browse(){
let z = document.querySelector("#browse");
if (z){
z.scrollIntoView();
}
}
buy(){
let k = document.querySelector("#buy");
if (k){
k.scrollIntoView();
}
}
intellect(){
let i = document.querySelector("#intel");
if (i){
i.scrollIntoView();
}
}
info(){
let h = document.querySelector("#info");
if (h){
h.scrollIntoView();
}
}
play(){
let g = document.querySelector("#play");
if (g){
g.scrollIntoView();
}
}
legal(){
let m = document.querySelector("#legal");
if (m){
m.scrollIntoView();
}
}
}
src/app/footer/footer.component.html
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<li><a href="#!">[email protected]</a></li> <li><a href="#!">[email protected]</a></li>
<li><a href="#!">Terms of Service</a></li> <li><a (click)="goToPage('terms')">Terms of Service</a></li>
<li><a (click)="goToPage('privacypolicy')"> Privacy Policy</a></li> <li><a (click)="goToPage('privacypolicy')"> Privacy Policy</a></li>
<li><a href="#!">Blogs</a></li> <li><a href="#!">Blogs</a></li>
<!---- <li><a href="#!">Google Play (Android)</a></li>--> <!---- <li><a href="#!">Google Play (Android)</a></li>-->
......
src/app/footer/footer.component.ts
...@@ -7,7 +7,8 @@ import { Router,ActivatedRoute } from '@angular/router'; ...@@ -7,7 +7,8 @@ import { Router,ActivatedRoute } from '@angular/router';
}) })
export class FooterComponent implements OnInit { export class FooterComponent implements OnInit {
constructor(private route: ActivatedRoute, private router: Router) { } constructor(private router: Router,
private route: ActivatedRoute) { }
ngOnInit() { ngOnInit() {
} }
......
src/app/header/header.component.html
<nav class="navbar navbar-expand-sm"> <nav class="navbar navbar-expand-sm">
<div class="container"> <div class="container">
<div class="logo" href="#"><img src="../../assets/img/vector-smart-object.png"></div> <div class="logo" (click)="goToPage('landing')"><img src="../../assets/img/vector-smart-object.png"></div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"><i class="fa fa-bars"></i></span> <span class="navbar-toggler-icon"><i class="fa fa-bars"></i></span>
</button> </button>
<div class="collapse navbar-collapse" id="collapsibleNavbar"> <div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="Text-Style nav-link">Home</a> <a class="Text-Style nav-link" (click)="goToPage('landing')">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="Text-Style nav-link" (click)="goToPage('about')">About us</a> <a class="Text-Style nav-link" (click)="goToPage('about')">About us</a>
......
src/app/header/header.component.scss
...@@ -17,6 +17,7 @@ nav{ ...@@ -17,6 +17,7 @@ nav{
margin-left: 160px; margin-left: 160px;
ul{ ul{
li{ li{
cursor: pointer;
width: 101px; width: 101px;
height: 41px; height: 41px;
border: 2px solid transparent; border: 2px solid transparent;
......
src/assets/responsive.scss
...@@ -48,8 +48,9 @@ nav{ ...@@ -48,8 +48,9 @@ nav{
margin-left: 0px !important; margin-left: 0px !important;
ul{ ul{
flex-direction: row !important; flex-direction: row !important;
justify-content: space-between;
li{ li{
width: 75px !important; width: 80px !important;
a{ a{
text-align: center !important; text-align: center !important;
} }
...@@ -206,13 +207,16 @@ nav{ ...@@ -206,13 +207,16 @@ nav{
} }
.advert_space{ .advert_space{
text-align: center !important; text-align: center !important;
padding-left: 40px !important; padding-left: 30px !important;
padding-right: 40px !important; padding-right: 30px !important;
padding-top: 10px !important; padding-top: 10px !important;
width: 100% !important; width: 100% !important;
float: none !important; float: none !important;
.advert_image{ .advert_image{
height: 350px !important; height: 330px !important;
img{
width: 100% !important;
}
} }
} }
} }
...@@ -490,6 +494,9 @@ nav{ ...@@ -490,6 +494,9 @@ nav{
float: none !important; float: none !important;
.advert_image{ .advert_image{
height: 500px !important; height: 500px !important;
img{
width: 100% !important;
}
} }
} }
} }
...@@ -699,7 +706,7 @@ nav{ ...@@ -699,7 +706,7 @@ nav{
} }
} }
.our_products{ .our_products{
margin-bottom: 40px !important; margin-bottom: 60px !important;
.prod_overlay{ .prod_overlay{
padding-top: 50px !important; padding-top: 50px !important;
} }
...@@ -728,6 +735,53 @@ nav{ ...@@ -728,6 +735,53 @@ nav{
} }
} }
} }
.rating_review{
padding-left: 100px !important;
.rating_overlay{
padding-top: 40px !important;
h2{
font-size: 28px !important;
}
}
.rating_review_box{
max-width: 700px !important;
.rating_slide{
.rating_review_box_one{
.rating_head{
.rating_star{
margin: 0px 10px 0px 10px !important;
fieldset{
font-size: 10px !important;
padding-top: 5px !important;
}
}
.for-design-quality{
font-size: 15px !important;
}
.kochi_taxi{
font-size: 13px !important;
}
}
.rating_body{
.rating_content{
font-size: 12px !important;
margin: 12px 8px 12px 15px !important;
}
}
}
}
}
}
.advert_space{
padding-right: 100px !important;
padding-top: 40px !important;
h2{
font-size: 28px !important;
}
.advert_image{
height: 400px !important;
}
}
} }
} }
...@@ -789,7 +843,7 @@ nav{ ...@@ -789,7 +843,7 @@ nav{
border: 3px solid rgb(125,181,50) !important; border: 3px solid rgb(125,181,50) !important;
} }
.our_products{ .our_products{
margin-bottom: 40px !important; margin-bottom: 60px !important;
.prod_overlay{ .prod_overlay{
padding-top: 50px !important; padding-top: 50px !important;
} }
...@@ -819,8 +873,50 @@ nav{ ...@@ -819,8 +873,50 @@ nav{
} }
} }
.rating_review{ .rating_review{
padding-left: 100px !important;
.rating_overlay{
padding-top: 40px !important;
h2{
font-size: 28px !important;
}
}
.rating_review_box{ .rating_review_box{
max-width: 700px !important; max-width: 700px !important;
.rating_slide{
.rating_review_box_one{
.rating_head{
.rating_star{
margin: 0px 15px 0px 15px !important;
fieldset{
font-size: 12px !important;
padding-top: 5px !important;
}
}
.for-design-quality{
font-size: 16px !important;
}
.kochi_taxi{
font-size: 14px !important;
}
}
.rating_body{
.rating_content{
font-size: 13px !important;
margin: 15px 10px 15px 20px !important;
}
}
}
}
}
}
.advert_space{
padding-right: 100px !important;
padding-top: 40px !important;
h2{
font-size: 28px !important;
}
.advert_image{
height: 400px !important;
} }
} }
} }
...@@ -909,7 +1005,57 @@ nav{ ...@@ -909,7 +1005,57 @@ nav{
} }
} }
//scss for landing
.landing_page{
.rating_review{
padding-left: 100px !important;
.rating_overlay{
padding-top: 40px !important;
h2{
font-size: 28px !important;
}
}
.rating_review_box{
max-width: 700px !important;
.rating_slide{
.rating_review_box_one{
.rating_head{
.rating_star{
margin: 0px 15px 0px 15px !important;
fieldset{
font-size: 12px !important;
padding-top: 5px !important;
}
}
.for-design-quality{
font-size: 16px !important;
}
.kochi_taxi{
font-size: 14px !important;
}
}
.rating_body{
.rating_content{
font-size: 13px !important;
margin: 15px 10px 15px 20px !important;
}
}
}
}
}
}
.advert_space{
padding-right: 100px !important;
padding-top: 40px !important;
h2{
font-size: 28px !important;
}
.advert_image{
height: 450px !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