Learn More

News and Articles

IMPORT / EXPORT Specialists

With all the red-tape barriers and changes to government compliance, let IMOREX Port International Inc. assist you with all of the issues surrounding importing or exporting products in Canada.

In hiring a specialist, we can guide you through all the complex issues of the import / export business world.

Color Pallet

The color pallet is made up of 12 colors and the spectrum of greyscale. The triad of colors can vary from complimentary, monochrome, pastel, contrast, etc. Each triad has a root, a lighter hue and and darker hue - generally found equidistant from each other by adding white and black respectively.


Sample HTML

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas nec magna. Phasellus pharetra venenatis nisi. Pellentesque a velit. Donec eu dui. Phasellus lacinia, elit sed sodales tempus, neque ante porttitor enim, mattis tincidunt risus nunc vitae velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas nec magna. Phasellus pharetra venenatis nisi. Pellentesque a velit. Donec eu dui. Phasellus lacinia, elit sed sodales tempus, neque ante porttitor enim, mattis tincidunt risus nunc vitae velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas nec magna. Phasellus pharetra venenatis nisi. Pellentesque a velit. Donec eu dui. Phasellus lacinia, elit sed sodales tempus, neque ante porttitor enim, mattis tincidunt risus nunc vitae velit.

Headline 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas nec magna. Phasellus pharetra venenatis nisi. Pellentesque a velit. Donec eu dui. Phasellus lacinia, elit sed sodales tempus, neque ante porttitor enim, mattis tincidunt risus nunc vitae velit.

Headline Three - Section Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas nec magna. Phasellus pharetra venenatis nisi. Pellentesque a velit. Donec eu dui. Phasellus lacinia, elit sed sodales tempus, neque ante porttitor enim, mattis tincidunt risus nunc vitae velit.

Headline Four - Subsection Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas nec magna. Phasellus pharetra venenatis nisi. Pellentesque a velit. Donec eu dui. Phasellus lacinia, elit sed sodales tempus, neque ante porttitor enim, mattis tincidunt risus nunc vitae velit.

Headline 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas nec magna. Phasellus pharetra venenatis nisi. Pellentesque a velit. Donec eu dui. Phasellus lacinia, elit sed sodales tempus, neque ante porttitor enim, mattis tincidunt risus nunc vitae velit.

Text Elements

Inline Tags

Text that requires an ANCHOR will use the <>a<>> tag.The anchor tag is better know as a Link. Text that requires EMPHASIS will use the <>em<>> tag. Often called Italics, use emphsis for stressed words such as sarcasm. Text that requires STRENGTH will use the <>strong<>> tag. Use bold to make text larger and darker. Text that requires a STROKE though it will use the <>del<> tag. The nice thing about the web is you can show what you have deleted and keep it around. Text changes rapidly. Text that requires a UNDERLINE will use the <>ins<> tag. Sometimes you just need and underline, but this treatment can also mean it is text that has been added after an edit. Text that requires a SUERSCRIPT will use the <>sup<> tag. Like Trademarks and McIrish Names. Text that requires a SUBSCRIPT will use the <>sub<> tag. Ummmm.... If you think of a use let me know. C.I.A. is and acronym tag, and rolling-over it provides the definition. Text that requires an abbreviation like etc. will use the abbr tag. Text that requires a span class will use the span tag. Now this is the tag that tells our styles that this piece of text will have a special class as exampled in the next paragraph.

Inline Classes

Most people have seen text that is highlighted one way: by a link. But there are several other reasons to make a line of text stand out from the rest, and they way it is accomplished should illustrate the reason it is. For example, If I had a special type of link that downloads a file immediately when clicked, I may want that link to have an icon associated with it or have a slightly different color. You may want to warn your views and alert them to import text. Ofthen, when people study a text and they find something important that they want to remember they will use a highlighter to mark the text. There are many colors of course, but that is the magic of styles. Pick one you like ( Or that makes the most sense with your site's color pallet). Items could also be subdued for subtle attention using the .subdue class. These are just a few examples. The limit is only imagination; but more practically, the needs of your website.

Block Level Elements

As you may know, or have guessed, Block Level Elements contain a block of text such as the paragraph these words are in that you are reading now. This paragraph may not look fancy but there is some default styling such as the distance one paragraph is from the other using Margins, and Padding. As with all styles these Blocks can have their properties styled such as Backgrounds and Borders.

Horizontal Rule

Below is a horizontal Rule. This HTML element has a background image associated to it to display the line and the arrow. It also has margin and padding to set it off from this paragraph, providing space.


Blockquote

This Paragraph is illustrating a <blockquote> tag. This tag is used to set aside a quote that is to long to be cited inline.To quote myself:

Websites are cool, I like them because of their coolnes. In the summer they keep me warm, but they are so cool that in the cold winter they also make me feel warm because of the relative warmth.

Fieldset

This example is the fieldsetThe title above is the <legend> tag that is used with the <fieldset> tag. The standard style is what you will see if you have not changed the style settings yet on this site.

Block Level Classes

And what is good for Inline Text is good for Block Level Text too. Each of these predefined tags can have a class applied to them, but there is another sort of Block Level Tag that is by default without style. This Tag is call the <div> tag. Most often div's are used for Positioning Page Segments, however it can also be used to apply a Block Level style. It is considered better practice to use a <p> tag instead however. An example below will show a Question and Answer Blocks that you might find in a FAQ section.

With all these options, how will I choose what the best design for my site is. With all these options, how will I choose what the best design for my site is. With all these options, how will I choose what the best design for my site is?

Design is a personal perspective, however good design principals are all built into Onewebsite's Templates. Proper spacing creates good balance. Contrast moves the users eye where it is intended so they can undertand the content. And color/graphis are used sparingly and only in support of an overall Theme. Your template will be professionally designed to ensure these qualities

List Elements

This is an aside. It is intended to provide extra information that is important re-iteration of key facts of the body text.

The next three types of Block Level Elements are lists. There are 3 types of lists in HTML. They are the Order List, Unordered List, and Definition List. The Ordered List is arranged by some defined numbering system. This system is available to be styled and can used numbers, letters, roman numerals and other order indicating graphics. The Unordered list as is implied by its name has no such ordering system. Generally a simple graphic is used to mark the bullet before the List Item. Sometimes these graphics can be very elaborate, and other times none is used at all. Lists are most often employed to serve as Navigation Objects. Definitions LIsts allow for the declaration of a word or concept to be defined - the definition term; followed by the definition.

Ordered List

  1. Ordered Lists
  2. Unordered Lists
  3. Definitions LIsts

Unorderd List

  • Ordered Lists
  • Unordered Lists
  • Definitions LIsts

Definition List

Definition Term
Definition Definition

Table Elements

The Next Block Level Element of a complex nature is the Table. The Table is made up of Rows, Columns, and Cells. Each of these sub-elements can be styled to create a great degree of variance.

Style Elements Solid Deep Full
Background Color Yes Yes Yes
Background Image No Yes Yes
Borders Yes Graphical Complex
Typography Yes Yes Yes
Graphics No Limited Images

This is another example of a styled table using a Tag called THEAD, TBODY, and TFOOT to style the associated head, body and foot components of the table. Like all HTML Elements, the <table> tag is very flexible to your design.

Table Head - thead
Table Body - tbody
Table Foot - tfoot

Form Elements

The last complex Block Level Element is the Form. The form contains Drop Down menus, also called <select> Tags, Options, several types of Inputs, and Text Areas.

Contact Form

Name (required)
Name (required)
E-Mail (will not be published) (required)
Website
Comments and Questions