Custom components

These are custom components based on MWF and verified by Ten Gun QA. They are ready for use on projects using standard HTML, CSS, and Javascript.

Content Placements with Pagination
Event Calendar
Filtered List
Hero Audio Embed
Hero Quiz
Mosaic

Padding
Parallax
Quote
Sneak Slider
Lightbox

Content placement with pagination with MWF styling

BADGE
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

BADGE
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

BADGE
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

BADGE
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

BADGE
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id faucibus ex, eget aliquet ligula. Sed vel ligula consequat, euismod ligula quis, pharetra magna. Fusce commodo pretium tellus non ultricies. Vestibulum fringilla tempor lectus, at pharetra lacus lobortis vel.
Call To Action

1 2 3 4 5

Module description goes here

Event Timing CourseType Tools

OCT

Test Event 4

Upcoming Events

2021-10-31 1:00 pm

1 Microsoft Way, Redmond, WA 98052 Microsoft Campus

View details

Download ppt

Watch Video

Brief description of the event goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

NOV

Test Event

Backstage

2021-11-20 1:00 pm

1 Microsoft Way, Redmond, WA 98052 Microsoft Campus

View details

Download pdf

Add to Calendar

Watch Video

NOV

Test Event 2

Spotlight

2021-11-20 1:00 pm

1 Microsoft Way, Redmond, WA 98052 Microsoft Campus

View details

Download ppt

Watch Video

NOV

Test Event 3

Stars

2021-11-20 1:00 pm

1 Microsoft Way, Redmond, WA 98052 Microsoft Campus

View details

Download ppt

Watch Video

DEC

Test Event 5

Past Conferences

2021-12-15 1:00 pm

1 Microsoft Way, Redmond, WA 98052 Microsoft Campus

View details

Download ppt

Watch Video

2021

JANUARY

FEBRUARY

MARCH

JUNE

JULY

AUGUST

SEPTEMBER

OCTOBER

NOVEMBER

DECEMBER

Hero audio embed

x-align-center

Subheading

Download the episode transcript

Module description goes here

Three people work on laptop computers at a communal table.

Free training and career resources.
Starting with you.
Answer 4 short questions to find your customized learning path.

What are your goals?

Which of these paths most interests you?

Administrative roles can include customer service specialists, auditors, and risk practitioners. As strong communicators and multitaskers, they provide crucial organization and support.
Sales and marketing professionals craft a compelling narrative that drives customers to a product or service. This can include sales representatives, marketers, and graphic designers.
Project management entails guiding teams of people and businesses to meet their goals. This can encompass team management, consulting, and business operations.
Data scientists, engineers, and analysts use complex data sets to evaluate patterns and develop solutions. These roles require excellent analytic and statistical skills.
Engineers streamline systems and craft efficient solutions within a broad range of fields like AI, data, software, security, and app development.

How familiar are you with this field?

Do you prefer to work at your own pace, or work with an instructor?

What can we help you accomplish?

You're on your way!

Based on your goals and interests, we’ve found some opportunities to get you started on your learning path with Microsoft Accelerate.

Module description goes here

Which websites must be registered?

Answer a few brief questions

Which websites must be registered?

Is your website public-facing?

Which websites must be registered?

Does your site require login or some other type of authentication? (Not typical for most sites)

Which websites must be registered?

Only your landing page needs to be registered with Website Compliance Portal. Register and find out more below.

Which websites must be registered?

Registration is required for your website. Register and find out more below.

Which websites must be registered?

Registration is not required for your internal website.

Mosaic with Moray styling

Link to curated project details page

Fluent UI

Link to curated project details page

Azure

Link to curated project details page

static12

static24

static48

static96

pad12

pad24

pad48

pad96

BADGE

Heading

Paragraph text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Call To Action

BADGE

Heading

Paragraph text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Call To Action

Quote

Microsoft Chief Marketing Officer and EVP Chris Capossela.

Microsoft websites reinforce our brand. Our websites must be in compliance to deliver an experience people trust and value.

Chris Capossela, Chief Marketing Officer and EVP

Quote Carousel

Microsoft websites reinforce our brand. Our websites must be in compliance to deliver an experience people trust and value.

Chris Capossela, Chief Marketing Officer and EVP
Placeholder quote. Quote will go here.

Chris Capossela, Chief Marketing Officer and EVP

Module description goes here

Cassie Klingler

Principal Design Manager

“We're trying to modernize some STEM learnings and make it accessible to all students.”

View jobs like this

Deborah Klingey

CEO

“We're trying to modernize some STEM learnings and make it accessible to all students.”

Jesse Klingest

Project Manager

“We're trying to modernize some STEM learnings and make it accessible to all students.”

Custom components

These are custom components based on MWF and verified by Ten Gun QA. They are ready for use on projects using standard HTML, CSS, and Javascript.

Content Placements with Pagination

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Heading

Event Calendar

Test Event 4

Test Event

Test Event 2

Test Event 3

Test Event 5

Filtered list

Filters

Filter #1

Filter #1 two

Filter #2

Filter #3

Filter #4

Filter #5

Filter #5 two

Filter #5 three

Hero audio embed

x-align-center

Hero quiz

Free training and career resources. Starting with you. Answer 4 short questions to find your customized learning path.

Which websites must be registered?

Mosaic

Padding

Parallax

Heading

Heading

Quote

Sneak Slider

Cassie Klingler

Jesse Klingest

Lightbox

Free training and career resources.
Starting with you.
Answer 4 short questions to find your customized learning path.