Documents

Below is an explanation or description for developers who want to use our style, as well as how it is used.

HTML

Html is an interface that can be run in a browser, the main format of 'index.html'.

Example :

<!DOCTYPE html>
<html>
    <head>
        <!-- Your title web -->
        <title>Guide HTML | CusMeDroid<title>
    </head>
    <body>
        <h1>Title</h1>
        <p>Paragraph</p>
        <div>Integer Devision</div>
    </body>
</html>

Do you need help HTML?

Great! you get it now Here i'am.

CSS

Css is a style builder on the display of tags in html, the format used 'style.css', you can put our style in the head of your index.

Example :

<head>
    <link rel='stylesheet' type='text/css' href='https://cusmedroid.github.io/css/style.css'>
</head>

By ClassName ex. class='orange'

red pink purple deep-purple indigo blue light-blue cyan teal green light-green lime yellow amber orange deep-orange brown blue-gray gold gray white black violet magenta

By ClassName ex. class='orange-bg'

red-bg pink-bg purple-bg deep-purple-bg indigo-bg blue-bg light-blue-bg cyan-bg teal-bg green-bg light-green-bg lime-bg yellow-bg amber-bg orange-bg deep-orange-bg brown-bg blue-gray-bg gold-bg gray-bg white-bg black-bg violet-bg magenta-bg mybasebg

By ClassName ex. class='green-bg-img'

green-bg-img orange-bg-img violet-bg-img magenta-bg-img

By ClassName ex. class='green-grad-bg'

green-grad-bg orange-grad-bg violet-grad-bg magenta-grad-bg

By ClassName ex. class='green-grad-bg-btn'

green-grad-bg-btn orange-grad-bg-btn violet-grad-bg-btn magenta-grad-bg-btn

By ClassName ex. class='padd-4'

padd-4 padd-8 padd-10 padd-16 padd-20 padd-26

By ClassName ex. class='marg-4'

marg-4 marg-8 marg-10 marg-16 marg-20 marg-26

By ClassName ex. class='radius-5'

radius-5 radius-10 radius-15 radius-20 radius-25 radius-30 circle

By ClassName ex. class='size-12'

size-12 size-14 size-16 size-18 size-20 size-22 size-24 size-26 size-28 size-30 size-32 size-34 size-36

Fonts

I'm using fonts from google, and you can paste this in the head.

Example :

<head>
    <link rel='stylesheet' type='text/css' href='https://cusmedroid.github.io/css/style.css'>
    <!-- Include link fonts -->
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Audiowide|Sofia|Trirong'>
</head>

By ClassName ex. class='Audiowide'

Audiowide Sofia Trirong

Fontawesome

I'm using icon from Fontawesome 4, and you can paste this in the head.

Example :

<head>
    <link rel='stylesheet' type='text/css' href='https://cusmedroid.github.io/css/style.css'>
    <!-- Include link fonts -->
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Audiowide|Sofia|Trirong'>
    <!-- Include link icon fontawesome -->
    <link rel='stylesheet' href='https://cusmedroid.github.io/fontawesome-4/css/font-awesome.min.css'>
</head>

By ClassName ex. class='fa fa-cc-discover'

fa fa-cc-discover

Do you need help CSS?

Great! you get it now Here i'am.

JS

I'm using JS/Javascricpt from jQuery 3.6.0, and you can paste this in the head.

Example :

<head>
    <link rel='stylesheet' type='text/css' href='https://cusmedroid.github.io/css/style.css'>
    <!-- Include link fonts -->
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Audiowide|Sofia|Trirong'>
    <!-- Include link icon fontawesome -->
    <link rel='stylesheet' href='https://cusmedroid.github.io/fontawesome-4/css/font-awesome.min.css'>
    <!-- Include link jQuery 3.6.0 -->
    <script type='text/javascript' src='https://cusmedroid.github.io/js/jquery-3.6.0.min.js'></script>
</head>

Do you need help JS?

Great! you get it now Here i'am.

← Home Roadmap →