Difference between revisions of "Team:Vilnius-Lithuania-OG/testukas"

Line 49: Line 49:
 
============================================= -->
 
============================================= -->
 
<title>Home</title>
 
<title>Home</title>
 +
</head>
 +
 +
 +
<script src="https://2018.igem.org/Template:Vilnius-Lithuania-OG/js/jsquery?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
    $(function(){
 +
      $("#includedContent").load("https://2018.igem.org/Template:Vilnius-Lithuania-OG/include/header?action=raw&amp");
 +
    });
 +
    </script>
 +
 
</head>
 
</head>
  
Line 59: Line 69:
 
<div id="wrapper" class="clearfix">
 
<div id="wrapper" class="clearfix">
 
 
<!-- Header
+
<!-- Header
============================================= -->
+
============================================= -->
<header id="header" class="transparent-header full-header" data-sticky-class="not-dark">
+
<header id="header" class="page-section full-header">
+
 
<div id="header-wrap">
+
<div id="header-wrap">
+
 
<div class="container clearfix">
+
<div class="container clearfix">
+
 
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
+
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
+
 
<!-- Logo
+
<!-- Logo
============================================= -->
+
============================================= -->
<div id="logo">
+
<div id="logo">
<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img src="images/logo.png" alt="Canvas Logo"></a>
+
<a href="index.php" class="standard-logo" data-dark-logo="images/logo-dark.png"><img src="images/logo-black.png"></a>
<a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img src="images/logo@2x.png" alt="Canvas Logo"></a>
+
<a href="index.php" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img src="images/logo@2x.png"></a>
</div><!-- #logo end -->
+
</div><!-- #logo end -->
+
<!-- Primary Navigation
+
<div id="includedContent"></div>
============================================= -->
+
 
