Font Awesome 4.0.3

Font Awesome is a pictographic language of web-related actions which delivers 369 icons. The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0. You can find the full examples of usage at Font Awesome - Font Awesome 4.0.3

[icon Ονοματεπώνυμο="twitter"  size="34" color="#0AA7DB"  ] 

[icon Ονοματεπώνυμο="facebook" size="34" color="#3C5A9A" ]

[icon Ονοματεπώνυμο="linkedin" size="34" color="#1B5690" ]

[pricing columns="4"]

    [plan title="Free" button_link="#" button_label="Sign up!" price="$0 " per="month"]

        <ul class="pricing-list">

            <li><i class="icon-ok"></i> Disk Space <strong>10 GB</strong> </li>

            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>

            <li><i class="icon-remove"></i> Setup Free <a class="boxtip" rel="tooltip" data-original-title="TEXT_TOOLTIP" href="#" >(?) </a></li>

            <li><i class="icon-ok"></i><strong>1 </strong> Free Email Accounts <a class="boxtip" rel="tooltip" data-original-title="TEXT_TOOLTIP" href="#" >(?) </a></li>

            <li><i class="icon-ok"></i><strong>1 </strong> FTP Accounts</li>

            <li><i class="icon-ok"></i> Half Privacy</li>

        </ul>

    [/plan]

    

    [plan title="Basic" button_link="#" button_label="Sign up!" price="$15 " per="month"]

        <ul class="pricing-list">

            <li><i class="icon-ok"></i> Disk Space <strong>15 GB</strong> </li>

            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong> </li>

            <li><i class="icon-ok"></i> Setup Free </li>

            <li><i class="icon-ok"></i><strong>3 </strong> Free Email Accounts </li>

            <li><i class="icon-ok"></i><strong>3 </strong> FTP Accounts</li>

            <li><i class="icon-ok"></i> Full Privacy</li>

        </ul>

    [/plan]

    

    [plan title="Pro" button_link="#" button_label="Sign up!" price="$30 " featured="true" per="month"]

        <ul class="pricing-list">

            <li><i class="icon-ok"></i> Disk Space <strong>30 GB</strong> </li>

            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>

            <li><i class="icon-ok"></i> Setup Free </li>

            <li><i class="icon-ok"></i><strong>5 </strong> Free Email Accounts </li>

            <li><i class="icon-ok"></i><strong>5 </strong> FTP Accounts</li>

            <li><i class="icon-ok"></i> Full Privacy</li>

        </ul>

    [/plan]

    

    [plan title="Premium" button_link="#" button_label="Sign up!" price="$70 "  per="month"]

        <ul class="pricing-list">

            <li><i class="icon-ok"></i> Disk Space <strong> Unlimited GB</strong> </li>

            <li><i class="icon-ok"></i> Bandwidth <strong>Unlimited </strong>  </li>

            <li><i class="icon-ok"></i> Setup Free </li>

            <li><i class="icon-ok"></i><strong> Unlimited </strong> Free Email Accounts </li>

            <li><i class="icon-ok"></i><strong> Unlimited </strong> FTP Accounts</li>

            <li><i class="icon-ok"></i> Full Privacy</li>

        </ul>

    [/plan]

[/pricing]

[pricing columns="4" style="red"]

    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]

    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$15" featured="false" per="month"] TEXT_OF_PLAN[/plan]

    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$30" featured="false" per="month"] TEXT_OF_PLAN[/plan]

    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$70" featured="true"  per="month"] TEXT_OF_PLAN[/plan]

[/pricing]

[pricing columns="4" style="blue"]

    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]

    ...

[/pricing]

[pricing columns="4" style="green"]

    [plan title="PRICING_TITLE" button_link="#" button_label="PRICING_BUTTON_LABEL" price="$0"  featured="false" per="month"] TEXT_OF_PLAN[/plan]

    ...

[/pricing]

[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 ]

[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 align="left" ]

[googleMaps addr="4 Yawkey Way~Boston, MA 02215" addoverview=0 label="GOOLE_MAP_LABEL" width=100% height=400 align="right" ]

Customization Options

• Lat: the latitude of the location to display on the map (an alternative to providing the address)
• Long: the longitude of the location to display on the map (an alternative to providing the address)
• Zoom: the initial zoom level of the map
• Width: width of the map embed
• Height: height of the map embed
• Options: Google map options.
• Control: Additional controls to attach to the map.
• Maptype: the type of map you want to display (roadmap, satellite, hybrid or terrain).
• Lang: Language of map
• Marker: whether you want to display the red marker showing the location specified by the address or longitude/latitude attributes.
• Addoverview: whether to display the overview map control (the arrow in the bottom right corner that expands to show the region currently being viewed).
• Addscale: whether to display the scale control (the marking that tells you the distances represented in the map).
• Streetview: A Street View Panorama to display when the Street View pegman is dropped on the map. If no panorama is specified, a default Street View Panorama will be displayed in the map's div when the pegman is dropped.
• Kml: A Kml Layer adds geographic markup to the map from a KML, KMZ or Geo RSS file that is hosted on a publicly accessible web server. A Kml Feature Data object is provided for each feature when clicked.
• Description: A localized string describing the location.
• Label: This is the label for the marker that indicates your designated address.
• Addr: You can display a Google Map by using your address or a latitude/longitude pair.