MASTER CSS

Make a awesome experieance with Design, and grow your creativity 



card example

MASTER CSS

Front-End web designing css framework

MASTER CSS

VERSION 2.0



Total Download: 48245



What's new in version 2.0

  • More flesible than version 1.0
  • New 22 gredient colors
  • Better button user interface
  • Added new types of button
  • Added new types of cards
  • Added new tabels styling
  • Added tooltip
  • Added Collapsible
  • Added new dialog box
  • Added error and sucess message
  • Added badges and other text component
  • Added new form component
 
 
 
 
 
 
 
 
 
 

TEXT COMPONENT

T E X T

Normal Header

H1 Header Text

H2 Header Text

H3 Header Text

H4 Header Text

H5 Header Text
H6 Header Text
Responsive Header

H1 Header Text

H2 Header Text

H3 Header Text

H4 Header Text

H5 Header Text
H6 Header Text
Hover Zoom Text

ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

News Paper Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.






TEXT SHADDOW EFFECT



Error message (Simple error)

Sucess message (Simple sucess)


Error message (Bordered error)

Sucess message (Bordered sucess)


SHADDOW COMPONENT

round example round example round example round example round example round example
round example round example round example round example round example
round example round example round example round example round example


BUTTONS COMPONENT









TOOLTIP COMPONENT

Left tooltip
Right tooltip
Top tooltip
Bottom tooltip




DIALOG BOX

Alert Message
Welcome to master-css
Login | User
Profile Card
Jennifer Lopaz
card example
About
First Name : Jennifer
Last Name : Lopaz
Date of Birth : 18 Oct 2000
Nationality : London
About Jenil's
card example
Bio
I am not a perfect but i will try to do perfect.
Stay real, stay loyal and never give up.
Jenil chavda




SHAPES COMPONENT

depth example depth example depth example depth example depth example depth example depth example depth example depth example depth example
shape example shape example shape example shape example shape example shape example
shape example shape example shape example shape example shape example shape example



GREDIENT COLOR







FORM COMPONENT

HTML

90%

CSS3

65%

JAVA Script

50%


HTML (90%)


CSS3 (65%)


JAVA Script (50%)


Toggale Button






MANUS









COLLAPSIBLE

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
card example
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Collapsible example
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.






TABELS

Name Score Position
Robert Frenk 8/10 1th
Jesmin Lopaz 7/10 2th
Kyle Krieger 5/10 3th

Name Score Position
Robert Frenk 8/10 1th
Jesmin Lopaz 7/10 2th
Kyle Krieger 5/10 3th

Name Score Position
Robert Frenk 8/10 1th
Jesmin Lopaz 7/10 2th
Kyle Krieger 5/10 3th




CARDS

Simpale Card
Sub Title
Item Title : Value
Item Title : Value

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse

cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse

cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse


Author name
Card with image
card example
Bio
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
Jenil chavda

Activity

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo


consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo


consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

card example
Kyle Krieger
Programmer
card example

Kyle Krieger

Web Developer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Stay real, Stay loyal and never give-up
card example

Jesmin Lopaz

UI Designer

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Stay real, Stay loyal and never give-up
card example

Robert Frenk

Online Marketing

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Stay real, Stay loyal and never give-up
master-css.ml © 2019