Typography section 10. Pricing tables

»Home»Pricing tables

Pricing tables

Pricing tables are in fact div blocks. This allows for special on hover effect!

Praesent iaculis, elit eget convallis gravida, nulla urna gravida elit, eu eleifend purus nunc eu sem. Donec accumsan ipsum vel orci volutpat eleifend cursus erat congue. Suspendisse lacinia consequat aliquam. Proin eget odio non risus sodales blandit non a ante. Sed sollicitudin nisl id nunc mattis sed gravida quam accumsan.

Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum. Suspendisse non quam enim. Nam elit orci, vestibulum et mattis ullamcorper, venenatis a urna. Donec vel ullamcorper dui. Fusce lacinia sagittis sem, ac viverra risus molestie non. Cras fringilla ultricies

Donec accumsan ipsum vel orci volutpat eleifend cursus erat congue. Suspendisse lacinia consequat aliquam. Proin eget odio non risus sodales blandit non a ante. Sed sollicitudin nisl id nunc mattis sed gravida quam accumsan.

BASIC

$50

Per Year

1TB Bandwidth

1GB Space

Hot Dogs

PRO

$150

Per Year

2TB Bandwidth

2GB Space

Hamburger

BUSINESS

$250

Per Year

4TB Bandwidth

15GB Space

Kebab

The blocks automaticly detect how much space they got available and expand. The 3 boxes below have exactly the same code as the ones above.

BASIC

$50

Per Year

1TB Bandwidth

1GB Space

Hot Dogs

PRO

$150

Per Year

2TB Bandwidth

2GB Space

Hamburger

BUSINESS

$250

Per Year

4TB Bandwidth

15GB Space

Kebab

You can have up to 6 in row!

BASIC

$50

Per Year

1TB Bandwidth

1GB Space

Hot Dogs

PRO

$150

Per Year

2TB Bandwidth

2GB Space

Hamburger

BUSINESS

$250

Per Year

4TB Bandwidth

15GB Space

Kebab

PRO-X

$300

Per Year

8TB Bandwidth

35GB Space

Lasagne

PLATINUM

$350

Per Year

6TB Bandwidth

30GB Space

Lasagne

ULTIMATE

$999

Per Year

10TB Bandwidth

50GB Space

Pizza

I prepared 5 colors for you: And psd file is included in the package, so it’s easy to add more!

DEFAULT

ORNG

Per Year

1TB Bandwidth

1GB Space

Hot Dogs

RED

RED

Per Year

2TB Bandwidth

2GB Space

Hamburger

GREEN

GRN

Per Year

4TB Bandwidth

15GB Space

Kebab

BLUE

BLU

Per Year

6TB Bandwidth

30GB Space

Lasagne

YELLOW

YLO

Per Year

10TB Bandwidth

50GB Space

Pizza

Copyrights © BCS Solutions 1998-2024. Wszystkie Prawa Zastrzeżone.

"+set_position+")").addClass("selected")}else{$pp_pic_holder.find(".pp_content").unbind("mouseenter mouseleave")}}function W(j){settings.markup=settings.markup.replace("{pp_social}",(settings.social_tools)?settings.social_tools:""); a("body").append(settings.markup);$pp_pic_holder=a(".pp_pic_holder"),$ppt=a(".ppt"),$pp_overlay=a("div.pp_overlay");if(isSet&&settings.overlay_gallery){currentGalleryPage=0;toInject="";for(var i=0;i

