{Theme} has a following list of menus variations
Default Menu
HTML markup
–> ct-mainMenu
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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<nav class="navbar navbar-default ct-mainMenu"> <div class="container"> <div class="navbar-header"><a href="index.html" class="navbar-brand"><img src="../assets/images/logo.png" alt="Image"></a></div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav ct-navbar--fadeIn"> <li class="dropdown"><a href="index.html">home</a> <ul class="dropdown-menu"> <li class="dropdown"><a href="index.html">home</a> <ul class="dropdown-menu"> <li><a href="index.html">homepage slider</a></li> <li><a href="index-parallax.html">homepage parallax</a></li> <li><a href="index-kenburn.html">homepage kenburn</a></li> <li><a href="index-video.html">homepage video</a></li> </ul> </li> <li class="dropdown"><a href="index.html">headers</a> <ul class="dropdown-menu"> <li><a href="index.html">left</a></li> <li><a href="index-centeredHeader.html">center</a></li> <li><a href="index-HeaderTransparent.html">left transparent fixed</a></li> <li><a href="index-centerHeaderTransparent.html">center transparent fixed</a></li> </ul> </li> </ul> </li> <li class="dropdown"><a href="about-us.html">about us</a> <ul class="dropdown-menu"> <li><a href="about-us.html">About us</a></li> <li><a href="book.html">book a table</a></li> </ul> </li> <li><a href="menucard.html">menu card</a></li> <li class="dropdown"><a href="blog.html">blog</a> <ul class="dropdown-menu"> <li><a href="blog.html">blog</a></li> <li><a href="blog-single.html">blog single</a></li> </ul> </li> <li><a href="gallery.html">gallery</a></li> <li><a href="events.html">events</a></li> <li><a href="contact.html">contact us</a></li> </ul> </div> <ul class="ct-socials list-inline list-unstyled"> <li data-toggle="tooltip" data-placement="top" title="Facebook"><a href="https://www.facebook.com/createITpl"><i data-icon-size="14" class="fa fa-facebook ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Twitter"><a href="https://twitter.com/createitpl"><i data-icon-size="14" class="fa fa-twitter ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Rss"><a href="#"><i data-icon-size="14" class="fa fa-rss ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Google Plus"><a href="#"><i data-icon-size="14" class="fa fa-google-plus ct-js-iconSize"></i></a></li> </ul> <div class="clearfix"></div> </div> </nav> |
Centered Menu
HTML markup
–> ct-centeredMenu
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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
<nav class="navbar navbar-default ct-centeredMenu"> <div class="container"> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav ct-navbar--fadeIn"> <li class="dropdown"><a href="index.html">home</a> <ul class="dropdown-menu"> <li class="dropdown"><a href="index.html">home</a> <ul class="dropdown-menu"> <li><a href="index.html">homepage slider</a></li> <li><a href="index-parallax.html">homepage parallax</a></li> <li><a href="index-kenburn.html">homepage kenburn</a></li> <li><a href="index-video.html">homepage video</a></li> </ul> </li> <li class="dropdown"><a href="index.html">headers</a> <ul class="dropdown-menu"> <li><a href="index.html">left</a></li> <li><a href="index-centeredHeader.html">center</a></li> <li><a href="index-HeaderTransparent.html">left transparent fixed</a></li> <li><a href="index-centerHeaderTransparent.html">center transparent fixed</a></li> </ul> </li> </ul> </li> <li class="dropdown"><a href="about-us.html">about us</a> <ul class="dropdown-menu"> <li><a href="about-us.html">About us</a></li> <li><a href="book.html">book a table</a></li> </ul> </li> <li><a href="menucard.html">menu card</a></li> <li class="dropdown"><a href="blog.html">blog</a> <ul class="dropdown-menu"> <li><a href="blog.html">blog</a></li> <li><a href="blog-single.html">blog single</a></li> </ul> </li> </ul> </div> <div class="navbar-header"><a href="index.html" class="navbar-brand"><img src="../assets/images/logo.png" alt="Image"></a></div> <ul class="nav navbar-nav ct-innerMargin"> <li><a href="gallery.html">gallery</a></li> <li><a href="events.html">events</a></li> <li><a href="contact.html">contact us</a></li> </ul> <ul class="ct-socials list-inline list-unstyled"> <li data-toggle="tooltip" data-placement="top" title="Facebook"><a href="https://www.facebook.com/createITpl"><i data-icon-size="14" class="fa fa-facebook ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Twitter"><a href="https://twitter.com/createitpl"><i data-icon-size="14" class="fa fa-twitter ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Rss"><a href="#"><i data-icon-size="14" class="fa fa-rss ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Google Plus"><a href="#"><i data-icon-size="14" class="fa fa-google-plus ct-js-iconSize"></i></a></li> </ul> <div class="clearfix"></div> </div> </nav> |
Transparent Fixed Default Menu
HTML markup
–> ct-mainMenu ct-mainMenu–color navbar-fixed-top
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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
<nav class="navbar navbar-default ct-mainMenu ct-mainMenu--color navbar-fixed-top"> <div class="container"> <div class="navbar-header"><a href="index.html" class="navbar-brand"><img src="../assets/images/logo.png" alt="Image"></a></div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav ct-navbar--fadeIn"> <li class="dropdown"><a href="index.html">home</a> <ul class="dropdown-menu"> <li class="dropdown"><a href="index.html">home</a> <ul class="dropdown-menu"> <li><a href="index.html">homepage slider</a></li> <li><a href="index-parallax.html">homepage parallax</a></li> <li><a href="index-kenburn.html">homepage kenburn</a></li> <li><a href="index-video.html">homepage video</a></li> </ul> </li> <li class="dropdown"><a href="index.html">headers</a> <ul class="dropdown-menu"> <li><a href="index.html">left</a></li> <li><a href="index-centeredHeader.html">center</a></li> <li><a href="index-HeaderTransparent.html">left transparent fixed</a></li> <li><a href="index-centerHeaderTransparent.html">center transparent fixed</a></li> </ul> </li> </ul> </li> <li class="dropdown"><a href="about-us.html">about us</a> <ul class="dropdown-menu"> <li><a href="about-us.html">About us</a></li> <li><a href="book.html">book a table</a></li> </ul> </li> <li><a href="menucard.html">menu card</a></li> <li class="dropdown"><a href="blog.html">blog</a> <ul class="dropdown-menu"> <li><a href="blog.html">blog</a></li> <li><a href="blog-single.html">blog single</a></li> </ul> </li> <li><a href="gallery.html">gallery</a></li> <li><a href="events.html">events</a></li> <li><a href="contact.html">contact us</a></li> </ul> </div> <ul class="ct-socials list-inline list-unstyled"> <li data-toggle="tooltip" data-placement="top" title="Facebook"><a href="https://www.facebook.com/createITpl"><i data-icon-size="14" class="fa fa-facebook ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Twitter"><a href="https://twitter.com/createitpl"><i data-icon-size="14" class="fa fa-twitter ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Rss"><a href="#"><i data-icon-size="14" class="fa fa-rss ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Google Plus"><a href="#"><i data-icon-size="14" class="fa fa-google-plus ct-js-iconSize"></i></a></li> </ul> <div class="clearfix"></div> </div> </nav> |
Transparent Fixed Centered Menu
HTML markup
–> ct-centeredMenu ct-centeredMenu–color navbar-fixed-top
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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
<nav class="navbar navbar-default ct-centeredMenu ct-centeredMenu--color navbar-fixed-top"> <div class="container"> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"><a href="index.html">home</a> <ul class="dropdown-menu ct-navbar--fadeIn"> <li class="dropdown"><a href="index.html">home</a> <ul class="dropdown-menu"> <li><a href="index.html">homepage slider</a></li> <li><a href="index-parallax.html">homepage parallax</a></li> <li><a href="index-kenburn.html">homepage kenburn</a></li> <li><a href="index-video.html">homepage video</a></li> </ul> </li> <li class="dropdown"><a href="index.html">headers</a> <ul class="dropdown-menu"> <li><a href="index.html">left</a></li> <li><a href="index-centeredHeader.html">center</a></li> <li><a href="index-HeaderTransparent.html">left transparent fixed</a></li> <li><a href="index-centerHeaderTransparent.html">center transparent fixed</a></li> </ul> </li> </ul> </li> <li class="dropdown"><a href="about-us.html">about us</a> <ul class="dropdown-menu"> <li><a href="about-us.html">About us</a></li> <li><a href="book.html">book a table</a></li> </ul> </li> <li><a href="menucard.html">menu card</a></li> <li class="dropdown"><a href="blog.html">blog</a> <ul class="dropdown-menu"> <li><a href="blog.html">blog</a></li> <li><a href="blog-single.html">blog single</a></li> </ul> </li> </ul> </div> <div class="navbar-header"><a href="index.html" class="navbar-brand"><img src="../assets/images/logo.png" alt="Image"></a></div> <ul class="nav navbar-nav ct-innerMargin"> <li><a href="gallery.html">gallery</a></li> <li><a href="events.html">events</a></li> <li><a href="contact.html">contact us</a></li> </ul> <ul class="ct-socials list-inline list-unstyled"> <li data-toggle="tooltip" data-placement="top" title="Facebook"><a href="https://www.facebook.com/createITpl"><i data-icon-size="14" class="fa fa-facebook ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Twitter"><a href="https://twitter.com/createitpl"><i data-icon-size="14" class="fa fa-twitter ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Rss"><a href="#"><i data-icon-size="14" class="fa fa-rss ct-js-iconSize"></i></a></li> <li data-toggle="tooltip" data-placement="top" title="Google Plus"><a href="#"><i data-icon-size="14" class="fa fa-google-plus ct-js-iconSize"></i></a></li> </ul> <div class="clearfix"></div> </div> </nav> |