<nav id="primary-menu" class="dark">
+
+
<ul>
+
<li class="current"><a href="index.html">Home</a>
+
<ul>
+
<li><a href="index-corporate.html">Home - Corporate</a>
+
<ul>
+
<li><a href="index-corporate.html"><div>Corporate - Layout 1</div></a></li>
+
<li><a href="index-corporate-2.html"><div>Corporate - Layout 2</div></a></li>
+
<li><a href="index-corporate-3.html"><div>Corporate - Layout 3</div></a></li>
+
<li><a href="index-corporate-4.html"><div>Corporate - Layout 4</div></a></li>
+
</ul>
+
</li>
+
<li><a href="index-portfolio.html"><div>Home - Portfolio</div></a>
+
<ul>
+
<li><a href="index-portfolio.html"><div>Portfolio - Layout 1</div></a></li>
+
<li><a href="index-portfolio-2.html"><div>Portfolio - Layout 2</div></a></li>
+
<li><a href="index-portfolio-3.html"><div>Portfolio - Masonry</div></a></li>
+
<li><a href="index-portfolio-4.html"><div>Portfolio - AJAX</div></a></li>
+
</ul>
+
</li>
+
<li><a href="index-blog.html"><div>Home - Blog</div></a>
+
<ul>
+
<li><a href="index-blog.html"><div>Blog - Layout 1</div></a></li>
+
<li><a href="index-blog-2.html"><div>Blog - Layout 2</div></a></li>
+
<li><a href="index-blog-3.html"><div>Blog - Layout 3</div></a></li>
+
</ul>
+
</li>
+
<li><a href="index-shop.html"><div>Home - Shop</div></a>
+
<ul>
+
<li><a href="index-shop.html"><div>Shop - Layout 1</div></a></li>
+
<li><a href="index-shop-2.html"><div>Shop - Layout 2</div></a></li>
+
</ul>
+
</li>
+
<li><a href="index-magazine.html"><div>Home - Magazine</div></a>
+
<ul>
+
<li><a href="index-magazine.html"><div>Magazine - Layout 1</div></a></li>
+
<li><a href="index-magazine-2.html"><div>Magazine - Layout 2</div></a></li>
+
<li><a href="index-magazine-3.html"><div>Magazine - Layout 3</div></a></li>
+
</ul>
+
</li>
+
<li><a href="landing.html"><div>Home - Landing Page</div></a>
+
<ul>
+
<li><a href="landing.html"><div>Landing Page - Layout 1</div></a></li>
+
<li><a href="landing-2.html"><div>Landing Page - Layout 2</div></a></li>
+
<li><a href="landing-3.html"><div>Landing Page - Layout 3</div></a></li>
+
<li><a href="landing-4.html"><div>Landing Page - Layout 4</div></a></li>
+
<li><a href="landing-5.html"><div>Landing Page - Layout 5</div></a></li>
+
</ul>
+
</li>
+
<li><a href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
+
<ul>
+
<li><a href="index-fullscreen-image.html"><div>Full Screen - Image</div></a></li>
+
<li><a href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a></li>
+
<li><a href="index-fullscreen-video.html"><div>Full Screen - Video</div></a></li>
+
</ul>
+
</li>
+
<li><a href="index-onepage.html"><div>Home - One Page</div></a>
+
<ul>
+
<li><a href="index-onepage.html"><div>One Page - Default</div></a></li>
+
<li><a href="index-onepage-2.html"><div>One Page - Submenu</div></a></li>
+
<li><a href="index-onepage-3.html"><div>One Page - Dots Style</div></a></li>
+
</ul>
+
</li>
+
<li><a href="index-wedding.html"><div>Home - Wedding</div></a></li>
+
<li><a href="index-restaurant.html"><div>Home - Restaurant</div></a></li>
+
<li><a href="index-events.html"><div>Home - Events</div></a></li>
+
<li><a href="index-parallax.html"><div>Home - Parallax</div></a></li>
+
<li><a href="index-app-showcase.html"><div>Home - App Showcase</div></a></li>
+
<li><a href="index-boxed.html"><div>Home - Boxed Layout</div></a></li>
+
</ul>
+
</li>
+
<li><a href="#">Features</a>
+
<ul>
+
<li><a href="#"><div><i class="icon-stack"></i>Sliders</div></a>
+
<ul>
+
<li><a href="slider-revolution.html"><div>Revolution Slider</div></a>
+
<ul>
+
<li><a href="rs-demo-premium-concept.html"><div>Premium Templates</div></a></li>
+
<li><a href="slider-revolution.html"><div>Full Screen</div></a></li>
+
<li><a href="slider-revolution-fullwidth.html"><div>Full Width</div></a></li>
+
<li><a href="slider-revolution-kenburns.html"><div>Kenburns Effect</div></a></li>
+
<li><a href="slider-revolution-html5-videos.html"><div>HTML5 Video</div></a></li>
+
</ul>
+
</li>
+
<li><a href="slider-canvas.html"><div>Canvas Slider</div></a>
+
<ul>
+
<li><a href="slider-canvas.html"><div>Full Width</div></a></li>
+
<li><a href="slider-canvas-fade.html"><div>Fade Transition</div></a></li>
+
<li><a href="slider-canvas-autoplay.html"><div>Autoplay Feature</div></a></li>
+
<li><a href="slider-canvas-video-event.html"><div>Custom Video Event</div></a></li>
+
<li><a href="slider-canvas-pagination.html"><div>Pagination Navigation</div></a></li>
+
<li><a href="slider-canvas-3.html"><div>3 Columns</div></a></li>
+
<li><a href="slider-canvas-4.html"><div>4 Columns</div></a></li>
+
<li><a href="slider-canvas-5.html"><div>5 Columns</div></a></li>
+
</ul>
+
</li>
+
<li><a href="slider-flex.html"><div>Flex Slider</div></a>
+
<ul>
+
<li><a href="slider-flex.html"><div>Default Layout</div></a></li>
+
<li><a href="slider-flex-thumbs.html"><div>with Thumbs</div></a></li>
+
</ul>
+
</li>
+
<li><a href="slider-owl.html"><div>Owl Slider</div></a>
+
<ul>
+
<li><a href="slider-owl-full.html"><div>Full Width</div></a></li>
+
<li><a href="slider-owl.html"><div>Boxed Width</div></a></li>
+
<li><a href="slider-owl-videos.html"><div>Video Slider</div></a></li>
+
</ul>
+
</li>
+
<li><a href="static-parallax.html"><div>Static Media</div></a>
+
<ul>
+
<li><a href="static-parallax.html"><div>Static - Parallax</div></a></li>
+
<li><a href="static-image.html"><div>Static - Image</div></a></li>
+
<li><a href="static-thumbs-grid.html"><div>Static - Thumb Gallery</div></a></li>
+
<li><a href="static-html5-video.html"><div>Static - HTML5 Video</div></a></li>
+
<li><a href="static-embed-video.html"><div>Static - Embedded Video</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
</li>
+
<li><a href="widgets.html"><div><i class="icon-gift"></i>Widgets</div></a>
+
<ul>
+
<li><a href="widgets.html"><div>Links</div></a></li>
+
<li><a href="widgets.html"><div>Flickr Photostream</div></a></li>
+
<li><a href="widgets.html"><div>Dribbble Shots</div></a></li>
+
<li><a href="widgets.html"><div>Instagram Feed</div></a></li>
+
<li><a href="widgets.html"><div>Posts List</div></a></li>
+
<li><a href="widgets.html"><div>Twitter Feed</div></a></li>
+
<li><a href="widgets.html"><div>Tabbed Widgets</div></a></li>
+
<li><a href="widgets.html"><div>Carousel</div></a></li>
+
<li><a href="widgets.html"><div>Subscribers</div></a></li>
+
<li><a href="widgets.html"><div>Social Icons</div></a></li>
+
<li><a href="widgets.html"><div>Testimonials</div></a></li>
+
<li><a href="widgets.html"><div>Quick Contact</div></a></li>
+
<li><a href="widgets.html"><div>Tags Cloud</div></a></li>
+
<li><a href="widgets.html"><div>Video Embeds</div></a></li>
+
<li><a href="widgets.html"><div>Raw Text/HTML</div></a></li>
+
</ul>
+
</li>
+
<li><a href="#"><div><i class="icon-umbrella"></i>Headers</div></a>
+
<ul>
+
<li><a href="header-light.html"><div>Light Version</div></a></li>
+
<li><a href="header-dark.html"><div>Dark Version</div></a></li>
+
<li><a href="header-transparent.html"><div>Transparent</div></a></li>
+
<li><a href="header-semi-transparent.html"><div>Semi Transparent</div></a>
+
<ul>
+
<li><a href="header-semi-transparent.html"><div>Light Version</div></a></li>
+
<li><a href="header-semi-transparent-dark.html"><div>Dark Version</div></a></li>
+
</ul>
+
</li>
+
<li><a href="header-side-left.html"><div>Left Side Header</div></a>
+
<ul>
+
<li><a href="header-side-left.html"><div>Fixed Position</div></a></li>
+
<li><a href="header-side-left-open.html"><div>OnClick Open</div></a></li>
+
<li><a href="header-side-left-open-push.html"><div>Push Content</div></a></li>
+
</ul>
+
</li>
+
<li><a href="header-side-right.html"><div>Right Side Header</div></a>
+
<ul>
+
<li><a href="header-side-right.html"><div>Fixed Position</div></a></li>
+
<li><a href="header-side-right-open.html"><div>OnClick Open</div></a></li>
+
<li><a href="header-side-right-open-push.html"><div>Push Content</div></a></li>
+
</ul>
+
</li>
+
<li><a href="header-floating.html"><div>Floating Version</div></a></li>
+
<li><a href="static-sticky.html"><div>Static Sticky</div></a></li>
+
<li><a href="responsive-sticky.html"><div>Responsive Sticky</div></a></li>
+
<li><a href="logo-changer.html"><div>Alternate Logos</div></a></li>
+
<li><a href="alternate-mobile-menu.html"><div>Alternate Mobile Menu</div></a></li>
+
</ul>
+
</li>
+
<li><a href="side-panel.html"><div><i class="icon-line-layout"></i>Side Panel</div></a>
+
<ul>
+
<li><a href="side-panel-left-overlay.html"><div>Left Overlay</div></a></li>
+
<li><a href="side-panel-left-push.html"><div>Left Push</div></a></li>
+
<li><a href="side-panel-right-overlay.html"><div>Right Overlay</div></a></li>
+
<li><a href="side-panel.html"><div>Right Push</div></a></li>
+
<li><a href="side-panel-light.html"><div>Light Background</div></a></li>
+
</ul>
+
</li>
+
<li><a href="mega-menu.html"><div><i class="icon-line-columns"></i>Mega Menu</div></a></li>
+
<li><a href="#"><div><i class="icon-align-justify2"></i>Menu Styles</div></a>
+
<ul>
+
<li><a href="header-light.html"><div>Menu - Style 1</div></a></li>
+
<li><a href="menu-2.html"><div>Menu - Style 2</div></a></li>
+
<li><a href="menu-3.html"><div>Menu - Style 3</div></a></li>
+
<li><a href="menu-4.html"><div>Menu - Style 4</div></a></li>
+
<li><a href="menu-5.html"><div>Menu - Style 5</div></a></li>
+
<li><a href="menu-6.html"><div>Menu - Style 6</div></a></li>
+
<li><a href="menu-7.html"><div>Menu - Style 7</div></a></li>
+
<li><a href="menu-8.html"><div>Menu - Style 8</div></a></li>
+
<li><a href="menu-9.html"><div>Menu - Style 9</div></a></li>
+
<li><a href="menu-10.html"><div>Menu - Overlay</div></a></li>
+
<li><a href="split-menu.html"><div>Menu - Split Layout</div></a></li>
+
</ul>
+
</li>
+
<li><a href="#"><div><i class="icon-ok-sign"></i>Page Titles</div></a>
+
<ul>
+
<li><a href="page.html"><div>Left Align</div></a></li>
+
<li><a href="page-title-right.html"><div>Right Align</div></a></li>
+
<li><a href="page-title-center.html"><div>Center Align</div></a></li>
+
<li><a href="page-titledark.html"><div>Dark Style</div></a></li>
+
<li><a href="page-title-pattern.html"><div>Pattern Background</div></a></li>
+
<li><a href="page-title-parallax.html"><div>Parallax Background</div></a>
+
<ul>
+
<li><a href="page-title-parallax.html"><div>Default Header</div></a></li>
+
<li><a href="page-title-parallax-header.html"><div>Transparent Header</div></a></li>
+
</ul>
+
</li>
+
<li><a href="page-title-video.html"><div>HTML5 Video</div></a></li>
+
<li><a href="page-title-nobg.html"><div>No Background</div></a></li>
+
<li><a href="page-title-mini.html"><div>Mini Version</div></a></li>
+
</ul>
+
</li>
+
<li><a href="contact.html"><div><i class="icon-envelope-alt"></i>Contact Pages</div></a>
+
<ul>
+
<li><a href="contact.html">Contact 1</a></li>
+
<li><a href="contact-2.html">Contact 2</a></li>
+
<li><a href="contact-3.html">Contact 3</a></li>
+
<li><a href="contact-4.html">Contact 4</a></li>
+
<li><a href="contact-5.html">Contact 5</a></li>
+
<li><a href="contact-6.html">Contact 6</a></li>
+
<li><a href="contact-7.html">Contact 7</a></li>
+
</ul>
+
</li>
+
<li><a href="#footer" data-scrollto="#footer"><div><i class="icon-th"></i>Footers</div></a>
+
<ul>
+
<li><a href="sticky-footer.html"><div>Sticky Footer</div></a></li>
+
<li><a href="#footer" data-scrollto="#footer"><div>Footer - Layout 1</div></a></li>
+
<li><a href="footer-2.html#footer"><div>Footer - Layout 2</div></a></li>
+
<li><a href="footer-3.html#footer"><div>Footer - Layout 3</div></a></li>
+
<li><a href="footer-4.html#footer"><div>Footer - Layout 4</div></a></li>
+
<li><a href="footer-5.html#footer"><div>Footer - Layout 5</div></a></li>
+
<li><a href="footer-6.html#footer"><div>Footer - Layout 6</div></a></li>
+
<li><a href="footer-7.html#footer"><div>Footer - Layout 7</div></a></li>
+
</ul>
+
</li>
+
<li><a href="#"><div><i class="icon-calendar3"></i>Events</div></a>
+
<ul>
+
<li><a href="events-calendar.html"><div>Full Width Calendar</div></a></li>
+
<li><a href="events-list.html"><div>Events List</div></a>
+
<ul>
+
<li><a href="events-list.html"><div>Right Sidebar</div></a></li>
+
<li><a href="events-list-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="events-list-both-sidebar.html"><div>Both Sidebar</div></a></li>
+
<li><a href="events-list-fullwidth.html"><div>Full Width</div></a></li>
+
<li><a href="events-list-parallax.html"><div>Parallax List</div></a></li>
+
</ul>
+
</li>
+
<li><a href="event-single.html"><div>Single Event</div></a>
+
<ul>
+
<li><a href="event-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
+
<li><a href="event-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="event-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
+
<li><a href="event-single.html"><div>Full Width</div></a></li>
+
</ul>
+
</li>
+
<li><a href="event-single-full-width-image.html"><div>Single Event - Full</div></a>
+
<ul>
+
<li><a href="event-single-full-width-image.html"><div>Parallax Image</div></a></li>
+
<li><a href="event-single-full-width-map.html"><div>Google Map</div></a></li>
+
<li><a href="event-single-full-width-slider.html"><div>Slider Gallery</div></a></li>
+
<li><a href="event-single-full-width-video.html"><div>HTML5 Video</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
</li>
+
<li><a href="modal-onload.html"><div><i class="icon-line-expand"></i>Modal OnLoad</div></a>
+
<ul>
+
<li><a href="modal-onload.html"><div>Simple Layout</div></a></li>
+
<li><a href="modal-onload-iframe.html"><div>Video iFrame</div></a></li>
+
<li><a href="modal-onload-subscribe.html"><div>Subscription Form</div></a></li>
+
<li><a href="modal-onload-common-height.html"><div>Common Height</div></a></li>
+
<li><a href="modal-onload-cookie.html"><div>Cookies Enabled</div></a></li>
+
</ul>
+
</li>
+
<li><a href="coming-soon.html"><div><i class="icon-time"></i>Coming Soon</div></a>
+
<ul>
+
<li><a href="coming-soon.html"><div>Simple Layout</div></a></li>
+
<li><a href="coming-soon-2.html"><div>Parallax Image</div></a></li>
+
<li><a href="coming-soon-3.html"><div>HTML5 Video</div></a></li>
+
</ul>
+
</li>
+
<li><a href="profile.html"><div><i class="icon-user"></i>User Profile</div></a></li>
+
</ul>
+
</li>
+
<li class="mega-menu"><a href="#">Pages</a>
+
<div class="mega-menu-content style-2 clearfix">
+
<ul class="mega-menu-column col-lg-3">
+
<li class="mega-menu-title"><a href="#"><div>Introduction</div></a>
+
<ul>
+
<li><a href="about.html"><div>About Us</div></a></li>
+
<li><a href="about-2.html"><div>About Us - Layout 2</div></a></li>
+
<li><a href="about-me.html"><div>About Me</div></a></li>
+
<li><a href="team.html"><div>Team Members</div></a></li>
+
<li><a href="jobs.html"><div>Careers</div></a></li>
+
<li><a href="side-navigation.html"><div>Side Navigation</div></a></li>
+
<li><a href="page-submenu.html"><div>Page Submenu</div></a></li>
+
<li><a href="sitemap.html"><div>Sitemap</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-lg-3">
+
<li class="mega-menu-title"><a href="#"><div>Utility</div></a>
+
<ul>
+
<li><a href="services.html"><div>Services - Layout 1</div></a></li>
+
<li><a href="services-2.html"><div>Services - Layout 2</div></a></li>
+
<li><a href="services-3.html"><div>Services - Layout 3</div></a></li>
+
<li><a href="faqs.html"><div>FAQs - Layout 1</div></a></li>
+
<li><a href="faqs-2.html"><div>FAQs - Layout 2</div></a></li>
+
<li><a href="faqs-3.html"><div>FAQs - Layout 3</div></a></li>
+
<li><a href="faqs-4.html"><div>FAQs - Layout 4</div></a></li>
+
<li><a href="maintenance.html"><div>Maintenance Page</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-lg-3">
+
<li class="mega-menu-title"><a href="#"><div>Layout Grids</div></a>
+
<ul>
+
<li><a href="full-width.html"><div>Full Width</div></a></li>
+
<li><a href="full-width-wide.html"><div>Full Width - Wide</div></a></li>
+
<li><a href="right-sidebar.html"><div>Right Sidebar</div></a></li>
+
<li><a href="left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="both-sidebar.html"><div>Both Sidebar</div></a></li>
+
<li><a href="both-right-sidebar.html"><div>Both Right Sidebar</div></a></li>
+
<li><a href="both-left-sidebar.html"><div>Both Left Sidebar</div></a></li>
+
<li><a href="blank-page.html"><div>Blank Page</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-lg-3">
+
<li class="mega-menu-title"><a href="#"><div>Miscellaneous</div></a>
+
<ul>
+
<li><a href="login-register.html"><div>Login/Register</div></a></li>
+
<li><a href="login-register-2.html"><div>Login/Register - Style 2</div></a></li>
+
<li><a href="login-register-3.html"><div>Login/Register - Style 3</div></a></li>
+
<li><a href="login-1.html"><div>Login - Style 1</div></a></li>
+
<li><a href="login-2.html"><div>Login - Style 2</div></a></li>
+
<li><a href="404.html"><div>404 - Simple Layout</div></a></li>
+
<li><a href="404-2.html"><div>404 - Parallax Image</div></a></li>
+
<li><a href="404-3.html"><div>404 - HTML5 Video</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
</div>
+
</li>
+
<li class="mega-menu"><a href="#">Portfolio</a>
+
<div class="mega-menu-content style-2 clearfix">
+
<ul class="mega-menu-column col-5">
+
<li class="mega-menu-title"><a href="#"><div>Grids</div></a>
+
<ul>
+
<li><a href="portfolio-1.html"><div>1 Column</div></a></li>
+
<li><a href="portfolio-2.html"><div>2 Columns</div></a></li>
+
<li><a href="portfolio-3.html"><div>3 Columns</div></a></li>
+
<li><a href="portfolio.html"><div>4 Columns</div></a></li>
+
<li><a href="portfolio-5.html"><div>5 Columns</div></a></li>
+
<li><a href="portfolio-6.html"><div>6 Columns</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-5">
+
<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
+
<ul>
+
<li><a href="portfolio-mixed-masonry.html"><div>Mixed Columns</div></a></li>
+
<li><a href="portfolio-2-masonry.html"><div>2 Columns</div></a></li>
+
<li><a href="portfolio-3-masonry.html"><div>3 Columns</div></a></li>
+
<li><a href="portfolio-masonry.html"><div>4 Columns</div></a></li>
+
<li><a href="portfolio-5-masonry.html"><div>5 Columns</div></a></li>
+
<li><a href="portfolio-6-masonry.html"><div>6 Columns</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-5">
+
<li class="mega-menu-title"><a href="#"><div>Loading Styles</div></a>
+
<ul>
+
<li><a href="portfolio.html"><div>jQuery Filter</div></a></li>
+
<li><a href="portfolio-jpagination.html"><div>jQuery Pagination</div></a></li>
+
<li><a href="portfolio-infinity-scroll.html"><div>Infinity Scroll</div></a></li>
+
<li><a href="portfolio-ajax.html"><div>AJAX In Page</div></a></li>
+
<li><a href="portfolio-ajax-in-modal.html"><div>AJAX In Modal</div></a></li>
+
<li><a href="portfolio-filter-styles.html"><div>Filter Styles</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-5">
+
<li class="mega-menu-title"><a href="#"><div>Single Project</div></a>
+
<ul>
+
<li><a href="portfolio-single-extended.html"><div>Extended Item</div></a></li>
+
<li><a href="portfolio-single-fullwidth.html"><div>Parallax Image</div></a></li>
+
<li><a href="portfolio-single-gallery-full.html"><div>Slider Gallery</div></a></li>
+
<li><a href="portfolio-single-video-fullwidth-left-sidebar.html"><div>HTML5 Video</div></a></li>
+
<li><a href="portfolio-single-thumbs-right-sidebar.html"><div>Masonry Thumbs</div></a></li>
+
<li><a href="portfolio-single-video-both-sidebar.html"><div>Embed Video</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-5">
+
<li class="mega-menu-title"><a href="#"><div>Layouts</div></a>
+
<ul>
+
<li><a href="portfolio-nomargin.html"><div>Default</div></a></li>
+
<li><a href="portfolio-1-alt-right-sidebar.html"><div>Right Sidebar</div></a></li>
+
<li><a href="portfolio-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="portfolio-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
+
<li><a href="portfolio-fullwidth-notitle.html"><div>100% Width</div></a></li>
+
<li><a href="portfolio-parallax.html"><div>Parallax</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
</div>
+
</li>
+
<li class="mega-menu"><a href="#">Blog</a>
+
<div class="mega-menu-content style-2 clearfix">
+
<ul class="mega-menu-column col-lg-3">
+
<li class="mega-menu-title"><a href="#"><div>Default</div></a>
+
<ul>
+
<li><a href="blog.html"><div>Right Sidebar</div></a></li>
+
<li><a href="blog-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="blog-both-sidebar.html"><div>Both Sidebar</div></a></li>
+
<li><a href="blog-full-width.html"><div>Full Width</div></a></li>
+
</ul>
+
</li>
+
<li class="mega-menu-title"><a href="#"><div>Timeline</div></a>
+
<ul>
+
<li><a href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
+
<li><a href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="blog-timeline.html"><div>Full Width</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-lg-3">
+
<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
+
<ul>
+
<li><a href="blog-masonry.html"><div>4 Columns</div></a></li>
+
<li><a href="blog-masonry-3.html"><div>3 Columns</div></a></li>
+
<li><a href="blog-masonry-2.html"><div>2 Columns</div></a></li>
+
<li><a href="blog-masonry-full.html"><div>100% Width</div></a></li>
+
</ul>
+
</li>
+
<li class="mega-menu-title"><a href="#"><div>Grid</div></a>
+
<ul>
+
<li><a href="blog-grid.html"><div>4 Columns</div></a></li>
+
<li><a href="blog-grid-3.html"><div>3 Columns</div></a></li>
+
<li><a href="blog-grid-2.html"><div>2 Columns</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-lg-3">
+
<li class="mega-menu-title"><a href="#"><div>Small Thumbs</div></a>
+
<ul>
+
<li><a href="blog-small-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="blog-small.html"><div>Right Sidebar</div></a></li>
+
<li><a href="blog-small-both-sidebar.html"><div>Both Sidebar</div></a></li>
+
<li><a href="blog-small-full-width.html"><div>Full Width</div></a></li>
+
<li><a href="blog-small-alt.html"><div>Alternate Layout</div></a></li>
+
</ul>
+
</li>
+
<li class="mega-menu-title"><a href="#"><div>Item Splitting</div></a>
+
<ul>
+
<li><a href="blog-grid.html"><div>Pagination</div></a></li>
+
<li><a href="blog-masonry.html"><div>Infinite Scroll</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
<ul class="mega-menu-column col-lg-3">
+
<li class="mega-menu-title"><a href="#"><div>Single</div></a>
+
<ul>
+
<li><a href="blog-single.html"><div>Default Layout</div></a></li>
+
<li><a href="blog-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="blog-single-full.html"><div>Full Width</div></a></li>
+
<li><a href="blog-single-small.html"><div>Small Image</div></a></li>
+
<li><a href="blog-single-split-right-sidebar.html"><div>Split Layout</div></a></li>
+
</ul>
+
</li>
+
<li class="mega-menu-title"><a href="#"><div>Comments Module</div></a>
+
<ul>
+
<li><a href="blog-single-left-sidebar.html#comments"><div>Facebook Comments</div></a></li>
+
<li><a href="blog-single-small.html#comments"><div>Disqus Comments</div></a></li>
+
</ul>
+
</li>
+
</ul>
+
</div>
+
</li>
+
<li><a href="shop.html">Shop</a>
+
<ul>
+
<li><a href="shop.html"><div>4 Columns</div></a></li>
+
<li><a href="shop-3.html"><div>3 Columns</div></a>
+
<ul>
+
<li><a href="shop-3.html"><div>Full Width</div></a></li>
+
<li><a href="shop-3-right-sidebar.html"><div>Right Sidebar</div></a></li>
+
<li><a href="shop-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
</ul>
+
</li>
+
<li><a href="shop-2.html"><div>2 Columns</div></a>
+
<ul>
+
<li><a href="shop-2-right-sidebar.html"><div>Right Sidebar</div></a></li>
+
<li><a href="shop-2-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="shop-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
+
</ul>
+
</li>
+
<li><a href="shop-1.html"><div>1 Columns</div></a>
+
<ul>
+
<li><a href="shop-1.html"><div>Full Width</div></a></li>
+
<li><a href="shop-1-right-sidebar.html"><div>Right Sidebar</div></a></li>
+
<li><a href="shop-1-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="shop-1-both-sidebar.html"><div>Both Sidebar</div></a></li>
+
</ul>
+
</li>
+
<li><a href="shop-category-parallax.html"><div>Categories - Parallax</div></a></li>
+
<li><a href="shop-combination-filter.html"><div>Combination Filter</div></a></li>
+
<li><a href="shop-single.html"><div>Single Product</div></a>
+
<ul>
+
<li><a href="shop-single.html"><div>Full Width</div></a></li>
+
<li><a href="shop-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
+
<li><a href="shop-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+
<li><a href="shop-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
+
</ul>
+
</li>
+
<li><a href="cart.html"><div>Cart</div></a></li>
+
<li><a href="checkout.html"><div>Checkout</div></a></li>
+
</ul>
+
</li>
+
<li class="mega-menu"><a href="#"><div>Shortcodes</div></a>
+
<div class="mega-menu-content clearfix">
+
<ul class="mega-menu-column col-5">
+
<li><a href="animations.html"><div><i class="icon-magic"></i>Animations</div></a></li>
+
<li><a href="buttons.html"><div><i class="icon-link"></i>Buttons</div></a></li>
+
<li><a href="carousel.html"><div><i class="icon-heart3"></i>Carousel</div></a></li>
+
<li><a href="charts.html"><div><i class="icon-bar-chart"></i>Charts</div></a></li>
+
<li><a href="clients.html"><div><i class="icon-apple"></i>Clients</div></a></li>
+
<li><a href="columns-grids.html"><div><i class="icon-th-large"></i>Columns</div></a></li>
+
<li><a href="counters.html"><div><i class="icon-time"></i>Counters</div></a></li>
+
<li><a href="component-datatable.html"><div><i class="icon-table"></i>Data Tables</div></a></li>
+
<li><a href="component-datepicker.html"><div><i class="icon-calendar3"></i>Date &amp; Time Pickers</div></a></li>
+
</ul>
+
<ul class="mega-menu-column col-5">
+
<li><a href="dividers.html"><div><i class="icon-indent-right"></i>Dividers</div></a></li>
+
<li><a href="featured-boxes.html"><div><i class="icon-lightbulb"></i>Icon Boxes</div></a></li>
+
<li><a href="gallery.html"><div><i class="icon-picture"></i>Galleries</div></a></li>
+
<li><a href="headings-dropcaps.html"><div><i class="icon-pencil2"></i>Heading Styles</div></a></li>
+
<li><a href="icon-lists.html"><div><i class="icon-list-alt"></i>Icon Lists</div></a></li>
+
<li><a href="labels-badges.html"><div><i class="icon-plus-sign"></i>Labels</div></a></li>
+
<li><a href="lightbox.html"><div><i class="icon-resize-full"></i>Lightbox</div></a></li>
+
<li><a href="form-elements.html"><div><i class="icon-edit"></i>Form Elements</div></a></li>
+
<li><a href="component-uploads.html"><div><i class="icon-line-upload"></i>File Uploads</div></a></li>
+
</ul>
+
<ul class="mega-menu-column col-5">
+
<li><a href="lists-cards.html"><div><i class="icon-th-list"></i>Lists &amp; Cards</div></a></li>
+
<li><a href="maps.html"><div><i class="icon-map-marker2"></i>Maps</div></a></li>
+
<li><a href="media-embeds.html"><div><i class="icon-play"></i>Media Embeds</div></a></li>
+
<li><a href="modal-popovers.html"><div><i class="icon-move"></i>Modal Boxes</div></a></li>
+
<li><a href="navigation.html"><div><i class="icon-align-justify2"></i>Navigations</div></a></li>
+
<li><a href="pagination-progress.html"><div><i class="icon-cogs"></i>Pagination</div></a></li>
+
<li><a href="pie-skills.html"><div><i class="icon-tasks"></i>Pies &amp; Skills</div></a></li>
+
<li><a href="component-range-slider.html"><div><i class="icon-line-move"></i>Range Slider</div></a></li>
+
<li><a href="component-ratings.html"><div><i class="icon-star3"></i>Star Ratings</div></a></li>
+
</ul>
+
<ul class="mega-menu-column col-5">
+
<li><a href="pricing.html"><div><i class="icon-dollar"></i>Pricing Boxes</div></a></li>
+
<li><a href="process-steps.html"><div><i class="icon-thumbs-up"></i>Process Steps</div></a></li>
+
<li><a href="promo-boxes.html"><div><i class="icon-rocket"></i>Promo Boxes</div></a></li>
+
<li><a href="quotes-blockquotes.html"><div><i class="icon-quote-left"></i>Blockquotes</div></a></li>
+
<li><a href="responsive.html"><div><i class="icon-laptop2"></i>Responsive</div></a></li>
+
<li><a href="sections.html"><div><i class="icon-folder-open"></i>Sections</div></a></li>
+
<li><a href="social-icons.html"><div><i class="icon-facebook2"></i>Social Icons</div></a></li>
+
<li><a href="component-select-picker.html"><div><i class="icon-select"></i>Select Picker</div></a></li>
+
<li><a href="component-select-box.html"><div><i class="icon-line-columns"></i>Select Boxes</div></a></li>
+
</ul>
+
<ul class="mega-menu-column col-5">
+
<li><a href="style-boxes.html"><div><i class="icon-exclamation-sign"></i>Alert Boxes</div></a></li>
+
<li><a href="styled-icons.html"><div><i class="icon-flag2"></i>Styled Icons</div></a></li>
+
<li><a href="tables.html"><div><i class="icon-table"></i>Tables</div></a></li>
+
<li><a href="tabs.html"><div><i class="icon-star3"></i>Tabs</div></a></li>
+
<li><a href="testimonials-twitter.html"><div><i class="icon-user4"></i>Testimonials</div></a></li>
+
<li><a href="thumbnails-slider.html"><div><i class="icon-camera3"></i>Thumbnails</div></a></li>
+
<li><a href="toggles-accordions.html"><div><i class="icon-ok-circle"></i>Toggles</div></a></li>
+
<li><a href="component-radios-switches.html"><div><i class="icon-line-square-check"></i>Radios &amp; Switches</div></a></li>
+
<li><a href="component-typeahead.html"><div><i class="icon-type"></i>Input Typeahead</div></a></li>
+
</ul>
+
</div>
+
</li>
+
 
