add_theme_support( 'post-thumbnails' ); add_image_size( 'image-480', 480, 9999); add_image_size( 'image-640', 640, 9999); add_image_size( 'image-720', 720, 9999); add_image_size( 'image-960', 960, 9999); add_image_size( 'image-1168', 1168, 9999); add_image_size( 'image-1440', 1440, 9999); add_image_size( 'image-1920', 1920, 9999);

Show off your style like a pro

Automatic time-tracking solution for freelancers and makers. Remove the need to start or pause a timer.

Button group w/ Icon

14-day trial for new clients

This is a Process grid heading

These cards are made with a grid.
Numbers are actual html-numbers.

(.grid-3)
     (.process-card)
          (.process-card__number)
          (.process-card__text)

Card grid (3)

.grid-3
     .highlight-card
          .highlight-card__icon
          .highlight-card__heading
          .highlight-card__text

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

Testimonials heading

.twitter-card__grid
     .twitter-card
          .twitter-card__icon
          .twitter-card__quote
          .twitter-card__name

CSS (.twitter-card__grid)

%root% {
  column-count: 2;
  –grid-gap: 2rem;
}

%root% > * {
  margin-bottom: var(–grid-gap);
}

%root% > *:nth-child(odd) {
  background-color: var(–action-trans-10);
}

%root% > *:nth-child(even) .twitter-card__name {
   font-weight: bold;
}

%root% > *:nth-child(odd) .twitter-card__quote {
  color: white;
}

%root% > *:nth-child(odd) .twitter-card__name {
  color: black;
  font-weight: bold;
}

%root% .twitter-card {
  break-inside: avoid;
}

Footer CTA w/Logo exceeding the container

.footer-cta
     .footer-cta__icon
     .footer-cta__buttons
          .footer-cta__button-group
               .button,  .button__icon,  button__action
                    .button-group__icon
                    .button-group__text

We welcome you to become part of the Family

14-day trial for new clients

Button group w/ Icon

or

14-day trial for new clients

Button group w/ Icon

I am an H1 heading

I am an H2 heading

I am an H3 heading

I am an H4 heading

Here goes your text ... Select any part of your text to access the formatting toolbar.

I am a buttonI am a button

Team-header

Team-text

Team-header

Team-text

Team-header

Team-text

Team-header

Team-text