MEGA MENU No 3 WITH GADGETS

• HOME
• 5-MENUS

  HORIZONTAL MENUS

  • HORIZONTAL MENU-1
  • HORIZONTAL MENU-2
  • HORIZONTAL MENU-3
  • HORIZONTAL MENU-4
  • HORIZONTAL MENU-5

  VETRICAL MENUS

  • VETRICAL MENU-1
  • VETRICAL MENU-2
  • VETRICAL MENU-3
  • VETRICAL MENU-4
  • VETRICAL MENU-5

  ROLL DOWN MENUS

  • ROLL DOWN MENU-1
  • ROLL DOWN MENU-2
  • ROLL DOWN MENU-3
  • ROLL DOWN MENU-4
  • ROLL DOWN MENU-5

  MEGA MENUS

  • MEGA MENU No-1
  • MEGA MENU-No 2
  • MEGA MENU-No 3
  • MEGA MENU-No 4
  • MEGA MENU-No 5

  ACCORDION MENUS

  • ACCORDION MENU-1
  • ACCORDION MENU-2
  • ACCORDION MENU-3
  • ACCORDION MENU-4
  • ACCORDION MENU-5
• ALL MEDIA

  ▼ GREEK MUSIC

  • ΣΤΟΥ ΟΘΩΝΑ ΤΑ ΧΡΟΝΙΑ
  • ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)
  • ΥΠΟΜΟΝΗ (Ξαρχάκος)

  ▼ VIDEOS FROM GREEK ISLANDS

  • ▼ AGIOFYLI LEYKADA ISLAND
  • ▼ ZAKYNTHOS NAYAGIO BEACH
  • ▼ ASSOS KAFALONIA AERIAL VIEW

  ▼ GREEK ISLANDS SLIDESHOWS

  • ▼ LEYKADA ISLAND SLIDESHOW
  • ▼ KERKYRA ISLAND SLIDESHOW
• 4-MENUS

  HORIZONTAL MENUS

  • HORIZONTAL MENU-1
  • HORIZONTAL MENU-2
  • HORIZONTAL MENU-3
  • HORIZONTAL MENU-4
  • HORIZONTAL MENU-5

  VETRICAL MENUS

  • VETRICAL MENU-1
  • VETRICAL MENU-2
  • VETRICAL MENU-3
  • VETRICAL MENU-4
  • VETRICAL MENU-5

  ROLL DOWN MENUS

  • ROLL DOWN MENU-1
  • ROLL DOWN MENU-2
  • ROLL DOWN MENU-3
  • ROLL DOWN MENU-4
  • ROLL DOWN MENU-5
  • ROLL DOWN MENU-6

  MEGA MENUS

  • MEGA MENU No-1
  • MEGA MENU-No 2
  • MEGA MENU-No 3
  • MEGA MENU-No 4
  • MEGA MENU-No 5
  • MEGA MENU-No 6
• MY ARTICLES

  MY ARTICLES

  • ▼ MY ARTICLES
• MY FORM

  MY FORM

  • ▼ MY FORM
• MY PRESENTATION

  MY PRESENTATION

  • ▼ MY PRESENTATION
• 3-MENUS

  HORIZONTAL MENUS

  • HORIZONTAL MENU-1
  • HORIZONTAL MENU-2
  • HORIZONTAL MENU-3
  • HORIZONTAL MENU-4
  • HORIZONTAL MENU-5

  VETRICAL MENUS

  • VETRICAL MENU-1
  • VETRICAL MENU-2
  • VETRICAL MENU-3
  • VETRICAL MENU-4
  • VETRICAL MENU-5

  ROLL DOWN MENUS

  • ROLL DOWN MENU-1
  • ROLL DOWN MENU-2
  • ROLL DOWN MENU-3
  • ROLL DOWN MENU-4
  • ROLL DOWN MENU-5
• MY FILES

  MY FILES

  • ▼ FILES
• 2-MENUS

  HORIZONTAL MENUS

  • HORIZONTAL MENU-1
  • HORIZONTAL MENU-2
  • HORIZONTAL MENU-3
  • HORIZONTAL MENU-4
  • HORIZONTAL MENU-5

  VETRICAL MENUS

  • VETRICAL MENU-1
  • VETRICAL MENU-2
  • VETRICAL MENU-3
  • VETRICAL MENU-4
  • VETRICAL MENU-5
