•  Zadzwoń do nas
  •  32 2581889

Search HP

Mega menu is a perfect choice for creating unique large menus since it has been a new and growing web design trend lately. Regular drop-down menus only show text alone or text and icons vertically in a single column. However, mega menus are able to show all the options in one large panel, so visitors can easily reach most pages no matter where they are.

All JSN templates allow you to create a mega menu for site navigation and usability enhancement. They provide a visual way to create a mega menu with clicks and drag-n-drop function, without touching a single line of code.

Support multiple types of content

Our Megamenu allows you to display a lot of content in menu item such as text, images and videos in multiple columns. You can choose one of 3 element types including Joomla module, Submenu and Position to present your content in Megamenu.

Menu

Easy to use

With JSN templates, all settings can be done via template parameters in the section Megamenu. You can find it easy to build the skeleton and add elements to make the content of mega menu based upon your need with no coding skills required.

Menu megamenu setting

Send us a message

Joomla forms builder by JoomlaShine

Contact information

Szkoła Podstawowa nr 17
       im. Tadeusza Kościuszki
       ul. Dekerta 1 40-140 Katowice

32 281889 - główny budynek
     

 This email address is being protected from spambots. You need JavaScript enabled to view it.

A gdyby tak tu napisać coś o władzach szkoły?

I podać godziny pracy sekretariatu

Nulla sagittis maximus risus vitae rhoncus. Sed dictum, velit sit amet lobortis euismod, odio nulla aliquet nisi, eget porttitor metus lectus in massa. Maecenas mattis ante sed nunc tincidunt commodo. Nam nec cursus metus. Vivamus convallis in magna sed sollicitudin. Aliquam a magna orci. Nullam id rhoncus purus. Phasellus tristique viverra felis et egestas. Nulla odio ante, eleifend imperdiet diam elementum, viverra aliquam felis. Quisque mattis et felis vitae maximus.

JSN Templates are designed with more emphasis on modern typography and we believe it provides the most comprehensive content presentation capability. Everything was designed with high level of refinement. Let's take a look at some examples below.

Headings

All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

In Sun Framework, you will only need to adjust ONE base size for headings (h5 equivalent), we will do all the math for you and the magic will happen in your site.

h1. Sun heading

h2. Sun heading

h3. Sun heading

h4. Sun heading

h5. Sun heading (used as base heading size)
h6. Sun heading

<h1>h1. Sun heading</h1>
<h2>h2. Sun heading</h2>
<h3>h3. Sun heading</h3>
<h4>h4. Sun heading</h4>
<h5>h5. Sun heading (used as base heading size)</h5>
<h6>h6. Sun heading</h6>

Blockquotes

Default blockquote

Wrap <blockquote> around any HTML as the quote. For straight quotes, we recommend a <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

Blockquote options

Style and content changes for simple variations on a standard <blockquote>

Naming a source

Add a <footer> for identifying the source. Wrap the name of the source work in <cite>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>
Alternate displays

Add <.blockquote-reverse> for a blockquote with right-aligned content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
<blockquote class="blockquote-reverse">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>

Address

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
This email address is being protected from spambots. You need JavaScript enabled to view it.
<address>
<strong>Twitter, Inc.</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address></pre></code>

<address>
<strong>Full Name</strong><br>
<a href="mailto:#">This email address is being protected from spambots. You need JavaScript enabled to view it.</a>
</address>

Further Information

For further typography styles, please check Bootstrap 3's Offical Documentation here: http://getbootstrap.com/css/#type

All JoomlaShine templates have special built-in design optimized for modern mobile devices iPhone, Android and Windows Mobile-based. The responsive design is applied for Joomla 3.0 versions, and for Pro Edition only.

Unlike other template providers, we do not develop something that looks like a mobile app with heavy menu and animation. We built compact and lightweight version of the template preserving the whole original look-and-feel.

Mobile layout overview on Iphone

Mobile layout overview

Mobile layout overview

Module positions in mobile layout

Module positions in mobile layout

As default, all modules will be displayed on both desktop and mobile. To display a module on only desktop or on only mobile, you can add Module Class Suffix parameter as following:

  • Display a module on only desktop: display-desktop
  • Display a module on only mobile: display-mobile

Mobile layout overview on Ipad

Mobile Ipad layout overview

Mobile layout overview on Ipad


Optimized HTML overrides for mobile

Article presentation (com_content)

Article presentation (com_content)

News feeds presentation (com_newsfeeds)

News feeds presentation (com_newsfeeds)

We optimized HTML overrides for all default Joomla! extensions to make them looks neat in mobile edition. The work is mainly focused on rearrangement content from columns to rows.


Optimized menu for mobile

For mobile edition, we have built very simple, yet effective menu system, where all children menu items are presented as tree in collapsible panel. This menu system utilizes only little Javascript (MooTool) for expanding/collapsing submenu panels and is very fast and lightweight.

Special designed mobile menu system

Special designed mobile menu system

Children menu items are presented as tree

Children menu items are presented as tree

Mobile Menu with icons

The most amazing thing is mobile menu inherits all the goodies of regular menu like icons and rich text.

Mobile menu with icons applied

Mobile menu with icons applied

The responsive feature is enabled on live demo. You can check this by resizing the demo to the desired size and see how it presents on mobile devices.

« October 2020 »
Mon Tue Wed Thu Fri Sat Sun
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

Szkoła Podstawowa Nr 17 im Tadeusza Kościuszki

ul. Dekerta 1 40-140 Katowice

  • Telefon  32 2581889
  • sekretariat@sp17.com.pl
Template by JoomlaShine