falke-dog-coaching

Website for Falke-Dog-Coaching

Repos

Clone-Repos

1. git init
2. git clone https://github.com/jano2004/falke-dog-coaching.git
3. git status

Commits

1. git add -p | git add * (If you are sure to add all)
2. git commit -m "fdc-commit $content"
3. git push

Fetch

1. git status (If clean: go on, if not: commit)
2. git fetch

Pulls (fetch with merge)

1. git status (If clean: go on, if not: commit)
2. git pull

File-Anomaly

CSS:

$section/$div.css

Images:

$section/$div_image_$placement.jpg

JS:

$function.js for every function there will be a .js file!

Code-Anomaly

Main-Usages:

only use classe's!

only use underscore's!

section:

section_$section-name

div:

div_$container-name

images:

img_$container-name_$image-name

header:

head_$header-type_$container-name_$header-name

select:

select_$container-name_$select-name

option:

option_of_$select_$option-name

ul:

ul_$container-name_$ul-name

li:

li_of_$ul_$li-name (li-name if needed)

p:

p_$container-name_$p-name

Fonts

Font-Type

1. font-family: 'Roboto', sans-serif;

Font-Weight

1. Normal Text:---------font-weight: 100;
2. Normal Bold Text:----font-weight: normal;
3. Header Text:---------font-weight: normal;
4. Header Bold Text:----font-weight: bold;

Font-Size

1. Normal Text: font-size: 30px;
2. Header Text: font-size: 3rem;

Letter-Spacing

1. Normal Text: letter-spacing: 2px;
2. Header Text: letter-spacing: 3px;

Color

1. color: black;
2. color: rgba(0, 0, 0, 100);
3. color: #fffff;

@media-Types

iPhone:

@media (max-width: 480px)

iPad:

@media (min-width: 481px) and (max-width: 768px)

MacBook:

@media (min-width: 769px) and (max-width: 1024px) {

iMac:

@media (min-width: 1025px) and (max-width: 1500px) {