> For the complete documentation index, see [llms.txt](https://ryotokuro.gitbook.io/microsoft/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ryotokuro.gitbook.io/microsoft/microsoft-student-accelerator-msa/project-2-web-application/the-main-page/customising-the-front-page.md).

# Customising the front page

## Removing the page title

This is quite jarring, but I want to keep it simply for SEO to show up on search engines like Google or Bing whenever you search up 'Microsoft Student Accelerator'. So I just need to remove it from the front page. Setting the size doesn't seem to work, so I'll be **editing the CSS to set the property to `display:none`.**

![Editing the css for the entry-title class](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MCcDSKKZPLvAp3PqEoW%2F-MCeW3cZhgieuH3cROn7%2Fimage.png?alt=media\&token=b95bc473-3ce9-4d4f-b8b2-5f6f1cf27001)

## Featured Image

The featured image is one of the most important elements of the front page, being the first thing that users will see. It's important that I not only select a significant image, **but also have a relevant title and subtext, and a call-to-action button that is useful**.

Also, for accessibility and SEO, I should also include an **`alt`** tag for the images I use.

![Templated feature image](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MCcDSKKZPLvAp3PqEoW%2F-MCeWSe7OcAe6imaGtrb%2Fimage.png?alt=media\&token=67a7e25f-6995-43a1-ad83-ef99c3433d8f)

Here's what I ended up with. I used the image of the New Zealand MSA team as the background, used the name of the website as the heading (`h1`) with the tagline slightly modified. As well as that, I've changed the button to be a "register link" that directs to the AU MSA Facebook page.

![](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MCeWqdqaLiqXMVCgWLL%2F-MCee2fXvSr1K_yHfywN%2Fimage.png?alt=media\&token=d5772b85-f20c-4560-a9a8-9b9f4c658d9c)

## About section

For this section, I was deciding whether or not I should go with the values or the actual content of the program. In the end, I went with the latter, using some icons+header to identify areas of interest that MSA fulfils. However, still might want some style changes - **maybe adding some colour to the icons or boldness to the headers.**

![](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MCeijrA2C3tyFruPa0S%2F-MCew_vZ5FvHr5o-22b8%2Fimage.png?alt=media\&token=464bc622-ce05-456f-8356-e7894bc26c17)

## Microsoft Student Partners

Not sure if this has been rebranded to **Microsoft Learn Ambassadors** (could be a different thing), but I know that they always are after new partners, so I thought it would be good to have a section for it. I've decided to include the current body of Student Partners that I know of (tentative) following the style structure below.

![Styling for Student Partner information](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MCewyJOHv0ABsyR3uTY%2F-MCf7anJpiv4wlI8vLu3%2Fimage.png?alt=media\&token=19d3a5ec-42b8-47ed-872f-fba223f95bfc)

At the moment this section is quite poorly styled, so I'll definitely look to redesign it, but mostly the elements I need are all there.

![](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MCewyJOHv0ABsyR3uTY%2F-MCfBZ-goL55QAbDeSMn%2Fimage.png?alt=media\&token=b49bfd45-269a-47f4-b5d7-53794fd78f80)