Top I

Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.

Top II

Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.

Top III

Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.

Button "Log in"

Menu bar

The "Log in" button is created when the menu item has class gkLogin defined in the GK Additional Menu Parameters. This CSS class creates a connection between menu item and the login popup. Please remember to publish the module on the login module position in order to get working popup.

The newest change is adding in the template language file phrase: TPL_GK_LANG_MYACCOUNT - this phrase is displayed instead of the menu item with gkLogin class when user is logged in and defaultly is displayed as "My Account".

Video block

Video block

The video block can be created in the Custom HTML module - the background is defined by the background image option and the content should look like the below code:

<a href="/VIDEO_URL" class="modal gkVideoBlock" rel="{handler: 'iframe', size: {x: 640, y: 480}}">Take a tour</a>

The above code will create a block which will open a popup with video after clicking it.

Information form

Information form

The above form is created by the following code:

<form action="#" class="gkInformation">
<div>
<strong>Get info based on<br /> your study lavel</strong>
<input type="text" placeholder="Full name" name="full-name" />
<input type="text" placeholder="Your education level" name="education-level" />
<input type="email" placeholder="Your e-mail" name="email" />
<input type="submit" value="Request information" />
</div>
</form>

Content block with image and buttons

Content block

The above content block is created by the following code:

<img src="/images/demo/students.jpg" class="gkContentImage" alt="University Joomla and WordPress Template" />

<div class="gkContent">
<p>Ut imperdiet ipsum vel est congue, a vestibulum orci faucibus. Mauris dictum orci ornare arcu placerat, eu porta quam sollicitudin. Fusce in dapibus turpis. Curabitur imperdiet fermentum tellus.</p>

<p>Nunc suscipit magna vitae nisi blandit, lacinia pellentesque elit euismod. Quisque ut mattis dolor, a gravida turpis.</p>

<a href="/index.php/about-us">More details…</a>
</div>

<ul class="gkContentList" data-cols="3">
<li><a href="#">Be part of us</a></li>
<li><a href="#">Find allies</a></li>
<li><a href="#">Get support</a></li>
</ul>

Menu with icons

Menu with icons

In order to create menu with icons you have to add icons-menu suffix to the Custom HTML module and use as a content the following code:

<ul>
<li><a href="#"><i class="gk-icon-script"></i>How to apply</a></li>
<li><a href="#"><i class="gk-icon-calendar"></i>Deadlines</a></li>
<li><a href="#"><i class="gk-icon-marker"></i>Plan a visit</a></li>
<li><a href="#"><i class="gk-icon-education"></i>Find a major</a></li>
<li class="last-item"><a href="#">More details…</a></li>
</ul>

Social icons, newsletter, positioned title

Modules bar

In order to create a bar with modules you have to add to the page suffix bottomX-bar where X is a number of the bottom module position i.e. bottom3-bar.

The above bar is based on 3 Custom HTML modules which uses the following code:

Social Icons

<ul class="gk-social-icons">
<li><a class="gk-icon-gplus-outline" href="https://plus.google.com/+gavickpro/posts">Google+</a></li>
<li><a class="gk-icon-twitter-outline" href="https://twitter.com/gavickpro">Twitter</a></li>
<li><a class="gk-icon-fb-outline" href="https://www.facebook.com/gavickpro">Facebook</a></li>
<li><a class="gk-icon-youtube-outline" href="#">YouTube</a></li>
<li><a class="gk-icon-linkedin-outline" href="#">LinkedIn</a></li>
</ul>

Positioned title

<h3 class="gkBottomTitle">Campus Life</h3>

Newsletter

<form class="gk-newsletter" action="#">
<p><input type="email" placeholder="Your e-mail address" /> <span><input type="button" value="Subscribe" /></span></p>
</form>
  1. Lorem ipsum
  2. dolor sit
  3. amet loremik
Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo.
Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo.
Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam eget risus varius blandit sit amet non magna. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo.
next
prev

"mediumtitle" suffix

Maecenas faucibus mollis interdum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

NSP GK5

  • 1
  • 2
Prev Next

Physics Department

University of Khartoum-Physics Department The Physics Journal Club يدعوكم نادي الفيزياء لسمنار بعنوان: An Introduction to String Theory يقدمه: مبارك عبدالله سليمان محمد وذلك في يوم...

02-06-2014 Hits:5 Events List 2

Read more
Physics Department-The Physics Journal Club

Physics Department-The Physics Journal C…

Date: 2017 - 7:00 am  University of Khartoum-Physics Department The Physics Journal Club يدعوكم نادي الفيزياء لسمنار بعنوان: Introduction to Cosmology يقدمه د. النضيف...

02-06-2014 Hits:36 Physics Department

Read more
Journal Club Physics

Journal Club Physics

Date: 2017 - 7:00 am  يتقدم نادي الفيزياء بالشكر والتقدير للدكتور النضيف حامد أحمد على السمنار العلمي القيم الذي قدمه اليوم بالقسم ضمن سلسلة...

02-06-2014 Hits:47 Physics Department

Read more
الرحلة الخارجية لماليزيا – طلاب المستويين الثالث والرابع قسم علم النبات

الرحلة الخارجية لماليزيا – طلاب المستويي…

Date: 2017 - 7:00 am                     

02-06-2014 Hits:57 Physics Department

Read more

"bigtitle" suffix

Maecenas faucibus mollis interdum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Bottom I

Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.

Bottom II

Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.

Bottom III

Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.

"parallax" suffix

With the parallax suffix you can use the default image or override it by selecting the background image for the Custom HTML module.