</ul>
 
</ul>
+
</li>
<!-- Top Cart
+
</ul>
============================================= -->
+
</nav>
<div id="top-cart">
+
<!-- #primary-menu end -->
<a href="#" id="top-cart-trigger"><i class="icon-shopping-cart"></i><span>5</span></a>
+
 
<div class="top-cart-content">
+
</div>
<div class="top-cart-title">
+
 
<h4>Shopping Cart</h4>
+
</div>
</div>
+
 
<div class="top-cart-items">
+
</header><!-- #header end -->
<div class="top-cart-item clearfix">
+
<div class="top-cart-item-image">
+
<a href="#"><img src="images/shop/small/1.jpg" alt="Blue Round-Neck Tshirt" /></a>
+
</div>
+
<div class="top-cart-item-desc">
+
<a href="#">Blue Round-Neck Tshirt</a>
+
<span class="top-cart-item-price">$19.99</span>
+
<span class="top-cart-item-quantity">x 2</span>
+
</div>
+
</div>
+
<div class="top-cart-item clearfix">
+
<div class="top-cart-item-image">
+
<a href="#"><img src="images/shop/small/6.jpg" alt="Light Blue Denim Dress" /></a>
+
</div>
+
<div class="top-cart-item-desc">
+
<a href="#">Light Blue Denim Dress</a>
+
<span class="top-cart-item-price">$24.99</span>
+
<span class="top-cart-item-quantity">x 3</span>
+
</div>
+
</div>
+
</div>
+
<div class="top-cart-action clearfix">
+
<span class="fleft top-checkout-price">$114.95</span>
+
<button class="button button-3d button-small nomargin fright">View Cart</button>
+
</div>
+
</div>
+
</div><!-- #top-cart end -->
+
+
<!-- Top Search
+
============================================= -->
+
<div id="top-search">
+
<a href="#" id="top-search-trigger"><i class="icon-search3"></i><i class="icon-line-cross"></i></a>
+
<form action="search.html" method="get">
+
<input type="text" name="q" class="form-control" value="" placeholder="Type &amp; Hit Enter..">
+
</form>
+
</div><!-- #top-search end -->
+
+
</nav><!-- #primary-menu end -->
+
+
</div>
+
+
</div>
+
+
</header><!-- #header end -->
+
  
 
</div>
 
</div>
Line 1,118: Line 503:
 
<script  src="js/vanvas.js"></script>
 
<script  src="js/vanvas.js"></script>
 
    
 
    
 +
<script>
 +
includeHTML();
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 14:33, 16 October 2018