Zapyrus PPT deck

Category: PowerPoint presentation designIndustry: Medical / tech Bright, bold, dynamic and yellow – a PowerPoint presentation made to help companies find their MedTech partners. Dynamic, diagonal shapes and slanted dividers compliment the strong, yellow and black color scheme. The presentation has a lot of contrast, alternating white, yellow and black sections and custom, playful icons … Read more

Campfire presentation

Category: PowerPoint presentation designIndustry: Mental health, tech A sleek presentation deck for an app for a new social media platform. Youthful feel appealing to young audience, looking for supportive environment and benefiting their mental health.

Reconnext Presentation

Category: PowerPoint presentation designIndustry: Technology A corporate presentation design for a sleek PowerPoint deck. Clean, light look and various shades of blue, as well as green and yellow make it fresh and give a slightly soft, yet still corporate feel. The circuit graphic on the left provides a custom feel and ties together the overall … Read more

Twine pitch deck

Category: PowerPoint presentation designIndustry: Technology A sales deck with bold, technology feel to it. Dark backgrounds with alternating white / light theme, using abstract digital technology background as a supporting visual. Clean, minimalistic, modern look with lots of air and space and simple, direct layout with lots of contrast.

Graded presentation

Category: PowerPoint presentation designIndustry: Education A modern PowerPoint pitch deck made for an educational startup in online tutoring. Clean, sleek layout, blue tones and white and crisp, bold elements give this presentation a tech feel. Lots of charts, iconography and graphics help visualize the data. Overall light theme with lots of white space and colorful … Read more

Carbliss presentation

Category: PowerPoint presentation designIndustry: Food & Beverage Sleek presentation design for premium vodka cocktails. Dark, bold theme with alternating white slides and strong colors used as accents bring life to the deck. Bold imagery of alcoholic drinks in combination with big titles give this presentation a fresh and modern look.

Archilizer presentation

velvetmade Archilizer architectural powerpoint presentation design thumbnail

Category: PowerPoint presentation designIndustry: Architecture PowerPoint presentation template for conference in architecture. Big, bold, black and white conceptual imagery is the foundation for this template. Darker theme to give it a sleek and sophisticated look and contrasting light and overlaid slides as break points in the presentation.

GoExpedi

velvetmade GoExpedi corporate powerpoint presentation design thumbnail

Category: PowerPoint presentation designIndustry: Technology This PowerPoint presentation template for a technology startup has a light and youthful look to it with a hint of technological and scientific linear feel. Not too heavy on content, it allows a lot of white space with airy design and light blue overlays.

Unbuilt

velvetmade Unbuilt powerpoint presentation design thumbnail

Category: PowerPoint presentation designIndustry: Architecture & Visualizations A PowerPoint presentation made for 3D interior visualization company. Clean and modern approach, minimal design and big, bold imagery and titles combined with small and overlaid text were the main focus points of this presentation.

General instructions:

  1. Open the exercise in your browser and read the task and the content on the left side of the screen. 
  2. You will be editing the content on the right side of the screen.
  3. In order to do that, right click on the exercise page that you opened and go to ‘Inspect’.
  4. Go to ‘Sources’ in the top bar and if you cannot see an empty CSS sheet where you can type the code, press Ctrl + P and start typing ‘styl’ in the search bar. Then press enter to open the CSS sheet.
  5. Follow the notes on the left and start typing your CSS code to see the changes online!
  6. Important! Do not refresh the page while you are editing the code, as these changes are in preview mode only and you can see them immediately, as soon as you write a line of functioning code.
  7. Use the custom classes in the notes on the left side of the screen, as well as ‘Elements’ on the top bar of the ‘Inspect’ to target and style the classes and elements. For example, you can enable the small icon on the top left of the ‘Inspect’ window (‘Select an element in the page to inspect it’) to find the default class name of the element you want to edit, while you are in the ‘Elements’ tab.

Tips:

  1. If the code is not showing any changes, try adding the !important tag at the end of the line before closing it (before the “;” symbol) and see if it works then.
  2. Don’t forget there are usually more ways to achieve the same result. Be creative!
  3. If you get stuck, write your email address in the form on the left side of the screen and you will get the solution (CSS code) in your email.

Sources:

  1. You can find a lot of tutorials on my youtube channel. 
  2. Watch the tutorial on how to solve these exercises here.

Please check your email and stay tuned for updates on the course.

We will notify you shortly when it’s available for presale.