Customizing the Contact section
< Applying Customizations page
This Wiki page will lead you through the customization of the Contact section. In case of issues, feel free to enter in our community on 
The entire code that belongs to the Contact component can be found here:
/src/app/contact
The Posts component files are based on the schema below:
| File | Description |
|---|---|
| contact.service.ts | The service that connects to the Firestore |
| contact.component.html | Contains the view template |
| contact.component.scss | Contains the styles |
| contact.component.responsivity.scss | Contains the responsive styles |
| contact.component.ts | Contains the component's logic |
Access the contact template file and update the value of the variables name, email, phone and location:
...
ngOnInit(): void {
this.name = "Your name";
this.email = "[email protected]";
this.phone = "+1 (xxx) xxx-xx-xx"; // optional, hide it from the resume by setting its value as empty "".
this.location = "your location";
}
...
In order to update the Contact profile picture, go to the about.component.scss:129 and update the background-image: url(...) with the URL of the desired profile image.
P.S: use the
/src/assetsfolder for placing your assets.