The Logo Container can be found in the Header Container

Code Example

								<!-- Logo Start -->
<a class="navbar-brand" href="./">
	<img src="images/logo.svg" alt="Logo">
</a>
<!-- Logo End -->					
							

Open any .html file in a code editor and replace the text between HTML tags.

Code Example

								<h2>Our Services</h2>
							

1. Replace images inside the images/ folder.
2. Keep the same file name or update the image path in HTML.

								<img src="images/about.jpg" alt="About">
							

You can change your Website’s Color Scheme in an instant. You simply need to set the your Color Code in the css/custom.css file using the following code:

Code Example

								:root{
	--primary-color		: #000000;
	--secondary-color	: #FFFFFF;
	--bg-color		: #F5F4F4;
	--text-color		: #5C5C5C;
	--accent-color		: #C3242D;
	--white-color		: #FFFFFF;
	--divider-color		: #0000001A;
	--dark-divider-color	: #FFFFFF1A;
	--error-color		: rgb(230, 87, 87);
}			
							

By default, Aasha uses Fonts namely: DM Sans from the Google Fonts Library You can change the fonts from css/custom.css file in below lines..

Code Example

								:root{
	--default-font	: "DM Sans", sans-serif;
	--accent-font	: "Boldonse", system-ui;
}			
							

Adding New Fonts

• Using Google Fonts

  
  <link href="https://fonts.googleapis.com/css2?family=Boldonse&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
  
  							

  In order to change the Fonts, you will need to Edit the Above Links with your Chosen Google Fonts.

• Using Self-Hosted Fonts

  
  @font-face {
    font-family: 'MyWebFont';
    src: url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  
  							

  More Examples for using Self Hosted Fonts.

To create a sticky header, add the active-sticky-header class to the <header> tag.

Code Example

								<header class="main-header active-sticky-header">

...

</header>			
							

form-process.php - is used for sending an email, You need to add your email, please open form-process.php file and edit variable $EmailTo.

Code Example

$EmailTo = "info@yourdomain.com";
							

Twitter Bootstrap framework: http://getbootstrap.com/

Images in preview are used from: http://www.freepik.com/

Google fonts: https://www.google.com/fonts