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.
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
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
Ordered Lists
Unordered Lists
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.