header*vh should be 100
Container'
nav-bar'

I am ... key words - key skills - through JAVASCRIPT - doesn't work! :-(

I specialize in graphic design, UI/UX and photography One sentence about my specialism

View My Work Crazy button setting in utilities "button[class^='btn-']:hover"

UNDERSTAND (and use) this button organisation
Section-A* This is 1 of several following sections.
To be able to rearrange them later, he gives them class section-a,b,c,d...
First elements are centered by .text-center class given to this element
Has container in it

I Specialize In These ar just individual elements

div .bottom-line {
display: block;
height: 2px;
width: 3rem;
background: $main-color;
margin: 0 auto 1rem auto;

Photography as well as creating digital masterpieces and UI/UX layouts for websites and mobile applications

Grid* not flex
I guess because grid he can manipulate more specifically through media queries(?)
Small Box*He created 1 whole box first and then copied it 3x and changed titles and icons.

Concepting

Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis, molestias repellat quibusdam adipisci quas sed ullam accusantium aliquam numquam quidem.

He changed icon colour by targeting that imprted .fa class in css file and setting colour to orange.

UI/UX

Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis, molestias repellat quibusdam adipisci quas sed ullam accusantium aliquam numquam quidem.

Visual Design

Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis, molestias repellat quibusdam adipisci quas sed ullam accusantium aliquam numquam quidem.

Interaction

Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis, molestias repellat quibusdam adipisci quas sed ullam accusantium aliquam numquam quidem.

Section-b*text aligned by class .text-center again
Doesn't have a container.
Box*?? has class div before ul, because...??
Used ul and 3x li to place elements, and gave diferent class to each -li-
  • Clients
  • 100
  • Awards
  • 3
  • Hours Worked
  • 3500
  • Projects Completed
  • 135

My Creative Process - For each text he has special formatting class like (.lead-text)
- each class has display:BLOCK, so that they align in middle
- he adds also text align:center just to be sure as it is on container too

All of my UI/UX and design projects are based off of a practiced formula to get the result that I am looking for

Label*- number is (as div element with class) within icon element - that is why, i guess, number is displayed above icon
- using PIXELS for sizes (original and on hover).
- (colours are just backgrounds)
1 position:absolute
top+right:0
border-radius:50% height,width,...
transition all...

Discuss The Project

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores voluptas laborum repellendus dolorum! Harum, cupiditate.

2

Brainstorming ^ Concept

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores voluptas laborum repellendus dolorum! Harum, cupiditate.

3

UI/UX Planning

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores voluptas laborum repellendus dolorum! Harum, cupiditate.

4

Interaction

Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores voluptas laborum repellendus dolorum! Harum, cupiditate.