• 1-MENU

  HORIZONTAL MENUS

  • HORIZONTAL MENU-1
  • HORIZONTAL MENU-2
  • HORIZONTAL MENU-3
  • HORIZONTAL MENU-4
  • HORIZONTAL MENU-5
  • 
• WIDGETS

<style>

.tabs-outer {z-index:1;}  

.tabs .widget ul, .tabs .widget ul {overflow: visible;}

.nav {box-sizing: border-box;width: 100%;padding: 0;margin: 0 auto;background: #333333;height: 40px;}

.nav li {list-style: none;}

.nav li.nav-right {float: right;}

.nav > li {padding: 0;float: left;position: relative;}

.nav > li > a {float: left;color: #FFFFFF;font:13px arial;text-decoration: none;line-height: 40px;padding: 0 14px;margin-right: 1px;height: 40px;}

.nav > li > a:last-of-type {margin-right: 0;}

.nav > li > div {position: absolute;left: 0;top: 40px;display: none;background:#351500;color:#FFFF00;padding: 10px;overflow: hidden;z-index: 99999;}

.nav > li > div ul {margin: 0;padding: 0;}

.nav > li > div ul li a {background:#115599;color: #FFF;text-decoration: none;padding: 9px 12px;margin-bottom: 2px;margin-right: 2px;display: block;}

.nav > li > div ul li a:hover {background: #621061;color: #FFFFFF;}

.nav > li > div p {color: #F11111;}

.nav > li > div .right {right: 0;left: auto;}

.nav > li:hover > a {background:#173377;color:#FFFFFF;}

.nav > li:first-child > a {border-left: 0;}

.nav > li:last-child > a {border-right: 0;}

.nav.nojs > li:hover > a {background: #105105;color: #FFFFFF;}

.nav.nojs > li:hover div[class^="container-"] {display: block !important;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

.navvisfix {visibility: visible !important;opacity: 1 !important;display: block !important;}

.container-1 {width: 240px;}

.container-1 .col1 {margin: 0;padding: 0;float: left;width: 100%;}

.container-2 {width: 480px;}

.container-2 .col1 {margin: 0;padding: 0;float: left;width: 50%;}

.container-2 .col2 {margin: 0;padding: 0;float: left;width: 100%;}

.container-3 {width: 720px;}

.container-3 .col1 {margin: 0;padding: 0;float: left;width: 33.33333%;}

.container-3 .col2 {margin: 0;padding: 0;float: left;width: 66.66667%;}

.container-3 .col3 {margin: 0;padding: 0;float: left;width: 100%;}

.container-4 {width: 960px;}

.container-4 .col1 {margin: 0;padding: 0;float: left;width: 25%;}

.container-4 .col2 {margin: 0;padding: 0;float: left;width: 50%;}

.container-4 .col3 {margin: 0;padding: 0;float: left;width: 75%;}

.container-4 .col4 {margin: 0;padding: 0;float: left;width: 100%;}

.container-5 {width: 1200px;}

.container-5 .col1 {margin: 0;padding: 0;float: left;width: 20%;}

.container-5 .col2 {margin: 0;padding: 0;float: left;width: 40%;}

.container-5 .col3 {margin: 0;padding: 0;float: left;width: 60%;}

.container-5 .col4 {margin: 0;padding: 0;float: left;width: 80%;}

.container-5 .col5 {margin: 0;padding: 0;float: left;width: 100%;}

</style>

<nav class="navigation">

<ul class="nav nojs" id="menu">

 <li><a href="http://the-best-widgets.blogspot.gr">HOME</a></li>

<li><a href="http://the-best-widgets.blogspot.gr">5-MENUS</a>

<div class="container-5">

<div class="col1">

<h3>HORIZONTAL MENUS</h3>

<ul>

<li><a href="http://the-best-widgets.blogspot.gr">HORIZONTAL MENU-1</a></li>

<li><a href="http://the-best-widgets.blogspot.gr">HORIZONTAL MENU-2</a></li>

<li><a href="http://the-best-widgets.blogspot.gr">HORIZONTAL MENU-3</a></li>

<li><a href="http://the-best-widgets.blogspot.gr">HORIZONTAL MENU-4</a></li>

<li><a href="http://the-best-widgets.blogspot.gr">HORIZONTAL MENU-5</a></li>

</ul>

</div>

<div class="col1">

<h3>VETRICAL MENUS</h3>

<ul>

<li><a href="#">VETRICAL MENU-1</a></li>

<li><a href="#">VETRICAL MENU-2</a></li>

<li><a href="#">VETRICAL MENU-3</a></li>

<li><a href="#">VETRICAL MENU-4</a></li>

<li><a href="#">VETRICAL MENU-5</a></li>

</ul>

</div>

<div class="col1">

<h3>ROLL DOWN MENUS</h3>

<ul>

<li><a href="#">ROLL DOWN MENU-1</a></li>

<li><a href="#">ROLL DOWN MENU-2</a></li>

<li><a href="#">ROLL DOWN MENU-3</a></li>

<li><a href="#">ROLL DOWN MENU-4</a></li>

<li><a href="#">ROLL DOWN MENU-5</a></li>

</ul>

</div>

<div class="col1">

<h3>MEGA MENUS</h3>

<ul>

<li><a href="#">MEGA MENU No-1</a></li>

<li><a href="#">MEGA MENU-No 2</a></li>

<li><a href="#">MEGA MENU-No 3</a></li>

<li><a href="#">MEGA MENU-No 4</a></li>

<li><a href="#">MEGA MENU-No 5</a></li>

</ul>

</div>

<div class="col1">

<h3>ACCORDION MENUS</h3>

<ul>

<li><a href="#">ACCORDION MENU-1</a></li>

<li><a href="#">ACCORDION MENU-2</a></li>

<li><a href="#">ACCORDION MENU-3</a></li>

<li><a href="#">ACCORDION MENU-4</a></li>

<li><a href="#">ACCORDION MENU-5</a></li>

</ul>

</div></div></li>

<li><a href="#">ALL MEDIA</a>

<div class="container-4">

<div class="col4">

<h3>▼ GREEK MUSIC</h3>

<ul>

<li><a href="https://googledrive.com/host/0B8GeBeRdN9NsanRiNE1SQU5LYjQ" target="_blank" >ΣΤΟΥ ΟΘΩΝΑ ΤΑ ΧΡΟΝΙΑ</a><audio controls=""><source src="https://googledrive.com/host/0B8GeBeRdN9NsanRiNE1SQU5LYjQ" type="audio/mp3"></source></audio></li>

<li><a href="https://googledrive.com/host/0B8GeBeRdN9NsZFVDN29FVkdzUEE" target="_blank">ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)</a><audio controls=""><source src="https://googledrive.com/host/0B8GeBeRdN9NsZFVDN29FVkdzUEE" type="audio/mp3"></source></audio></li>

<li><a href="https://googledrive.com/host/0B8GeBeRdN9NsLTBfZWc2MlVJTEk" target="_blank" >ΥΠΟΜΟΝΗ (Ξαρχάκος)</a><audio controls=""><source src="https://googledrive.com/host/0B8GeBeRdN9NsLTBfZWc2MlVJTEk" type="audio/mp3"></source></audio></li>

</ul>

</div>

<div class="col4">

<h3>▼ VIDEOS FROM GREEK ISLANDS</h3>

<ul>

<li><a href="https://www.youtube.com/watch?v=sxKA1j-Rjbo" target="_blank" >▼ AGIOFYLI LEYKADA ISLAND</a><iframe width="300" height="169" src="https://www.youtube.com/embed/sxKA1j-Rjbo" frameborder="0" allowfullscreen></iframe></li>

<li><a href="https://www.youtube.com/watch?v=xNTGieXhvMA" target="_blank" >▼ ZAKYNTHOS NAYAGIO BEACH</a>

<iframe width="300" height="169" src="https://www.youtube.com/embed/xNTGieXhvMA" frameborder="0" allowfullscreen></iframe>

</li>

<li><a href="https://www.youtube.com/embed/B0gNyHzwkPg">▼ ASSOS KAFALONIA AERIAL VIEW</a><iframe width="300" height="169" src="https://www.youtube.com/embed/B0gNyHzwkPg" frameborder="0" allowfullscreen></iframe></li>

</ul>

</div>

<div class="col4">

<h3>▼ GREEK ISLANDS SLIDESHOWS</h3>

<ul>

<li><a href="#">▼ LEYKADA ISLAND SLIDESHOW</a>

<iframe src="http://www.panoramio.com/wapi/template/slideshow.html?user=8034271&amp;width=470&amp;height=338&amp;tag=LEYKADA" frameborder="0" width="470" height="305" scrolling="no" marginwidth="0" marginheight="0"></iframe></li>

<li><a href="#">▼ KERKYRA ISLAND SLIDESHOW</a>

<iframe src="http://www.panoramio.com/wapi/template/slideshow.html?user=8034271&amp;width=470&amp;height=338&amp;tag=KERKYRA" frameborder="0" width="470" height="305" scrolling="no" marginwidth="0" marginheight="0"></iframe></li>

</ul>

</div></div></li>

<li><a href="#">4-MENUS</a>

<div class="container-4">

<div class="col1">

<h3>HORIZONTAL MENUS</h3>

<ul>

<li><a href="#">HORIZONTAL MENU-1</a></li>

<li><a href="#">HORIZONTAL MENU-2</a></li>

<li><a href="#">HORIZONTAL MENU-3</a></li>

<li><a href="#">HORIZONTAL MENU-4</a></li>

<li><a href="#">HORIZONTAL MENU-5</a></li>

</ul>

</div>

<div class="col1">

<h3>VETRICAL MENUS</h3>

<ul>

<li><a href="#">VETRICAL MENU-1</a></li>

<li><a href="#">VETRICAL MENU-2</a></li>

<li><a href="#">VETRICAL MENU-3</a></li>

<li><a href="#">VETRICAL MENU-4</a></li>

<li><a href="#">VETRICAL MENU-5</a></li>

</ul>

</div>

<div class="col5">

<h3>ROLL DOWN MENUS</h3>

<ul>

<li><a href="#">ROLL DOWN MENU-1</a></li>

<li><a href="#">ROLL DOWN MENU-2</a></li>

<li><a href="#">ROLL DOWN MENU-3</a></li>

<li><a href="#">ROLL DOWN MENU-4</a></li>

<li><a href="#">ROLL DOWN MENU-5</a></li>

<li><a href="#">ROLL DOWN MENU-6</a></li>

</ul>

</div>

<div class="col5">

<h3>MEGA MENUS</h3>

<ul>

<li><a href="#">MEGA MENU No-1</a></li>

<li><a href="#">MEGA MENU-No 2</a></li>

<li><a href="#">MEGA MENU-No 3</a></li>

<li><a href="#">MEGA MENU-No 4</a></li>

<li><a href="#">MEGA MENU-No 5</a></li>

<li><a href="#">MEGA MENU-No 6</a></li>

</ul>

</div></div></li>

<li><a href="#">MY ARTICLES</a>

<div class="container-4">

<div class="col1">

<h3>MY ARTICLES</h3>

<ul>

<li><a href="#">▼ MY ARTICLES</a>

<iframe frameborder="0" height="750" src="https://docs.google.com/spreadsheets/d/1250n3upxFNUwA50hSL73OZK0fvXv0CHmFF1OTE_443M/pubhtml?gid=1951055053&amp;single=true&amp;widget=true&amp;headers=false" width="960"></iframe>

</ul>

</div></div></li>

<li><a href="#">MY FORM</a>

<div class="container-3">

<div class="col1">

<h3>MY FORM</h3>

<ul>

<li><a href="#">▼ MY FORM</a>

<iframe src="https://docs.google.com/forms/d/14s85Hwpz3FBQbFMYd0mkYo37EMMxxDYQ_KEb68Y03H0/viewform?embedded=true" width="640" height="700" frameborder="0" marginheight="0" marginwidth="0">Φόρτωση...</iframe>

</ul>

</div></div></li>

<li><a href="#">MY PRESENTATION</a>

<div class="container-2">

<div class="col2">

<h3>MY PRESENTATION</h3>

<ul>

<li><a href="#">▼ MY PRESENTATION</a>

<iframe src="https://docs.google.com/presentation/d/1DRSK52KnrZv2rRRAXla1lxdg89JRTzuMKtasAZdt0DY/embed?start=true&loop=true&delayms=5000" frameborder="0" width="480" height="389" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></li>

</ul>

</div></div></li>

<li><a href="#">3-MENUS</a>

<div class="container-3">

<div class="col1">

<h3>HORIZONTAL MENUS</h3>

<ul>

<li><a href="#">HORIZONTAL MENU-1</a></li>

<li><a href="#">HORIZONTAL MENU-2</a></li>

<li><a href="#">HORIZONTAL MENU-3</a></li>

<li><a href="#">HORIZONTAL MENU-4</a></li>

<li><a href="#">HORIZONTAL MENU-5</a></li>

</ul>

</div>

<div class="col1">

<h3>VETRICAL MENUS</h3>

<ul>

<li><a href="#">VETRICAL MENU-1</a></li>

<li><a href="#">VETRICAL MENU-2</a></li>

<li><a href="#">VETRICAL MENU-3</a></li>

<li><a href="#">VETRICAL MENU-4</a></li>

<li><a href="#">VETRICAL MENU-5</a></li>

</ul>

</div>

<div class="col1">

<h3>ROLL DOWN MENUS</h3>

<ul>

<li><a href="#">ROLL DOWN MENU-1</a></li>

<li><a href="#">ROLL DOWN MENU-2</a></li>

<li><a href="#">ROLL DOWN MENU-3</a></li>

<li><a href="#">ROLL DOWN MENU-4</a></li>

<li><a href="#">ROLL DOWN MENU-5</a></li>

</ul>

</div></div></li>

<li><a href="#">MY FILES</a>

<div class="container-2">

<div class="col2">

<h3>MY FILES</h3>

<ul>

<li><a href="#">▼ FILES</a>

<iframe src="https://app.box.com/embed_widget/s/if98ihmj6bs15f69bro2?view=list&sort=name&direction=ASC&theme=blue" width="480" height="600" frameborder="0" allowfullscreen webkitallowfullscreen msallowfullscreen> </iframe>

</ul>

</div></div></li>

<li><a href="#">2-MENUS</a>

<div class="container-2">

<div class="col1">

<h3>HORIZONTAL MENUS</h3>

<ul>

<li><a href="#">HORIZONTAL MENU-1</a></li>

<li><a href="#">HORIZONTAL MENU-2</a></li>

<li><a href="#">HORIZONTAL MENU-3</a></li>

<li><a href="#">HORIZONTAL MENU-4</a></li>

<li><a href="#">HORIZONTAL MENU-5</a></li>

</ul>

</div>

<div class="col1">

<h3>VETRICAL MENUS</h3>

<ul>

<li><a href="#">VETRICAL MENU-1</a></li>

<li><a href="#">VETRICAL MENU-2</a></li>

<li><a href="#">VETRICAL MENU-3</a></li>

<li><a href="#">VETRICAL MENU-4</a></li>

<li><a href="#">VETRICAL MENU-5</a></li>

</ul>

</div></div></li>

<li><a href="#">1-MENU</a>

<div class="container-1">

<div class="col1">

<h3>HORIZONTAL MENUS</h3>

<ul>

<li><a href="#">HORIZONTAL MENU-1</a></li>

<li><a href="#">HORIZONTAL MENU-2</a></li>

<li><a href="#">HORIZONTAL MENU-3</a></li>

<li><a href="#">HORIZONTAL MENU-4</a></li>

<li><a href="#">HORIZONTAL MENU-5</a></li>

<li><a href="http://the-best-widgets.blogspot.gr/2015/02/gif-blog.html" target="_blank">

<img src="https://lh6.googleusercontent.com/-m5M9bLdyVT4/U3ZTRkjDR4I/AAAAAAAALiE/1klKchwGJxE/w240-h180-no/TABLES-4X3.gif" border="0" alt="ROMANTIC-VIEWS-4X3" width="220" height="165"/></a></li>

</ul>

</div></div></li>

<li><a href="#">WIDGETS</a></li>

</ul></nav>