bestwebdesign

Freelancign web design and Graphics design

bestwebdesign

How to Make Money as a Freelance Designer

Notwithstanding the fabulous notoriety, independent plan is no stroll in the recreation center. It takes an amazing hard working attitude, critical entrepreneurial ability, and a tad of madness to pull it off adequately. This article will talk about how to successfully bring home the bacon as a consultant (architect or something else)

web design

Is there "huge cash" to be made as an independent creator?

He had never heard of a millionaire graphic designer who “drives a Ferrari and lives in a mansion.”

css

Is there "huge cash" to be made as an independent creator?

Freelance graphic design work seems like the best job in the world: you get to make your own schedule, work from home and choose which projects and clients you take on. All of that is true; however, becoming a freelance graphic designer isn’t as easy as it seems.

html

Graphic Design Concentration

Advertising Concepts Form and Space, including Advanced Layout Design Package Design Business of Graphic Design Publication Design Art Direction

php

Graphics design project

Visual computerization, otherwise called correspondence configuration, is the workmanship and routine with regards to arranging and anticipating thoughts and encounters with visual and literary substance.

Showing posts with label bestwebdesign. Show all posts
Showing posts with label bestwebdesign. Show all posts

Saturday, 6 May 2023

CSS Icons

, , 1 comment:

CSS Icons

How To Add Icons

The simplest way to add an icon to your HTML page, is with an icon library, such as Font Awesome.

Add the name of the specified icon class to any inline HTML element (like <i> or <span>).

All the icons in the icon libraries below, are scalable vectors that can be customized with CSS (size, color, shadow, etc.)

Font Awesome Icons

To use the Font Awesome icons, go to fontawesome.com, sign in, and get a code to add in the <head> section of your HTML page:

<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>

xample

<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>

<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>

</body>
</html>

Yourself Try

Bootstrap Icons

To use the Bootstrap glyphicons, add the following line inside the <head> section of your HTML page:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Note: No downloading or installation is required!

Example

<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>

<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>

</body>
</html>

Yourself Try

Google Icons

To use the Google icons, add the following line inside the <head> section of your HTML page:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Note: No downloading or installation is required!

Example

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>

<i class="material-icons">cloud</i>
<i class="material-icons">favorite</i>
<i class="material-icons">attachment</i>
<i class="material-icons">computer</i>
<i class="material-icons">traffic</i>

</body>
</html>

Yourself Try


Wright © bestwebdesign and Graphics design

Share:
Read More

Friday, 17 August 2018

CSS Padding

, No comments:

CSS Padding


The CSS padding properties are utilized to create space around a component's substance, within any characterized fringes.
With CSS, you have full control over the padding. There are properties for setting the padding for each side of a component (top, right, bottom, and left).

Padding - Individual Sides

CSS has properties for specifying the padding for each side of an element:
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

All the padding properties can have the following values:

  • length - specifies a padding in px, pt, cm, etc.
  • % - specifies a padding in % of the width of the containing element
  • inherit - specifies that the padding should be inherited from the parent element

The following example sets different padding for all four sides of a <div> element: 


Example

div {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;}
Yourself Try

Padding - Shorthand Property

To shorten the code, it is possible to specify all the padding properties in one property.
The padding property is a shorthand property for the following individual padding properties:
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left
So, here is how it works:
If the padding property has four values:
  • padding: 25px 50px 75px 100px;
    • top padding is 25px
    • right padding is 50px
    • bottom padding is 75px
    • left padding is 100px

Example

div {
    padding: 25px 50px 75px 100px;}
Yourself Try
If the padding property has three values:
  • padding: 25px 50px 75px;
    • top padding is 25px
    • right and left paddings are 50px
    • bottom padding is 75px

Example

div {
    padding: 25px 50px 75px;}
Yourself Try



Wright © bestwebdesign and Graphics design


Share:
Read More

Web Design Tutorial

Theme Support

Munere veritus fierent cu sed, congue altera mea te, ex clita eripuit evertitur duo. Legendos tractatos honestatis ad mel. Legendos tractatos honestatis ad mel. , click here →