Menu

Template articles

Price Table

Price table Custom HTML is based on the following structure:

<div class="gkPriceTable gkPriceTableAnimated col3">
<dl>
<dt>Basic</dt>
<dd class="gkPrice">$15<small>/ month</small></dd>
<dd>Unlimited Storage</dd>
<dd>Unlimited Transactions</dd>
<dd>Unlimited Contacts</dd>
<dd>Unlimited Users</dd>
<dd><a href="#">Choose</a></dd>
</dl>

<dl class="gkPremium">
<dt>Premium</dt>
<dd class="gkPrice">$99<small>/ month</small></dd>
<dd>Unlimited Storage</dd>
<dd>Unlimited Transactions</dd>
<dd>Unlimited Contacts</dd>
<dd>Unlimited Users</dd>
<dd>Try it for a month!</dd>
<dd><a href="#">Choose</a></dd>
</dl>

<dl>
<dt>Plus</dt>
<dd class="gkPrice">$29<small>/ month</small></dd>
<dd>Unlimited Storage</dd>
<dd>Unlimited Transactions</dd>
<dd>Unlimited Contacts</dd>
<dd>Unlimited Users</dd>
<dd><a href="#">Choose</a></dd>
</dl>
</div>

The main wrapper contains three clases: the gkPriceTable class is required, the gkPriceTableAnimated is required if you want to create an animated price table on scrolling and the last class is used to specify the amount of columns - you can use classes col1-col5.

Every column is specified by dl element (with gkPremium class the column will be highlighted) - in the dt element you can specify the table column title. In the dd element with gkPrice class you can specify the price - using the small element you can specify te service period time.

Adding of the button at the bottom is very simple - it needs just to add the link element in the dd element.

Page break example

Ut dignissim aliquet nibh tristique hendrerit. Donec ullamcorper nulla quis metus vulputate id placerat augue eleifend. Aenean venenatis consectetur orci, sit amet ultricies magna sagittis vel. Nulla non diam nisi, ut ultrices massa. Pellentesque sed nisl metus. Praesent a mi vel ante molestie venenatis.

Donec sed odio dui. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Mauris justo metus, ultrices id lobortis et, euismod sit amet metus. Maecenas sed nisl a arcu ultricies consectetur. Integer ut mollis elit. Nulla ultrices scelerisque mauris id commodo. Integer congue lectus et justo pellentesque sed semper lacus facilisis. Nunc tristique placerat odio eget rutrum.

Read more: Page break example

Page Break

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin posuere nisi quis odio egestas non tempus est sollicitudin. Nulla facilisi. Pellentesque tempus suscipit nulla sed tempor. Phasellus et lorem id libero fermentum molestie sit amet sit amet mi. Quisque ultrices, neque et laoreet dictum, arcu sapien pulvinar odio, in aliquam mi dui eu leo. Nullam posuere, arcu et egestas fermentum, enim purus fermentum diam, quis porta mauris lectus ut odio. In tincidunt dapibus malesuada. Integer a lorem ligula. In tincidunt augue eget velit convallis nec pharetra eros tincidunt. Maecenas et tortor libero, vel malesuada est.

Quisque magna tellus, condimentum a porttitor eu, fermentum nec enim. Aenean et erat nec lectus adipiscing auctor. Sed tellus sapien, condimentum eget tristique ac, faucibus sed nisi. Curabitur pretium porta pulvinar. Integer cursus venenatis dictum. Morbi massa est, ultricies ut ultrices vitae, hendrerit vitae tellus. Duis a nulla quis tellus lacinia tristique.

Donec libero urna, cursus vitae sollicitudin sit amet, elementum et massa. Donec feugiat, turpis a dictum vulputate, dui diam faucibus nunc, ac sodales augue magna id augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sit amet nisi felis. Morbi faucibus nunc id elit aliquam ac condimentum leo laoreet. Sed nec risus sed nulla mattis volutpat in eget diam. In leo nisl, eleifend vel lobortis vel, tincidunt a ligula. Nulla placerat gravida laoreet. In lobortis, ligula in sagittis pellentesque, orci magna venenatis neque, eu sagittis lacus ante et tellus. Morbi vel semper augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin posuere nisi quis odio egestas non tempus est sollicitudin. Nulla facilisi. Pellentesque tempus suscipit nulla sed tempor. Phasellus et lorem id libero fermentum molestie sit amet sit amet mi. Quisque ultrices, neque et laoreet dictum, arcu sapien pulvinar odio, in aliquam mi dui eu leo. Nullam posuere, arcu et egestas fermentum, enim purus fermentum diam, quis porta mauris lectus ut odio. In tincidunt dapibus malesuada. Integer a lorem ligula. In tincidunt augue eget velit convallis nec pharetra eros tincidunt. Maecenas et tortor libero, vel malesuada est.

