Bulma – Create a Resume and CV Page | Jeppe Schaumburg Jensen | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Videos (55m)
    • About the Project

      2:02
    • Setup and Basic Structure

      5:19
    • Box – Introduction

      3:54
    • Box – Work Experience

      8:58
    • Box – Education

      3:37
    • Box – Testimonials

      2:34
    • Box – Contact Info

      13:47
    • Box – Portfolio

      6:29
    • Box – Skills

      7:50

About This Class

ABOUT THE CLASS

This class is for the beginner who wants to get a quick introduction to the latest version of Bulma. This framework is one of the most popular ones used today by web designers and developers all over the world.

In this class you'll learn how to create a Resume and CV Page using Bulma. I will start from scratch and walk you through how to create it.

You'll learn how the framework use code structure, classes and attributes to create different kinds of components. You will also learn about the visual style of each component, and learn what is possible and what isn't with this framework.

ABOUT THE PROJECT

This project is about creating a Resume and CV Page. You'll learn how to structure various pieces of content, how to design a user-friendly interface, and how to make it look great on all device sizes by using a responsive grid.

The project will contain the following sections:

  • About
    An introduction section with name, picture, heading, description and quote
  • Work Experience
    A list of work experience with icon, job title, workplace, time period and description
  • Education
    A list of education with icon, education title, institution, time period and description
  • Testimonials
    A carousel with testimonials with quote and name
  • Contact Info
    Various facts: Full name, date of birth, contact information, user profiles, address and message form
  • Portfolio
    A list of links with icons to different online portfolio and social media profiles
  • Skills
    A list of skills with icon, technology and progress bar grouped into various categories

ABOUT THE FRAMEWORKS

The following version will be used to create a Resume and CV Page:

  • Bulma (v0.7.1)

Bulma:

We'll use the following parts of Bulma:

  • Modifiers: Color Helpers, Typography Helpers
  • Layout: Columns, Container, Level, Media Object, Section
  • Forms: General, Input, Textarea
  • Elements: Box, Button, Content, Icon, Image, Title

DEMO

Online demo of the project

---

I hope you will be inspired to create your own Knowledge Base afterwards. Please send me a link if you do so. I would love to see it!

6

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Jeppe Schaumburg Jensen

Front-end developer and digital designer

Hi there,

My name is Jeppe Schaumburg Jensen and I'm a teacher in topics related to front-end development, interaction design, music and productivity.

See full profile

Report class