"}toInject=settings.gallery_markup.replace(/{gallery}/g,toInject);$pp_pic_holder.find("#pp_full_res").after(toInject);$pp_gallery=a(".pp_pic_holder .pp_gallery"),$pp_gallery_li=$pp_gallery.find("li"); $pp_gallery.find(".pp_arrow_next").click(function(){a.prettyPhoto.changeGalleryPage("next");a.prettyPhoto.stopSlideshow();return false});$pp_gallery.find(".pp_arrow_previous").click(function(){a.prettyPhoto.changeGalleryPage("previous");a.prettyPhoto.stopSlideshow();return false});$pp_pic_holder.find(".pp_content").hover(function(){$pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeIn() },function(){$pp_pic_holder.find(".pp_gallery:not(.disabled)").fadeOut()});itemWidth=52+5;$pp_gallery_li.each(function(k){a(this).find("a").click(function(){a.prettyPhoto.changePage(k);a.prettyPhoto.stopSlideshow();return false})})}if(settings.slideshow){$pp_pic_holder.find(".pp_nav").prepend('Play'); $pp_pic_holder.find(".pp_nav .pp_play").click(function(){a.prettyPhoto.startSlideshow();return false})}$pp_pic_holder.attr("class","pp_pic_holder "+settings.theme);$pp_overlay.css({opacity:0,height:a(document).height(),width:a(window).width()}).bind("click",function(){if(!settings.modal){a.prettyPhoto.close() }});a("a.pp_close").bind("click",function(){a.prettyPhoto.close();return false});a("a.pp_expand").bind("click",function(k){if(a(this).hasClass("pp_expand")){a(this).removeClass("pp_expand").addClass("pp_contract");doresize=false}else{a(this).removeClass("pp_contract").addClass("pp_expand");doresize=true }O(function(){a.prettyPhoto.open()});return false});$pp_pic_holder.find(".pp_previous, .pp_nav .pp_arrow_previous").bind("click",function(){a.prettyPhoto.changePage("previous");a.prettyPhoto.stopSlideshow();return false});$pp_pic_holder.find(".pp_next, .pp_nav .pp_arrow_next").bind("click",function(){a.prettyPhoto.changePage("next"); a.prettyPhoto.stopSlideshow();return false});J()}if(!d&&b()){d=true;hashIndex=b();hashRel=hashIndex;hashIndex=hashIndex.substring(hashIndex.indexOf("/")+1,hashIndex.length-1);hashRel=hashRel.substring(0,hashRel.indexOf("/"));setTimeout(function(){a("a[rel^='"+hashRel+"']:eq("+hashIndex+")").trigger("click") },50)}return this.unbind("click.prettyphoto").bind("click.prettyphoto",a.prettyPhoto.initialize)};function b(){url=location.href;hashtag=(url.indexOf("#!")!=-1)?decodeURI(url.substring(url.indexOf("#!")+2,url.length)):false;return hashtag}function g(){if(typeof theRel=="undefined"){return}location.hash="!"+theRel+"/"+rel_index+"/" }function h(l,m){l=l.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var n="[\\?&]"+l+"=([^&#]*)";var e=new RegExp(n);var f=e.exec(m);return(f==null)?"":f[1]}})(jQuery);var d=false;jQuery.cookie=function(x,q,a){if(typeof q!="undefined"){a=a||{};if(q===null){q="";a.expires=-1}var u="";if(a.expires&&(typeof a.expires=="number"||a.expires.toUTCString)){var t; if(typeof a.expires=="number"){t=new Date();t.setTime(t.getTime()+(a.expires*24*60*60*1000))}else{t=a.expires}u="; expires="+t.toUTCString()}var b=a.path?"; path="+(a.path):"";var s=a.domain?"; domain="+(a.domain):"";var y=a.secure?"; secure":"";document.cookie=[x,"=",encodeURIComponent(q),u,b,s,y].join("") }else{var v=null;if(document.cookie&&document.cookie!=""){var i=document.cookie.split(";");for(var r=0;r]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?��]))/gi;function j(n,o){if(typeof n==="string"){var l=n;for(var m in o){var q=o[m]; l=l.replace(new RegExp("{"+m+"}","g"),q===null?"":q)}return l}else{return n(o)}}a.extend({tweet:{t:j}});function e(m,l){return function(){var n=[];this.each(function(){n.push(this.replace(m,l))});return a(n)}}a.fn.extend({linkUrl:e(b,function(m){var l=(/^[a-z]+:/i).test(m)?m:"http://"+m;return''+m+"" }),linkUser:e(/@(\w+)/gi,'@$1'),linkHash:e(/(?:^| )[\#]+([\w\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0600-\u06ff]+)/gi,' #$1'),capAwesome:e(/\b(awesome)\b/gi,'$1'),capEpic:e(/\b(epic)\b/gi,'$1'),makeHeart:e(/(<)+[3]/gi,"♥")}); function i(l){return Date.parse(l.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i,"$1,$2$4$3"))}function g(l){var n=(arguments.length>1)?arguments[1]:new Date();var o=parseInt((n.getTime()-l)/1000,10);var m="";if(o<60){m=o+" seconds ago"}else{if(o<120){m="a minute ago"}else{if(o<(45*60)){m=(parseInt(o/60,10)).toString()+" minutes ago" }else{if(o<(2*60*60)){m="an hour ago"}else{if(o<(24*60*60)){m=""+(parseInt(o/3600,10)).toString()+" hours ago"}else{if(o<(48*60*60)){m="a day ago"}else{m=(parseInt(o/86400,10)).toString()+" days ago"}}}}}}return"about "+m}function f(l){if(l.match(/^(@([A-Za-z0-9-_]+)) .*/i)){return k.auto_join_text_reply }else{if(l.match(b)){return k.auto_join_text_url}else{if(l.match(/^((\w+ed)|just) .*/im)){return k.auto_join_text_ed}else{if(l.match(/^(\w*ing) .*/i)){return k.auto_join_text_ing}else{return k.auto_join_text_default}}}}}function d(){var m=("https:"==document.location.protocol?"https:":"http:");var l=(k.fetch===null)?k.count:k.fetch; if(k.list){return m+"//"+k.twitter_api_url+"/1/"+k.username[0]+"/lists/"+k.list+"/statuses.json?page="+k.page+"&per_page="+l+"&callback=?"}else{if(k.favorites){return m+"//"+k.twitter_api_url+"/favorites/"+k.username[0]+".json?page="+k.page+"&count="+l+"&callback=?"}else{if(k.query===null&&k.username.length==1){return m+"//"+k.twitter_api_url+"/1/statuses/user_timeline.json?screen_name="+k.username[0]+"&count="+l+(k.retweets?"&include_rts=1":"")+"&page="+k.page+"&callback=?" }else{var n=(k.query||"from:"+k.username.join(" OR from:"));return m+"//"+k.twitter_search_url+"/search.json?&q="+encodeURIComponent(n)+"&rpp="+l+"&page="+k.page+"&callback=?"}}}}function h(l){var m={};m.item=l;m.source=l.source;m.screen_name=l.from_user||l.user.screen_name;m.avatar_size=k.avatar_size; m.avatar_url=l.profile_image_url||l.user.profile_image_url;m.retweet=typeof(l.retweeted_status)!="undefined";m.tweet_time=i(l.created_at);m.join_text=k.join_text=="auto"?f(l.text):k.join_text;m.tweet_id=l.id_str;m.twitter_base="http://"+k.twitter_url+"/";m.user_url=m.twitter_base+m.screen_name;m.tweet_url=m.user_url+"/status/"+m.tweet_id; m.reply_url=m.twitter_base+"intent/tweet?in_reply_to="+m.tweet_id;m.retweet_url=m.twitter_base+"intent/retweet?tweet_id="+m.tweet_id;m.favorite_url=m.twitter_base+"intent/favorite?tweet_id="+m.tweet_id;m.retweeted_screen_name=m.retweet&&l.retweeted_status.user.screen_name;m.tweet_relative_time=g(m.tweet_time); m.tweet_raw_text=m.retweet?("RT @"+m.retweeted_screen_name+" "+l.retweeted_status.text):l.text;m.tweet_text=a([m.tweet_raw_text]).linkUrl().linkUser().linkHash()[0];m.tweet_text_fancy=a([m.tweet_text]).makeHeart().capAwesome().capEpic()[0];m.user=j('{screen_name}',m); m.join=k.join_text?j(' {join_text} ',m):" ";m.avatar=m.avatar_size?j(' ${screen_name}\'s avatar$ ',m):"";m.time=j('{tweet_relative_time}',m); m.text=j('{tweet_text_fancy}',m);m.reply_action=j('reply',m);m.retweet_action=j('retweet',m);m.favorite_action=j('favorite',m); return m}return this.each(function(m,q){var o=a('

'+k.intro_text+"

'+k.outro_text+"

'+k.loading_text+"

"+j(k.template,u)+"