Skip to content

Commit 1ed2cd8

Browse files
raj-rathodraj-rathod
authored
Merge pull request #160 from raj-rathod/rajesh
Rajesh
2 parents a9d1e2e + 574f851 commit 1ed2cd8

File tree

6 files changed

+60
-71
lines changed

6 files changed

+60
-71
lines changed

‎src/app/app.component.html‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
<div class="d-flex flex-column vh-100">
2-
<div class="container mb-auto">
3-
<app-navbar></app-navbar>
4-
<div class="margin-top">
5-
<app-breadcrumbs></app-breadcrumbs>
6-
<router-outlet></router-outlet>
7-
</div>
1+
<div class="container">
2+
<app-navbar></app-navbar>
3+
<div class="margin-top">
4+
<app-breadcrumbs></app-breadcrumbs>
5+
<router-outlet></router-outlet>
86
</div>
9-
<app-previous-next-route></app-previous-next-route>
10-
<app-footer></app-footer>
11-
</div>
7+
</div>
8+
<app-previous-next-route></app-previous-next-route>
9+
<app-footer></app-footer>

‎src/app/core/meta-data/meta-data.ts‎

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,25 @@ export const projects: Projects[] = [
1919
}
2020
];
2121

22+
export const WebBredcrumb: Projects[] = [
23+
{
24+
name: "Home",
25+
url: "/"
26+
},
27+
{
28+
name: "About",
29+
url: "https://raj-rathod.github.io/rajesh-rathore/"
30+
},
31+
{
32+
name: "Contact",
33+
url: "https://www.instagram.com/raj_rathod1313/"
34+
},
35+
{
36+
name: "Blogs",
37+
url: "https://dev.to/rajrathod"
38+
}
39+
];
40+
2241
export const socialLinkes: SocialLink[] = [
2342
{
2443
name:"Facebook",
@@ -50,10 +69,6 @@ export const socialLinkes: SocialLink[] = [
5069
}
5170
];
5271

53-
export const contact: string[] =[
54-
"rajeshrathore05011998@gmail.com",
55-
"9148002717",
56-
];
5772

5873
export const pageMetaData = {
5974
home:{

‎src/app/layout/footer/footer.component.css‎

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@
66
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
77
}
88
.bg-footer{
9+
-webkit-clip-path: polygon(10% 20%, 90% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
10+
clip-path: polygon(10% 20%, 90% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
911
background:rgba(16, 203, 236, 0.76);
1012
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
1113
}
@@ -23,17 +25,3 @@
2325
color: black !important;
2426
text-decoration: none;
2527
}
26-
27-
@media(max-width:992px) {
28-
.image-size{
29-
width: 150px;
30-
height: 150px;
31-
}
32-
}
33-
34-
@media(max-width:767px){
35-
.image-size{
36-
width: 130px;
37-
height: 130px;
38-
}
39-
}

‎src/app/layout/footer/footer.component.html‎

Lines changed: 21 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,26 @@
1-
<section class="margin-top social-media">
2-
<div class="container py-3">
3-
<div class="d-flex justify-content-between align-items-center">
4-
<p class="m-0 d-none d-md-block fw-bold">Connect with me</p>
5-
<div class="d-flex flex-row">
6-
<ng-container *ngFor="let social of socialLinkes">
7-
<a class="ms-3" [href]="social?.url" target="_blank" rel="noopener noreferrer">
8-
<img width="32" height="32" [src]="social?.image" [alt]="social?.name"/>
9-
</a>
10-
</ng-container>
11-
</div>
12-
</div>
13-
</div>
14-
</section>
15-
<section class="bg-footer">
16-
<div class="container py-4">
17-
<div class="row">
18-
<div class="col-lg-4 col-md-6">
19-
<h4 class="fw-bold">Rajesh Rathore</h4>
20-
<p class="fs-small col-xl-10">I am a 𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 with almost 2+ years of experience, specializing in 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝟭𝟬+ and 𝗥𝗲𝘀𝘁 𝗔𝗣𝗜'𝘀 integration. I have extensive experience in 𝗛𝗧𝗠𝗟𝟱, 𝗖𝗦𝗦𝟯, 𝗕𝗼𝗼𝘁𝘀𝘁𝗿𝗮𝗽, 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁, 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 and various open-source frameworks such as 𝗡𝗼𝗱𝗲𝗝𝗦, 𝗘𝘅𝗽𝗿𝗲𝘀𝘀𝗝𝗦, 𝗔𝗻𝗴𝘂𝗹𝗮𝗿𝗝𝗦, 𝗠𝗼𝗻𝗴𝗼𝗗𝗕. I am skilled in the use of these frameworks to develop web applications based on 𝗦𝗶𝗻𝗴𝗹𝗲 𝗣𝗮𝗴𝗲 𝗔𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻𝘀 (𝗦𝗣𝗔) and 𝗠𝗼𝗱𝗲𝗹-𝗩𝗶𝗲𝘄-𝗖𝗼𝗻𝘁𝗿𝗼𝗹𝗹𝗲𝗿 (𝗠𝗩𝗖) architectures.
21-
</p>
22-
</div>
23-
<div class="col-lg-3 col-md-6 text-lg-start text-center mb-3">
24-
<img class="image-size" fetchpriority="high" src="assets/icons/rajesh-rathore.webp" alt="Rajesh Rathore">
25-
</div>
26-
<div class="col-lg-5 col-md-12">
27-
<div class="d-flex justify-content-between">
28-
<div>
29-
<h4 class="fw-bold mb-2">Projects</h4>
30-
<ng-container *ngFor="let project of projects">
31-
<p class="m-0 mb-2 fs-small"><a [href]="project?.url" target="_blank" rel="noopener noreferrer" class="item-link">{{project?.name}}</a></p>
32-
</ng-container>
1+
<section class="bg-footer mt-4">
2+
<div class="container py-4">
3+
<div class="d-flex justify-content-center">
4+
<div class="mt-4">
5+
<h3 class="mb-4 mt-5 text-center"><a href="https://raj-rathod.github.io/DSA-visualisation-in-angular/"
6+
target="new">DSA Visualization</a></h3>
7+
<div class="d-flex justify-content-center">
8+
<div class="me-3" *ngFor="let webCrum of webBredcrumb">
9+
<a class="text-uppercase" target="new" aria-current="page"
10+
[href]="webCrum.url">{{webCrum.name}}</a>
11+
</div>
12+
3313
</div>
34-
<div class="d-md-block d-none">
35-
<h4 class="fw-bold mb-2">Contact</h4>
36-
<ng-container *ngFor="let contact of contact">
37-
<p class="m-0 mb-2 fs-small">{{contact}}</p>
14+
15+
<p class="mt-4 fw-bold text-center">Stay In Touch</p>
16+
<div class="d-flex justify-content-center mt-2">
17+
<ng-container *ngFor="let social of socialLinkes">
18+
<a class="ms-3" [href]="social?.url" target="_blank" rel="noopener noreferrer">
19+
<img width="26" height="26" [src]="social?.image" [alt]="social?.name" />
20+
</a>
3821
</ng-container>
3922
</div>
4023
</div>
4124
</div>
42-
</div>
43-
</div>
44-
</section>
25+
</div>
26+
</section>

‎src/app/layout/footer/footer.component.ts‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,14 @@
11
import { Component, OnInit } from '@angular/core';
2-
import { contact, projects, socialLinkes } from 'src/app/core/meta-data/meta-data';
2+
import {WebBredcrumb, socialLinkes } from 'src/app/core/meta-data/meta-data';
33

44
@Component({
55
selector: 'app-footer',
66
templateUrl: './footer.component.html',
77
styleUrls: ['./footer.component.css']
88
})
99
export class FooterComponent implements OnInit {
10-
projects = projects;
10+
webBredcrumb = WebBredcrumb;
1111
socialLinkes = socialLinkes;
12-
contact = contact;
13-
1412
constructor() { }
1513

1614
ngOnInit(): void {

‎src/styles.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,14 @@ body {
1313
word-spacing: 0.2rem;
1414
}
1515

16+
a{
17+
text-decoration: none;
18+
color: #000;
19+
}
20+
a:hover{
21+
color: #E8EAEA;
22+
}
23+
1624
pre[class*="language-"] {
1725
padding: 0px !important;
1826
}

0 commit comments

Comments
 (0)