Quisque magna tellus, condimentum a porttitor eu, fermentum nec enim. Aenean et erat nec lectus adipiscing auctor. Sed tellus sapien, condimentum eget tristique ac, faucibus sed nisi. Curabitur pretium porta pulvinar. Integer cursus venenatis dictum. Morbi massa est, ultricies ut ultrices vitae, hendrerit vitae tellus. Duis a nulla quis tellus lacinia tristique.

Donec libero urna, cursus vitae sollicitudin sit amet, elementum et massa. Donec feugiat, turpis a dictum vulputate, dui diam faucibus nunc, ac sodales augue magna id augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sit amet nisi felis. Morbi faucibus nunc id elit aliquam ac condimentum leo laoreet. Sed nec risus sed nulla mattis volutpat in eget diam. In leo nisl, eleifend vel lobortis vel, tincidunt a ligula. Nulla placerat gravida laoreet. In lobortis, ligula in sagittis pellentesque, orci magna venenatis neque, eu sagittis lacus ante et tellus. Morbi vel semper augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat.

Module variations

On this page you can see basic suffixes used in this template.

01For the modules used on the top1-2 module positions we recommened to use only default module styles.

02The clear suffix is very useful to create banners or images without additional borders, margins and paddings. The clear suffix is also very useful inside the mainbody, mainbody_top and mainbody_bottom module positions.

03If you want to create a modules with big spaces and big centered title, please use the centered suffix.

04For NSP modules please always disable usage of the default CSS styles in the module settings.

More Articles ...

  1. Messages
  2. Typography

Connecting Tech Scouts to Breakthrough Innovations

Visible Legacy's mission is to speed the translation of academic research into real-world solutions. Our proprietary machine intelligence algorithms gather information from the public academic websites and our website presents it to Technology Scouts in an online interactive portal called Visible Legacy Navigator. Navigator lets users follow the story of innovation, making connections more quickly to resources and knowledge, helping Technology Scouts find suitable technology and expert teams faster.  More about us.

User Menu

Navigator

Navigator shows the network of collaborators and how they are related by projects and by organizations. The online interactive website offers a map view, a detail view, filtering, search. The map enables you to browse from node to node following your inquiry and explore the "in between" information that offers context to help you make sense of innovations. The rich data offers you the opportunity to explore around the news and find the perfect fit. Explore Navigator.

Pro Account

Register for a free Pro account to save favorites, edit your profile, claim your page, and more. Learn more.

Widgets

For innovators, departments, and academic licensing organizations we offer map widgets and advance search functionality which may be added to your website to help you communicate emerging innovations and the context to help your audience understand the impact. Read more.

 

Visible Legacy Navigator

Make connections faster

Creating an interactive online map of academic innovations to speed scouting for technology and collaborators.

Creative

Step 1: Search

Start by searching across academic innovations.  You can quickly search by people’s names, projects, and keywords.

Rocket

Step 2: Explore

Use Navigator’s powerful interactive navigation to quickly explore relationships within your selected interest.  Easily identify the best technology fit and innovations in your field.

Responsive

Step 3: Connect

Drill into any person, project, or organization to reveal background, publications, technology licenses, patents, web links, and related connections. 

Go Pro

Register for a free Pro Account to use tools that give you more speed to find and save your pathfinding.

Go Pro!  Register for Free Pro Features and more.

Save Favorites, Add Filters. Register to claim your page and set your featured works.  With a quick link to your account, you can save the innovations and projects that you discover while you navigate.

If you are an industry business development professional or a research investigator seeking a collaborator, Go Pro to speed your pathfinding.

View Details

Use Everywhere to Communicate Innovation

If you are a technology transfer professional, news service or department administrator responsible for communicating emerging innovations to industry, Visible Legacy elements can be used in your website to speed sharing and understanding of your content.

Licensing Officer
Visible Legacy Widgets let my Office of Technology Licensing communicate our innovations to industry.  Adding the visual and interactive elements in our web page lets users find related innovations faster.
News Publisher
Readers of my News Service can use Visible Legacy Search to find experts faster and learn about the other researchers and innovations around the story.
University Professor
As Department Chair, Visible Legacy lets me communicate our new innovations to our industrial partners. I can also use the maps to connect the dots for our research funders, showing the results of grants and what the laboratories are known for.

Sponsor Visible LegacyHelp advance the translation of innovations from academic research to global solutions. Your donation will help us scale up by expanding content, infrastructure, features, and enable us to continue to offer Navigator free to users.

Find out how