☁️
Microsoft
  • Readme
  • Virtual Internship Program
    • InsideSherpa & Background
    • Goal Tracking
    • Engineering Internship
      • 1. Research on Microsoft
      • 2. Preparing for the Virtual Experience
        • Preparing for my virtual internship with Microsoft
        • SMART goal setting
      • 3. Campus: Business Foundation Skills
        • Respect, Integrity and Accountability
          • Situational based questions
        • Commitment and approach to values into action
        • Microsoft's cultural transformation
        • Microsoft's solutions for digital transformation
      • 4. Campus: Work Ready Skills
        • My professional voice (be confident)
          • Confidence in meetings
          • Confidence in business
          • Confidence in communication
          • The task
        • A professional approach to meetings
        • The importance of your personal brand
      • 5. Work Ready Skills
      • 6. Technical Engineer Skills
    • Go-To-Market Internship
      • 1. Research on Microsoft
      • 2. Preparing for the Virtual Experience
        • Asia Pacific Internship Experience
        • SMART Goals
  • Microsoft Student Accelerator (MSA)
    • Workshop 1: AI & Machine Learning
    • Project 1: Machine Learning
    • MSLearn 1
    • Workshop 2: Cloud Fundamentals
    • MSLearn 2
    • Project 2: Web Application
      • My idea
      • Exploring msa.ms (old website)
        • For Schools
        • For Employers
        • Events
      • Finding a theme
      • Collecting assets
      • Designing the Header
      • A custom domain using Azure DNS
        • Azure DNS Learn Path
        • Introduction
        • What is DNS?
        • Azure DNS
        • Configuring Azure DNS
        • Buying a custom domain on GoDaddy
      • Plugins
        • Contact Form
        • Implementing SEO
        • Anti-spam
        • SSL
      • Transfering to a new domain
      • Improving site Health
      • Adding custom CSS
      • Interactivity with JS
      • Managing Wordpress from the terminal
      • Next steps: Editing content
      • The front page
        • Global elements
        • Layouts are good sometimes
        • Customising the front page
      • Revisiting the contact form
      • RYTE SEO Analysis
      • Cache Management
      • Traffic Monitoring and Analytics
      • FAQ
      • Documentation
    • Workshop 3: Web App & APIs
    • Project 3: Building an app
      • Target Persona
      • Idea
    • MSLearn 3
      • Create a Canvas App
        • Get started with Power Apps
          • Introducing Power Apps
          • Untitled
      • Use UI and controls
  • Interview Preparation
    • Azure (Cloud) Application & Infrastructure Specialist Roles
      • Revisiting my assessment
      • The technical assessment
      • Using LinkedIn
    • Technology Strategist Roles
      • Partner Technical Architect
  • Power Platform
    • Power Platform Fundamentals
      • The Power Platform
        • A Data-driven World
        • What is the Power Platform?
        • Features of the Power Platform
        • Data Connectors
        • Data Delegation
        • Creating Custom Connectors
        • Putting it all together
      • Power Apps
        • What is Power Apps?
        • Power Apps & what it can do
        • The 3 Types of Power Apps
        • AI Builder in your Power Apps
        • The 4 Models of AI Builder
        • The business value of Power Apps
        • Case study: Heathrow Airport
      • Common Data Service
        • What is the Common Data Service?
        • Entities in Common Data Service
        • Scalability
        • The Common Data Model
        • Types of Entities and Fields in CDS
        • Understanding relationships using Entities
        • Environments in Common Data Service
        • Business Rules
        • Administer (Administration)
      • Building an app solution
        • Basic elements
        • Untitled
      • Power Automate
        • What is Power Automate?
          • Types of flows
      • Building an automated solution
      • Power BI
        • Parts of Power BI
      • Building a simple dashboard
    • PL-900
  • Microsoft Azure
    • Cloud Concepts
      • Principles of cloud computing
        • An analogy
    • Core Cloud Services
    • AZ-900
      • Virtual Training Day
        • 1.
        • 2.
        • 3.
        • 4.
  • Microsoft 365
    • Microsoft 365 Fundamentals
      • What is Microsoft 365?
  • UNSW Cloud Society
    • Microsoft Azure
      • Workshop 1
      • Workshop 2
      • Workshop 3
    • Power Platform
      • Building a Helmet Detection App
  • Microsoft Reactor
    • PowerApps workshop
  • News
    • Microsoft exams $15 down from $100
    • Microsoft's cultural transformation
Powered by GitBook
On this page
  • Removing the page title
  • Featured Image
  • About section
  • Microsoft Student Partners

Was this helpful?

  1. Microsoft Student Accelerator (MSA)
  2. Project 2: Web Application
  3. The front page

Customising the front page

PreviousLayouts are good sometimesNextRevisiting the contact form

Last updated 4 years ago

Was this helpful?

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.

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.

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.

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.

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.

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.

Editing the css for the entry-title class
Templated feature image
Styling for Student Partner information