first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,586 @@
|
||||
|
||||
<nav id="primary-menu">
|
||||
|
||||
<ul>
|
||||
<li class="current"><a href="index.html"><div>Home</div></a>
|
||||
<ul>
|
||||
<li><a href="index-corporate.html"><div>Home - Corporate</div></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="#"><div>Features</div></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="#"><div>Pages</div></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="#"><div>Portfolio</div></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="#"><div>Blog</div></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"><div>Shop</div></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 & 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 & 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 & 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 & 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>
|
||||
|
||||
|
||||
</nav><!-- #primary-menu end -->
|
||||
@@ -0,0 +1,13 @@
|
||||
|
||||
<nav id="primary-menu">
|
||||
|
||||
<ul>
|
||||
<li class="current"><a href="/"><div>Home</div></a> </li>
|
||||
<li><a href="#"><div>How it Works</div></a></li>
|
||||
<li><a href="#"><div>Market</div></a></li>
|
||||
<li><a href="/login"><div>Login</div></a></li>
|
||||
<li class="mega-menu" style="background-color: #6666ff;"><a href="/registration"><div>Sign up</div></a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
</nav><!-- #primary-menu end -->
|
||||
@@ -0,0 +1,499 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<title>WrenchBoard</title>
|
||||
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
|
||||
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
|
||||
<meta name="keywords" content="Online Jobs, Online Workers, work online Nigeria, hire a freelancer, hire freelancers, freelance marketplace, freelancer hire, freelance service, freelance professional services, How to make money online, find workers online, Online Services, digital services, freelancers community in Ghana, freelancers community in Nigeria, freelancer site in Africa, Best freelance website in Africa, Freelance Designers, Photographers, Writers in Nigeria, freelancers, freelance outsourcing in Nigeria, freelance IT services in Nigeria, hire freelancers online in Nigeria, freelance services online in Nigeria, freelance contractor in Nigeria, freelance sites in Nigeria, freelance jobs in Nigeria, freelance projects in Nigeria, freelance jobs online in Nigeria, professional freelancers in Nigeria, buy professional services in Nigeria, professional services jobs, professional business services, professional service providers in Nigeria, freelancing services, freelancing sites in Nigeria, freelancers for hire in Nigeria, freelancer search in Nigeria, search freelancer in Nigeria, find freelancers in Nigeria, Find workers US. Outsource from US to Nigeria, find a freelancer in Nigeria, freelancing projects in Nigeria, web freelancing in Nigeria, outsourcing sites freelancers in Nigeria, website for freelancers in Nigeria, marketplace for freelancers " />
|
||||
|
||||
<link href="/assets/ext/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/animate.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/owl.transitions.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/ext/css/settings.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/ext/css/layers.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/ext/css/navigation.css">
|
||||
<link href="/assets/ext/css/responsive-tabs.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/assets/ext/css/jquery.fancybox.css" type="text/css" media="screen"/>
|
||||
<link href="/assets/ext/css/style.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/wrenchboard-colors.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="/assets/ext/images/favicon.png">
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body data-spy="scroll" data-target=".navbars" data-offset="90" id="main">
|
||||
|
||||
<script>
|
||||
(function (i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
i[r] = i[r] || function () {
|
||||
(i[r].q = i[r].q || []).push(arguments)
|
||||
}, i[r].l = 1 * new Date();
|
||||
a = s.createElement(o),
|
||||
m = s.getElementsByTagName(o)[0];
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m)
|
||||
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
|
||||
|
||||
ga('create', 'UA-54829827-4', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
|
||||
<!--Home start-->
|
||||
|
||||
<!--header start-->
|
||||
<header>
|
||||
<!--nav bar start -->
|
||||
<nav class="navbar navbar-default navbar-fixed-top navbars">
|
||||
<div class="container-fluid">
|
||||
<a class="side-menu-button"> <i class="fa fa-bars" aria-hidden="true"></i> </a>
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="#."><img src="/assets/ext/images/wrenchboard.png" alt="logo"></a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse navbar-ex1-collapse hidden-xs ">
|
||||
<ul class="nav navbar-nav navbar-right navbars">
|
||||
<li class="active"><a href="#home" class="scroll">Home</a></li>
|
||||
<li><a href="#about-us" class="scroll">How it works</a></li>
|
||||
|
||||
|
||||
<li><a href="#blog" class="scroll">Create Project</a></li>
|
||||
|
||||
<li style="background-color:#F0FFFF;"><a href="/login">Login</a></li>
|
||||
<li style="background-color:#DCDCDC;"><a href="/registration">Sign up</a></li>
|
||||
|
||||
<!-- li><a href="#contact-us" class="scroll">Contact Us </a></li -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidenav ">
|
||||
<!-- Use any element to open the sidenav -->
|
||||
<ul class="nav">
|
||||
<li class="active"><a href="#home" class="scroll">Home</a></li>
|
||||
<li><a href="#about-us" class="scroll">How it works</a></li>
|
||||
|
||||
|
||||
<li><a href="#blog" class="scroll">Create Project</a></li>
|
||||
|
||||
<li style="background-color:#F0FFFF;"><a href="/login" class="scroll">Login</a></li>
|
||||
<li style="background-color:#DCDCDC;"><a href="/registration">Sign up</a></li>
|
||||
<!-- li><a href="#contact-us" class="scroll">Contact Us </a></li -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--navbar-end -->
|
||||
</header>
|
||||
<!--header end-->
|
||||
|
||||
|
||||
|
||||
<section id="home">
|
||||
|
||||
<!-- START REVOLUTION SLIDER 5.0 -->
|
||||
<div class="top_image padding-20">
|
||||
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-8" style='text-align: center; padding-top: 240px;'>
|
||||
|
||||
<h2>Convert your Creativity <br>to Earning Power</h2>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4" style='padding-top: 100px;'>
|
||||
|
||||
|
||||
<!-- Form with validation -->
|
||||
<form action="/login" method="POST">
|
||||
<div class="panel panel-body login-form" style=' background:rgba(255,255,255,1); z-index: 2;'>
|
||||
|
||||
<div class="form-group has-feedback has-feedback-left">
|
||||
<span class="welcomeBoxHeader">
|
||||
Welcome Back
|
||||
</span>
|
||||
</div>
|
||||
<div class="form-group has-feedback has-feedback-left">
|
||||
<input type="text" class="form-control" placeholder="Username i.e. your email" name="username" required="required" maxlength='25'>
|
||||
<div class="form-control-feedback">
|
||||
<i class="icon-user text-muted"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group has-feedback has-feedback-left">
|
||||
<input type="password" class="form-control" placeholder="Password" name="password" required="required" maxlength='15'>
|
||||
<div class="form-control-feedback">
|
||||
<i class="icon-lock2 text-muted"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group login-options">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<a href="/password_recovery">Forgot password?</a>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 text-right">
|
||||
<button type="submit" class="btn bg-blue" style='background-color: #008CBA; color: white;'>Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
</div>
|
||||
<div class="content-divider text-muted form-group"><span>Don't have an account?</span></div>
|
||||
<a href="/registration" class="btn btn-info btn-block content-group">Sign up</a>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
<!-- /form with validation -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Extra Section Home -->
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="thumbnail">
|
||||
<div class="thumbnail">
|
||||
<img src="assets/images/freelancers.jpg" alt="WrenchBoard freelancers">
|
||||
</div>
|
||||
|
||||
<div class="caption wrenchboard-promo-description">
|
||||
Join WrenchBoard to connect with businesses that need articles writing, blog management, photography, product testing research and surveys and more.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="thumbnail">
|
||||
<div class="thumbnail">
|
||||
<img src="assets/images/employers.jpg" alt="WrenchBoard employers">
|
||||
</div>
|
||||
|
||||
<div class="caption wrenchboard-promo-description">
|
||||
Do what you do best and let WrenchBoard team worry about your blog, online marketing, surveys and more by connecting with dedicated talents for your needed skills.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="thumbnail">
|
||||
<div class="thumbnail">
|
||||
<img src="assets/images/group.jpg" alt="WrenchBoard employers">
|
||||
</div>
|
||||
|
||||
<div class="caption wrenchboard-promo-description">
|
||||
You can do more with WrenchBoard . Create and manage your preferred workgroup. Organize and manage your teams efficiently. Get started <a href="/registration" class="label label-success">Sign up</a> or <a href="<?php echo $this->lib_login->getLoginUrl(); ?>" class="label label-info" >Login in with Facebook</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Extra Home End -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
|
||||
|
||||
<!--Home end-->
|
||||
<!--About-us start-->
|
||||
<section id="about-us">
|
||||
<!--what-we-do-section start-->
|
||||
<div id="what-we-do" class="padding-20">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 wow fadeInRight ">
|
||||
<h2 class="pg-headline">How it works</h2>
|
||||
<hr>
|
||||
<p class="text-center p-margin">If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row margin-100-top" id="none">
|
||||
<div class="col-sm-6 wow fadeInLeft" style="background-color:#F0FFFF;">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 ">
|
||||
<div class="what-we-do-features margin-20-bottom">
|
||||
<h3><span><i class="fa fa-gitlab" aria-hidden="true"></i></span>Posting Jobs</h3>
|
||||
<p>WrenchBoard platform connects you with quality service to deliver your project with ease.</p>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item" style="border: none"><b>Create your projects</b> from complex to most basic task as targetted offering or market place posting</li>
|
||||
<li class="list-group-item" style="border: none"><b>Hire experts</b> from reviewed profiles, accept interest in your project from qualified members to complete hiring.</li>
|
||||
<li class="list-group-item" style="border: none"><b>Monitor Progress:</b> Monitor work progress and track performance with real time tools from your account</li>
|
||||
<li class="list-group-item" style="border: none"><b>Pay:</b> Make payment easily and securely by milestones or project completion. </li>
|
||||
<li class="list-group-item" style="border: none"><a href="#blog" class="text-info">Learn more about what you can do with WrenchBoard</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 wow fadeInLeft" style="background-color:#87CEFA;">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 ">
|
||||
<div class="what-we-do-features margin-20-bottom">
|
||||
<h3><span><i class="fa fa-gitlab" aria-hidden="true"></i></span>Performing task</h3>
|
||||
<p>Performing task on WrenchBoard is easy. All you need is a free account and follow the steps below.</p>
|
||||
</div>
|
||||
|
||||
<ul class="list-group" style="border: none">
|
||||
<li class="list-group-item" style="border: none"><a href="/registration"><b>Create free account</b></a> and publish your skills to be hired. Your ratings will grow with performance</li>
|
||||
<li class="list-group-item" style="border: none"><b>Find or Accept job offers</b> to get hired or search in the marketplace for your skill match</li>
|
||||
<li class="list-group-item" style="border: none"><b>Complete the task</b> professionally. Deliver client specification, communicate with instant messaging.</li>
|
||||
<li class="list-group-item" style="border: none"><b>Get Pay.</b> Get your account credited when the job is completed, and the client authorizes payment.</li>
|
||||
<li class="list-group-item" style="border: none"><a href="/login"><button class="btn bg-blue btn-block content-group">Login</button></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--what-we-do section end -->
|
||||
|
||||
|
||||
<!-- Company History -->
|
||||
<div id="company-history" class="padding-one">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 wow fadeInRight ">
|
||||
<h2>WrenchBoard Market</h2>
|
||||
<!-- p class="company-p text-center">Lorem Ipsum is simply dummy text of the printing and
|
||||
<ul class="timeline"> typesetting</p -->
|
||||
|
||||
<ul class="timeline">
|
||||
<?
|
||||
$ic = 1;
|
||||
|
||||
|
||||
|
||||
foreach ($market_data as $row) {
|
||||
// echo $row->title;
|
||||
$line_class = "wow fadeInLeft ";
|
||||
if ($ic % 2 == 1) {
|
||||
$line_class = "timeline-inverted wow fadeInRight ";
|
||||
}
|
||||
?>
|
||||
<li class=" <?= $line_class; ?> " data-wow-duration="500ms">
|
||||
<div class="timeline-badge"><a><i class="fa fa-circle"></i></a></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4><a href="/login"><?php echo $row->title; ?></a></h4></div>
|
||||
<div class="timeline-body">
|
||||
<p><?php echo $row->description; ?></p>
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
|
||||
<p>Available till : <?php echo date("F j, Y, g:i a", strtotime($row->expire)); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<?
|
||||
$ic++;
|
||||
}
|
||||
?>
|
||||
|
||||
<li class="timeline-inverted wow fadeInRight" data-wow-duration="500ms">
|
||||
<div class="timeline-badge"><a><i class="fa fa-circle"></i></a></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading" style="background-color: #6495ED">
|
||||
|
||||
<h4><a href="/login"><button type="button" class="btn btn-info btn-block">Login to see more ...</button></a></h4></div>
|
||||
<div class="timeline-body">
|
||||
<p>Login to visit the marketplace and find task you are interested in</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="clearfix no-float"></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Company History end -->
|
||||
</section>
|
||||
<!--About-us end-->
|
||||
|
||||
<!--Blog start-->
|
||||
<section id="blog">
|
||||
<!--blog-post-->
|
||||
<div id="blog-post" class="padding-40">
|
||||
<div class="container ">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 wow fadeInRight ">
|
||||
<h2>Start your Project</h2>
|
||||
<hr>
|
||||
<p class="text-center p-margin bg-info">Manage your small, medium and big projects with WrenchBoard. WrenchBoard Platform enables you to organize teams of freelancers as well as dedicated skills sets for your goals.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<img src="/assets/ext/images/create_project.jpg" alt="Contact us" style="width:100%; height: auto;">
|
||||
</div>
|
||||
<div class="col-xs-9">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item" style="border: none"><b>Create your projects</b> from complex to most basic task as targetted offering or market place posting</li>
|
||||
<li class="list-group-item" style="border: none"><b>Hire experts</b> from reviewed profiles, accept interest in your project from qualified members to complete hiring.</li>
|
||||
<li class="list-group-item" style="border: none"><b>Monitor Progress:</b> Monitor work progress and track performance with real time tools from your account</li>
|
||||
<li class="list-group-item" style="border: none"><b>Pay:</b> Make payment easily and securely by milestones or project completion. </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<b>What can i do with WrenchBoard? </b>
|
||||
<div id="blog-slider">
|
||||
<?
|
||||
foreach ($why_list as $rect) {
|
||||
?>
|
||||
<div class="item">
|
||||
<div class="blog-border list-group-item-info">
|
||||
<div class="blog-slider-descp" style="height: 200px;">
|
||||
<h4><a href="/login"><?= $rect->title ?></a></h4>
|
||||
<p class="p-font"><h5><?php echo substr($rect->msg, 0, 350); ?></h5></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--blog-post end-->
|
||||
</section>
|
||||
<!--Blog end-->
|
||||
|
||||
<!--contact-us start-->
|
||||
<section id="contact-us">
|
||||
<div id="contact-form" class="padding-two">
|
||||
<div class="container ">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 wow fadeInRight ">
|
||||
<h2>Contact Us</h2>
|
||||
<hr>
|
||||
<p class="text-center p-margin">We are here to help you receive the absolute highest level of service. You can use the form below to get in touch.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row padding-top-40">
|
||||
|
||||
<div class="col-xs-4">
|
||||
<img src="/assets/ext/images/home-support.jpg" alt="Contact us" style="width:100%; height: auto;">
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<div class="bottom-section-right">
|
||||
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item" style="border: none"><a href="/faq" class="text-info">Frequently Asked Questions</a></li>
|
||||
<li class="list-group-item" style="border: none"><a href="/about" class="text-info">About</a></li>
|
||||
|
||||
<li class="list-group-item" style="border: none" class="text-info"><a href="/contact">Email Support</a></li>
|
||||
<!-- li class="list-group-item" style="border: none">Phone : <? echo SUPPORT_PHONE; ?></li -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<div class="bottom-section-right">
|
||||
|
||||
<ul class="list-group">
|
||||
|
||||
<li class="list-group-item list-group-item-success" style="border: none"><a href="/registration">Sign up</a></li>
|
||||
<li class="list-group-item list-group-item-info" style="border: none"><a href="/login">Log in</a></li>
|
||||
|
||||
<li class="list-group-item" style="border: none"><a href="/privacy" class="text-info">Privacy Policy</a></li>
|
||||
<li class="list-group-item" style="border: none"><a href="/terms" class="text-info">Terms and Conditions</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/contact-form end-->
|
||||
</section>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<p>Copyright © 2020 WrenchBoard. All rights reserved.</p>
|
||||
</div>
|
||||
<div class="col-sm-6 pull-right ">
|
||||
<ul class="list-inline pull-right ">
|
||||
<li><a href="https://www.facebook.com/wrenchboard" class="fa fb"><i class="fa fa-fw fa-facebook"></i></a></li>
|
||||
<li><a href="https://www.twitter.com/wrenchboard/" class="fa tw"><i class="fa fa-fw fa-twitter"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--contact-us end-->
|
||||
<!-- jQuery (necessary for Bootstrap 's JavaScript plugins) -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<script type="text/javascript"
|
||||
src="http://maps.google.com/maps/api/js?key=AIzaSyAOBKD6V47-g_3opmidcmFapb3kSNAR70U"></script>
|
||||
<script src="/assets/ext/js/gmaps.min.js"></script>
|
||||
<script src="/assets/ext/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/jquery.themepunch.tools.min.js?rev=5.0"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/jquery.themepunch.revolution.min.js?rev=5.0"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.layeranimation.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.navigation.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.parallax.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.slideanims.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.video.min.js"></script>
|
||||
<script src="/assets/ext/js/wow.js"></script>
|
||||
<script src="/assets/ext/js/owl.carousel.min.js"></script>
|
||||
<script src="/assets/ext/js/jquery.responsiveTabs.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/jquery.fancybox.pack.js"></script>
|
||||
<script src="/assets/ext/js/jquery.appear.js"></script>
|
||||
<script src="/assets/ext/js/script.js"></script>
|
||||
@@ -0,0 +1,506 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||
<title>WrenchBoard</title>
|
||||
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
|
||||
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
|
||||
<meta name="keywords" content="Online Jobs, Online Workers, work online Nigeria, hire a freelancer, hire freelancers, freelance marketplace, freelancer hire, freelance service, freelance professional services, How to make money online, find workers online, Online Services, digital services, freelancers community in Ghana, freelancers community in Nigeria, freelancer site in Africa, Best freelance website in Africa, Freelance Designers, Photographers, Writers in Nigeria, freelancers, freelance outsourcing in Nigeria, freelance IT services in Nigeria, hire freelancers online in Nigeria, freelance services online in Nigeria, freelance contractor in Nigeria, freelance sites in Nigeria, freelance jobs in Nigeria, freelance projects in Nigeria, freelance jobs online in Nigeria, professional freelancers in Nigeria, buy professional services in Nigeria, professional services jobs, professional business services, professional service providers in Nigeria, freelancing services, freelancing sites in Nigeria, freelancers for hire in Nigeria, freelancer search in Nigeria, search freelancer in Nigeria, find freelancers in Nigeria, Find workers US. Outsource from US to Nigeria, find a freelancer in Nigeria, freelancing projects in Nigeria, web freelancing in Nigeria, outsourcing sites freelancers in Nigeria, website for freelancers in Nigeria, marketplace for freelancers " />
|
||||
|
||||
<link href="/assets/ext/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/animate.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/owl.transitions.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/ext/css/settings.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/ext/css/layers.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/ext/css/navigation.css">
|
||||
<link href="/assets/ext/css/responsive-tabs.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/assets/ext/css/jquery.fancybox.css" type="text/css" media="screen"/>
|
||||
<link href="/assets/ext/css/style.css" rel="stylesheet">
|
||||
<link href="/assets/ext/css/wrenchboard-colors.css" rel="stylesheet">
|
||||
<link rel="shortcut icon" href="/assets/ext/images/favicon.png">
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body data-spy="scroll" data-target=".navbars" data-offset="90" id="main">
|
||||
|
||||
<script>
|
||||
(function (i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r;
|
||||
i[r] = i[r] || function () {
|
||||
(i[r].q = i[r].q || []).push(arguments)
|
||||
}, i[r].l = 1 * new Date();
|
||||
a = s.createElement(o),
|
||||
m = s.getElementsByTagName(o)[0];
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m)
|
||||
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
|
||||
|
||||
ga('create', 'UA-54829827-4', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
|
||||
<!--Home start-->
|
||||
<section id="home">
|
||||
<!--header start-->
|
||||
<header>
|
||||
<!--nav bar start -->
|
||||
<nav class="navbar navbar-default navbar-fixed-top navbars">
|
||||
<div class="container-fluid">
|
||||
<a class="side-menu-button"> <i class="fa fa-bars" aria-hidden="true"></i> </a>
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="#."><img src="/assets/ext/images/wrenchboard.png" alt="WrenchBoard"></a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse navbar-ex1-collapse hidden-xs ">
|
||||
<ul class="nav navbar-nav navbar-right navbars">
|
||||
<li class="active"><a href="#home" class="scroll">Home</a></li>
|
||||
<li><a href="#about-us" class="scroll">How it works</a></li>
|
||||
<li><a href="#blog" class="scroll">Create Project</a></li>
|
||||
<!-- li style="background-color:#F0FFFF;"><a href="/login">Login</a></li -->
|
||||
<li style="background-color:#DCDCDC;"><a href="/signup">Sign up</a></li>
|
||||
|
||||
<!-- li><a href="#contact-us" class="scroll">Contact Us </a></li -->
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sidenav ">
|
||||
<!-- Use any element to open the sidenav -->
|
||||
<ul class="nav">
|
||||
<li class="active"><a href="#home" class="scroll">Home</a></li>
|
||||
<li><a href="#about-us" class="scroll">How it works</a></li>
|
||||
<li><a href="#blog" class="scroll">Create Project</a></li>
|
||||
<li style="background-color:#F0FFFF;"><a href="/login" class="scroll">Login</a></li>
|
||||
<li style="background-color:#DCDCDC;"><a href="/signup">Sign up</a></li>
|
||||
<!-- li><a href="#contact-us" class="scroll">Contact Us </a></li -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--navbar-end -->
|
||||
</header>
|
||||
<!--header end-->
|
||||
<!-- START REVOLUTION SLIDER 5.0 -->
|
||||
<div class="top_image padding-20">
|
||||
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-8" style='text-align: center; padding-top: 110px;'>
|
||||
|
||||
<h2>Convert your Creativity <br>to Earning Power</h2>
|
||||
</div>
|
||||
<div style='position: absolute; text-align: right; padding-top: 350px;'>
|
||||
<a href="https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8" target="_blank"><img class="download-icon download-ios" src="/assets/svg/app-store.svg"></a>
|
||||
<a href="https://play.google.com/store/apps/details?id=com.wrenchboard.users" target="_blank"><img class="download-icon download-android" src="/assets/svg/google-play.svg"> </a>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4" style='padding-top: 100px;'>
|
||||
<!-- Form with validation -->
|
||||
<form action="/login" method="POST">
|
||||
<div class="panel panel-body login-form" style=' background:rgba(255,255,255,1); z-index: 2;'>
|
||||
|
||||
<div class="form-group has-feedback has-feedback-left">
|
||||
<span class="welcomeBoxHeader">
|
||||
Welcome Back
|
||||
</span>
|
||||
</div>
|
||||
<div class="form-group has-feedback has-feedback-left">
|
||||
<input type="text" class="form-control" placeholder="Username i.e. your email" name="username" required="required" maxlength='30'>
|
||||
<div class="form-control-feedback">
|
||||
<i class="icon-user text-muted"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group has-feedback has-feedback-left">
|
||||
<input type="password" class="form-control" placeholder="Password" name="password" required="required" maxlength='15'>
|
||||
<div class="form-control-feedback">
|
||||
<i class="icon-lock2 text-muted"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group login-options">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<a href="/password_recovery">Forgot password?</a>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 text-right">
|
||||
<button type="submit" class="btn bg-blue" style='background-color: #008CBA; color: white;'>Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
</div>
|
||||
<div class="content-divider text-muted form-group"><span>Don't have an account?</span></div>
|
||||
|
||||
<div class="form-group login-options">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<a href="/signup" class="btn btn-info btn-block content-group">Sign up</a>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 text-right">
|
||||
<a class="btn bg-blue" style='background-color: #008CBA; color: white;' href="<?php echo $this->lib_login->getLoginUrl(); ?>" class="label label-info" >Facebook </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</form>
|
||||
<!-- /form with validation -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<div class="container" style="padding-top:20px;">
|
||||
<!-- Extra Section Home -->
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="thumbnail" style="border-color: white;">
|
||||
<div class="thumbnail">
|
||||
<img src="assets/images/freelancers.jpg" alt="WrenchBoard freelancers">
|
||||
</div>
|
||||
|
||||
<div class="caption wrenchboard-promo-description">
|
||||
Join WrenchBoard to connect with businesses that need articles writing, blog management, photography, product testing research and surveys and more.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-sm-4">
|
||||
<div class="thumbnail" style="border-color: white;">
|
||||
<div class="caption wrenchboard-promo-description">
|
||||
Do what you do best and let WrenchBoard team worry about your blog, online marketing, surveys and more by connecting with dedicated talents for your needed skills.
|
||||
</div>
|
||||
<div class="thumbnail">
|
||||
<img src="assets/images/employers.jpg" alt="WrenchBoard employers">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="thumbnail" style="border-color: white;">
|
||||
<div class="thumbnail">
|
||||
<img src="assets/images/group.jpg" alt="WrenchBoard employers">
|
||||
</div>
|
||||
|
||||
<div class="caption wrenchboard-promo-description">
|
||||
You can do more with WrenchBoard . Create and manage your preferred workgroup. Organize and manage your teams efficiently. Get started <a href="/signup" class="label label-success">Sign up</a> or <a href="<?php echo $this->lib_login->getLoginUrl(); ?>" class="label label-info" >Login in with Facebook</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Extra Home End -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--Home end-->
|
||||
<!--About-us start-->
|
||||
<section id="about-us">
|
||||
<!--what-we-do-section start-->
|
||||
<div id="what-we-do" class="padding-20">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 wow fadeInRight ">
|
||||
<h2 class="pg-headline">How it works</h2>
|
||||
<hr>
|
||||
<p class="text-center p-margin">If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row margin-100-top" id="none">
|
||||
<div class="col-sm-6 wow fadeInLeft" style="background-color:#F0FFFF;">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 ">
|
||||
<div class="what-we-do-features margin-20-bottom">
|
||||
<h3><span><i class="fa fa-gitlab" aria-hidden="true"></i></span>Posting Jobs</h3>
|
||||
<p>WrenchBoard platform connects you with quality service to deliver your project with ease.</p>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item" style="border: none"><b>Create your projects</b> from complex to most basic task as targetted offering or market place posting</li>
|
||||
<li class="list-group-item" style="border: none"><b>Hire experts</b> from reviewed profiles, accept interest in your project from qualified members to complete hiring.</li>
|
||||
<li class="list-group-item" style="border: none"><b>Monitor Progress:</b> Monitor work progress and track performance with real time tools from your account</li>
|
||||
<li class="list-group-item" style="border: none"><b>Pay:</b> Make payment easily and securely by milestones or project completion. </li>
|
||||
<li class="list-group-item" style="border: none"><a href="#blog" class="text-info">Learn more about what you can do with WrenchBoard</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 wow fadeInLeft" style="background-color:#87CEFA;">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 ">
|
||||
<div class="what-we-do-features margin-20-bottom">
|
||||
<h3><span><i class="fa fa-gitlab" aria-hidden="true"></i></span>Performing task</h3>
|
||||
<p>Performing task on WrenchBoard is easy. All you need is a free account and follow the steps below.</p>
|
||||
</div>
|
||||
|
||||
<ul class="list-group" style="border: none">
|
||||
<li class="list-group-item" style="border: none"><a href="/registration"><b>Create free account</b></a> and publish your skills to be hired. Your ratings will grow with performance</li>
|
||||
<li class="list-group-item" style="border: none"><b>Find or Accept job offers</b> to get hired or search in the marketplace for your skill match</li>
|
||||
<li class="list-group-item" style="border: none"><b>Complete the task</b> professionally. Deliver client specification, communicate with instant messaging.</li>
|
||||
<li class="list-group-item" style="border: none"><b>Get Pay.</b> Get your account credited when the job is completed, and the client authorizes payment.</li>
|
||||
<li class="list-group-item" style="border: none"><a href="/login"><button class="btn bg-blue btn-block content-group">Login</button></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--what-we-do section end -->
|
||||
|
||||
|
||||
<!-- Company History -->
|
||||
<div id="company-history" class="padding-one">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 wow fadeInRight ">
|
||||
<h2>WrenchBoard Market</h2>
|
||||
<!-- p class="company-p text-center">Lorem Ipsum is simply dummy text of the printing and
|
||||
<ul class="timeline"> typesetting</p -->
|
||||
|
||||
<ul class="timeline">
|
||||
<?
|
||||
$ic = 1;
|
||||
|
||||
|
||||
|
||||
foreach ($market_data as $row) {
|
||||
// echo $row->title;
|
||||
$line_class = "wow fadeInLeft ";
|
||||
if ($ic % 2 == 1) {
|
||||
$line_class = "timeline-inverted wow fadeInRight ";
|
||||
}
|
||||
?>
|
||||
<li class=" <?= $line_class; ?> " data-wow-duration="500ms">
|
||||
<div class="timeline-badge"><a><i class="fa fa-circle"></i></a></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4><a href="/login"><?php echo $row->title; ?></a></h4></div>
|
||||
<div class="timeline-body">
|
||||
<p><?php echo $row->description; ?></p>
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
|
||||
<p>Available till : <?php echo date("F j, Y, g:i a", strtotime($row->expire)); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<?
|
||||
$ic++;
|
||||
}
|
||||
?>
|
||||
|
||||
<li class="timeline-inverted wow fadeInRight" data-wow-duration="500ms">
|
||||
<div class="timeline-badge"><a><i class="fa fa-circle"></i></a></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading" style="background-color: #6495ED">
|
||||
|
||||
<h4><a href="/login"><button type="button" class="btn btn-info btn-block">Login to see more ...</button></a></h4></div>
|
||||
<div class="timeline-body">
|
||||
<p>Login to visit the marketplace and find task you are interested in</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="clearfix no-float"></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Company History end -->
|
||||
</section>
|
||||
<!--About-us end-->
|
||||
|
||||
<!--Blog start-->
|
||||
<section id="blog">
|
||||
<!--blog-post-->
|
||||
<div id="blog-post" class="padding-40">
|
||||
<div class="container ">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 wow fadeInRight ">
|
||||
<h2>Start your Project</h2>
|
||||
<hr>
|
||||
<p class="text-center p-margin bg-info">Manage your small, medium and big projects with WrenchBoard. WrenchBoard Platform enables you to organize teams of freelancers as well as dedicated skills sets for your goals.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<img src="/assets/ext/images/create_project.jpg" alt="Contact us" style="width:100%; height: auto;">
|
||||
</div>
|
||||
<div class="col-xs-9">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item" style="border: none"><b>Create your projects</b> from complex to most basic task as targetted offering or market place posting</li>
|
||||
<li class="list-group-item" style="border: none"><b>Hire experts</b> from reviewed profiles, accept interest in your project from qualified members to complete hiring.</li>
|
||||
<li class="list-group-item" style="border: none"><b>Monitor Progress:</b> Monitor work progress and track performance with real time tools from your account</li>
|
||||
<li class="list-group-item" style="border: none"><b>Pay:</b> Make payment easily and securely by milestones or project completion. </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row">
|
||||
<b>What can i do with WrenchBoard? </b>
|
||||
<div id="blog-slider">
|
||||
<?
|
||||
foreach ($why_list as $rect) {
|
||||
?>
|
||||
<div class="item">
|
||||
<div class="blog-border list-group-item-info">
|
||||
<div class="blog-slider-descp" style="height: 200px;">
|
||||
<h4><a href="/login"><?= $rect->title ?></a></h4>
|
||||
<p class="p-font"><h5><?php echo substr($rect->msg, 0, 350); ?></h5></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--blog-post end-->
|
||||
</section>
|
||||
<!--Blog end-->
|
||||
|
||||
<!--contact-us start-->
|
||||
<section id="contact-us">
|
||||
<div id="contact-form" class="padding-two">
|
||||
<div class="container ">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 wow fadeInRight ">
|
||||
<h2>Contact Us</h2>
|
||||
<hr>
|
||||
<p class="text-center p-margin">We are here to help you receive the absolute highest level of service. You can use the form below to get in touch.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row padding-top-40">
|
||||
|
||||
<div class="col-xs-4">
|
||||
<img src="/assets/ext/images/home-support.jpg" alt="Contact us" style="width:100%; height: auto;">
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<div class="bottom-section-right">
|
||||
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item" style="border: none"><a href="https://blog.wrenchboard.com/blog/" class="text-info">Visit our Blog</a></li>
|
||||
<li class="list-group-item" style="border: none"><a href="/faq" class="text-info">Frequently Asked Questions</a></li>
|
||||
<li class="list-group-item" style="border: none"><a href="/about" class="text-info">About</a></li>
|
||||
|
||||
<li class="list-group-item" style="border: none" class="text-info"><a href="/contact">Email Support</a></li>
|
||||
<!-- li class="list-group-item" style="border: none">Phone : <? echo SUPPORT_PHONE; ?></li -->
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<div class="bottom-section-right">
|
||||
|
||||
<ul class="list-group">
|
||||
|
||||
<li class="list-group-item list-group-item-success" style="border: none"><a href="/signup">Sign up</a></li>
|
||||
<li class="list-group-item list-group-item-info" style="border: none"><a href="/login">Log in</a></li>
|
||||
|
||||
<li class="list-group-item" style="border: none"><a href="/privacy" class="text-info">Privacy Policy</a></li>
|
||||
<li class="list-group-item" style="border: none"><a href="/terms" class="text-info">Terms and Conditions</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/contact-form end-->
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<p>Copyright © <?php echo date("Y"); ?> WrenchBoard. All rights reserved.</p>
|
||||
</div>
|
||||
<div class="col-sm-6 pull-right ">
|
||||
<ul class="list-inline pull-right ">
|
||||
<li><a href="https://www.facebook.com/wrenchboard" class="fa fb"><i class="fa fa-fw fa-facebook"></i></a></li>
|
||||
<li><a href="https://www.twitter.com/wrenchboard/" class="fa tw"><i class="fa fa-fw fa-twitter"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--contact-us end-->
|
||||
<!-- jQuery (necessary for Bootstrap 's JavaScript plugins) -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
<!-- script type="text/javascript"
|
||||
src="http://maps.google.com/maps/api/js?key=AIzaSyAOBKD6V47-g_3opmidcmFapb3kSNAR70U"></script>
|
||||
<script src="/assets/ext/js/gmaps.min.js"></script-->
|
||||
<script src="/assets/ext/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/jquery.themepunch.tools.min.js?rev=5.0"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/jquery.themepunch.revolution.min.js?rev=5.0"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.layeranimation.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.navigation.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.parallax.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.slideanims.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/revolution.extension.video.min.js"></script>
|
||||
<script src="/assets/ext/js/wow.js"></script>
|
||||
<script src="/assets/ext/js/owl.carousel.min.js"></script>
|
||||
<script src="/assets/ext/js/jquery.responsiveTabs.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/ext/js/jquery.fancybox.pack.js"></script>
|
||||
<script src="/assets/ext/js/jquery.appear.js"></script>
|
||||
<script src="/assets/ext/js/script.js"></script>
|
||||
@@ -0,0 +1,522 @@
|
||||
<section id="slider" class="slider-element slider-parallax swiper_wrapper clearfix">
|
||||
|
||||
<div class="slider-parallax-inner">
|
||||
|
||||
<div class="swiper-container swiper-parent">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide dark" style="background-image: url('images/slider/swiper/1.jpg');">
|
||||
<div class="container clearfix">
|
||||
<div class="slider-caption slider-caption-center">
|
||||
<h2 data-caption-animate="fadeInUp">Welcome to WrenchBoard</h2>
|
||||
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on our Canvas.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide dark">
|
||||
<div class="container clearfix">
|
||||
<div class="slider-caption slider-caption-center">
|
||||
<h2 data-caption-animate="fadeInUp">Beautifully Flexible</h2>
|
||||
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">Looks beautiful & ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video-wrap">
|
||||
<video poster="/hassets2/images/videos/explore.jpg" preload="auto" loop autoplay muted>
|
||||
<source src='/hassets2/images/videos/explore.mp4' type='video/mp4' />
|
||||
<source src='/hassets2/images/videos/explore.webm' type='video/webm' />
|
||||
</video>
|
||||
<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide" style="background-image: url('/hassets2/images/slider/swiper/3.jpg'); background-position: center top;">
|
||||
<div class="container clearfix">
|
||||
<div class="slider-caption">
|
||||
<h2 data-caption-animate="fadeInUp">Great Performance</h2>
|
||||
<p class="d-none d-sm-block" data-caption-animate="fadeInUp" data-caption-delay="200">You'll be surprised to see the Final Results of your Creation & would crave for more.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
|
||||
<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
|
||||
<div class="slide-number"><div class="slide-number-current"></div><span>/</span><div class="slide-number-total"></div></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- Content
|
||||
============================================= -->
|
||||
<section id="content">
|
||||
|
||||
<div class="content-wrap">
|
||||
|
||||
<div class="promo promo-light promo-full bottommargin-lg header-stick notopborder">
|
||||
<div class="container clearfix">
|
||||
<h3>Call us today at <span>+91.22.57412541</span> or Email us at <span>support@canvas.com</span></h3>
|
||||
<span>We strive to provide Our Customers with Top Notch Support to make their Theme Experience Wonderful</span>
|
||||
<a href="/login" class="button button-dark button-xlarge button-rounded">Your Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="col_one_fourth nobottommargin">
|
||||
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="i-alt noborder icon-shop"></i></a>
|
||||
</div>
|
||||
<h3>e-Commerce Solutions<span class="subtitle">Start your Own Shop today</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin">
|
||||
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="i-alt noborder icon-wallet"></i></a>
|
||||
</div>
|
||||
<h3>Easy Payment Options<span class="subtitle">Credit Cards & PayPal Support</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin">
|
||||
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="i-alt noborder icon-megaphone"></i></a>
|
||||
</div>
|
||||
<h3>Instant Notifications<span class="subtitle">Realtime Email & SMS Support</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_fourth nobottommargin col_last">
|
||||
<div class="feature-box fbox-center fbox-light fbox-effect nobottomborder">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="i-alt noborder icon-fire"></i></a>
|
||||
</div>
|
||||
<h3>Hot Offers Daily<span class="subtitle">Upto 50% Discounts</span></h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div><div class="line bottommargin-lg"></div>
|
||||
|
||||
<div class="col_two_fifth nobottommargin">
|
||||
<a href="http://vimeo.com/101373765" data-lightbox="iframe">
|
||||
<img src="/hassets2/images/others/1.jpg" alt="Image">
|
||||
<span class="i-overlay"><img src="/hassets2/images/icons/play.png" alt="Play"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="col_three_fifth nobottommargin col_last">
|
||||
|
||||
<div class="heading-block">
|
||||
<h2>Globally Preferred Ecommerce Platform</h2>
|
||||
</div>
|
||||
|
||||
<p>Worldwide John Lennon, mobilize humanitarian; emergency response donors; cause human experience effect. Volunteer Action Against Hunger Aga Khan safeguards women's.</p>
|
||||
|
||||
<div class="col_half nobottommargin">
|
||||
<ul class="iconlist iconlist-color nobottommargin">
|
||||
<li><i class="icon-caret-right"></i> Responsive Ready Layout</li>
|
||||
<li><i class="icon-caret-right"></i> Retina Display Supported</li>
|
||||
<li><i class="icon-caret-right"></i> Powerful & Optimized Code</li>
|
||||
<li><i class="icon-caret-right"></i> 380+ Templates Included</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col_half nobottommargin col_last">
|
||||
<ul class="iconlist iconlist-color nobottommargin">
|
||||
<li><i class="icon-caret-right"></i> 12+ Headers & Menu Designs</li>
|
||||
<li><i class="icon-caret-right"></i> Premium Sliders Included</li>
|
||||
<li><i class="icon-caret-right"></i> Light & Dark Colors</li>
|
||||
<li><i class="icon-caret-right"></i> e-Commerce Design Included</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section topmargin-lg">
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="heading-block center">
|
||||
<h2>Features that you are gonna Love</h2>
|
||||
<span>Canvas comes with 100+ Feature oriented Shortcodes that are easy to use too.</span>
|
||||
</div>
|
||||
|
||||
<div class="clear bottommargin-sm"></div>
|
||||
|
||||
<div class="col_one_third">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-phone2"></i></a>
|
||||
</div>
|
||||
<h3>Responsive Layout</h3>
|
||||
<p>Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="200">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-eye"></i></a>
|
||||
</div>
|
||||
<h3>Retina Ready Graphics</h3>
|
||||
<p>Looks beautiful & ultra-sharp on Retina Displays with Retina Icons, Fonts & Images.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third col_last">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="400">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-star2"></i></a>
|
||||
</div>
|
||||
<h3>Powerful Performance</h3>
|
||||
<p>Optimized code that are completely customizable and deliver unmatched fast performance.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="col_one_third">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="600">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-video"></i></a>
|
||||
</div>
|
||||
<h3>HTML5 Video</h3>
|
||||
<p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="800">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-params"></i></a>
|
||||
</div>
|
||||
<h3>Parallax Support</h3>
|
||||
<p>Display your Content attractively using Parallax Sections that have unlimited customizable areas.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third col_last">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1000">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-fire"></i></a>
|
||||
</div>
|
||||
<h3>Endless Possibilities</h3>
|
||||
<p>Complete control on each & every element that provides endless customization possibilities.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
<div class="col_one_third nobottommargin">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1200">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-bulb"></i></a>
|
||||
</div>
|
||||
<h3>Light & Dark Color Schemes</h3>
|
||||
<p>Change your Website's Primary Scheme instantly by simply adding the dark class to the body.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third nobottommargin">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1400">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-heart2"></i></a>
|
||||
</div>
|
||||
<h3>Boxed & Wide Layouts</h3>
|
||||
<p>Stretch your Website to the Full Width or make it boxed to surprise your visitors.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col_one_third nobottommargin col_last">
|
||||
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1600">
|
||||
<div class="fbox-icon">
|
||||
<a href="#"><i class="icon-note"></i></a>
|
||||
</div>
|
||||
<h3>Extensive Documentation</h3>
|
||||
<p>We have covered each & everything in our Documentation including Videos & Screenshots.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="heading-block center">
|
||||
<h3>Some of our <span>Featured</span> Works</h3>
|
||||
<span>We have worked on some Awesome Projects that are worth boasting of.</span>
|
||||
</div>
|
||||
|
||||
<div id="oc-portfolio" class="owl-carousel portfolio-carousel portfolio-nomargin carousel-widget" data-margin="1" data-pagi="false" data-autoplay="5000" data-items-xs="1" data-items-sm="2" data-items-md="3" data-items-xl="4">
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/1.jpg" alt="Open Imagination">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/1.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Open Imagination</a></h3>
|
||||
<span><a href="#">Media</a>, <a href="#">Icons</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/2.jpg" alt="Locked Steel Gate">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/2.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Locked Steel Gate</a></h3>
|
||||
<span><a href="#">Illustrations</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="#">
|
||||
<img src="/hassets2/images/portfolio/4/3.jpg" alt="Mac Sunglasses">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="http://vimeo.com/89396394" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
|
||||
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single-video.html">Mac Sunglasses</a></h3>
|
||||
<span><a href="#">Graphics</a>, <a href="#">UI Elements</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/5.jpg" alt="Console Activity">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/5.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Console Activity</a></h3>
|
||||
<span><a href="#">UI Elements</a>, <a href="#">Media</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single-video.html">
|
||||
<img src="/hassets2/images/portfolio/4/7.jpg" alt="Backpack Contents">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="http://www.youtube.com/watch?v=kuceVNBTJio" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
|
||||
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single-video.html">Backpack Contents</a></h3>
|
||||
<span><a href="#">UI Elements</a>, <a href="#">Icons</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/8.jpg" alt="Sunset Bulb Glow">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/8.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Sunset Bulb Glow</a></h3>
|
||||
<span><a href="#">Graphics</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single-video.html">
|
||||
<img src="/hassets2/images/portfolio/4/10.jpg" alt="Study Table">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="http://vimeo.com/91973305" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
|
||||
<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single-video.html">Study Table</a></h3>
|
||||
<span><a href="#">Graphics</a>, <a href="#">Media</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="oc-item">
|
||||
<div class="iportfolio">
|
||||
<div class="portfolio-image">
|
||||
<a href="portfolio-single.html">
|
||||
<img src="/hassets2/images/portfolio/4/11.jpg" alt="Workspace Stuff">
|
||||
</a>
|
||||
<div class="portfolio-overlay">
|
||||
<a href="/hassets2/images/portfolio/full/11.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
|
||||
<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="portfolio-desc">
|
||||
<h3><a href="portfolio-single.html">Workspace Stuff</a></h3>
|
||||
<span><a href="#">Media</a>, <a href="#">Icons</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section topmargin-sm nobottommargin">
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
<div class="heading-block center">
|
||||
<h3>Testimonials</h3>
|
||||
<span>Check out some of our Client Reviews</span>
|
||||
</div>
|
||||
|
||||
<ul class="testimonials-grid grid-3 clearfix nobottommargin">
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/1.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum repellendus!</p>
|
||||
<div class="testi-meta">
|
||||
John Doe
|
||||
<span>XYZ Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/2.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>
|
||||
<div class="testi-meta">
|
||||
Collis Ta'eed
|
||||
<span>Envato Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/7.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Fugit officia dolor sed harum excepturi ex iusto magnam asperiores molestiae qui natus obcaecati facere sint amet.</p>
|
||||
<div class="testi-meta">
|
||||
Mary Jane
|
||||
<span>Google Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/3.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Similique fugit repellendus expedita excepturi iure perferendis provident quia eaque. Repellendus, vero numquam?</p>
|
||||
<div class="testi-meta">
|
||||
Steve Jobs
|
||||
<span>Apple Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/4.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus, perspiciatis illum totam dolore deleniti labore.</p>
|
||||
<div class="testi-meta">
|
||||
Jamie Morrison
|
||||
<span>Adobe Inc.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="testimonial">
|
||||
<div class="testi-image">
|
||||
<a href="#"><img src="/hassets2/images/testimonials/8.jpg" alt="Customer Testimonails"></a>
|
||||
</div>
|
||||
<div class="testi-content">
|
||||
<p>Porro dolorem saepe reiciendis nihil minus neque. Ducimus rem necessitatibus repellat laborum nemo quod.</p>
|
||||
<div class="testi-meta">
|
||||
Cyan Ta'eed
|
||||
<span>Tutsplus</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container clearfix">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<a href="#" class="button button-full center tright footer-stick">
|
||||
<div class="container clearfix">
|
||||
Canvas comes with Unlimited Customizations & Options. <strong>Check Out</strong> <i class="icon-caret-right" style="top:4px;"></i>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- #content end -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user