• Template
  • Src
    • app
      • file.css
      • file2.css
      • file3.css
    • assets
    • favicon.ico
    • index.html
    • main.ts
    • style.scss
  • .editorconfig
  • angular.json
  • browserslistrc
  • karma.conf.js
  • package.json
  • package-lock.json
  • README.md
  • tsconfig.app.json
  • tsconfig.json
  • tsconfig.spec.json
  • tsconfig.json

You can change the logo or replace it from img folder or you can edit it from header-one.component.html

<div class="header">
							<a [routerLink]="routes.index" class="logo logo-normal">
								<img src="assets/img/logo.svg alt="logo">
							<a>
						</div> 

You can change the font you can edit it from Scss file.

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

You can choose a font style from Google Fonts, and replace the existing link in your project with the one corresponding to your selected font.

To apply the new font, update the font-family in the body selector within the following SCSS file: Path: src/assets/scss/variables.scss

$font-family-sans-serif:      "Inter", sans-serif;
						

You can change the header background color in style.css as per your wish

							.header {
								background: #fff;
								left: 0;
								position: fixed;
								right: 0;
								top: 0;
								height: 60px;
							}