Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-14 00:17:12 +00:00
Code Issues Projects Releases Packages Wiki Activity
responsively-app/website/pages/elements-icons-reference.html
Manoj Vivek b291b3d566 Website initial commit
2019-09-11 21:45:17 +05:30

2639 lines
185 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Leap Bootstrap Theme and HTML Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A corporate Bootstrap theme by Medium Rare">
<link href="assets/css/loaders/loader-typing.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/theme.css" rel="stylesheet" type="text/css" media="all" />
<link rel="preload" as="font" href="assets/fonts/Inter-UI-upright.var.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="assets/fonts/Inter-UI.var.woff2" type="font/woff2" crossorigin="anonymous">
</head>
<body>
<div class="loader">
<div class="loading-animation"></div>
</div>
<div class="navbar-container ">
<nav class="navbar navbar-expand-lg bg-white navbar-light" data-sticky="top">
<div class="container">
<a class="navbar-brand fade-page" href="index.html">
<img src="assets/img/logo.svg" alt="Leap">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
<img class="icon navbar-toggler-open" src="assets/img/icons/interface/menu.svg" alt="menu interface icon" data-inject-svg />
<img class="icon navbar-toggler-close" src="assets/img/icons/interface/cross.svg" alt="cross interface icon" data-inject-svg />
</button>
<div class="collapse navbar-collapse justify-content-end">
<div class="py-2 py-lg-0">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Demos</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="home-course.html" class="dropdown-item fade-page">Course</a><a href="home-coworking.html" class="dropdown-item fade-page">Coworking<span class="badge badge-primary ml-2">New</span></a><a href="home-cryptocurrency.html" class="dropdown-item fade-page">Cryptocurrency</a>
<a
href="home-desktop-app.html" class="dropdown-item fade-page">Desktop App</a><a href="home-event.html" class="dropdown-item fade-page">Event</a><a href="home-mobile-app.html" class="dropdown-item fade-page">Mobile App</a><a href="home-portfolio.html" class="dropdown-item fade-page">Portfolio</a>
<a
href="home-saas.html" class="dropdown-item fade-page">SaaS</a><a href="home-saas-trend.html" class="dropdown-item fade-page">SaaS - Trend</a><a href="home-software-library.html" class="dropdown-item fade-page">Software Library</a>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Pages</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="about-company.html" class="dropdown-item fade-page">About Company</a>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Careers</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="careers.html" class="dropdown-item fade-page">Careers</a><a href="career-single.html" class="dropdown-item fade-page">Career Single</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Contact</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="contact.html" class="dropdown-item fade-page">Contact</a><a href="contact-multiple-locations.html" class="dropdown-item fade-page">Contact - Multiple Locations</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Customers</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="customer-stories.html" class="dropdown-item fade-page">Customer Stories</a><a href="customer-story.html" class="dropdown-item fade-page">Customer Story</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Knowledgebase</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="knowledgebase.html" class="dropdown-item fade-page">Knowledgebase</a><a href="knowledgebase-category.html" class="dropdown-item fade-page">Knowledgebase Category</a><a href="knowledgebase-article.html" class="dropdown-item fade-page">Knowledgebase Article</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Pricing</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="pricing-plans.html" class="dropdown-item fade-page">Pricing Plans</a><a href="pricing-plans-table.html" class="dropdown-item fade-page">Pricing Plans Table</a><a href="pricing-slider.html" class="dropdown-item fade-page">Pricing Slider</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Utility</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="404.html" class="dropdown-item fade-page">404</a><a href="utility-coming-soon-subscribe.html" class="dropdown-item fade-page">Coming Soon - Subscribe</a><a href="utility-coming-soon.html" class="dropdown-item fade-page">Coming Soon</a>
<a
href="utility-confirmation-download.html" class="dropdown-item fade-page">Confirmation - Download</a><a href="utility-confirmation-subscription.html" class="dropdown-item fade-page">Confirmation - Subscription</a><a href="utility-legal.html" class="dropdown-item fade-page">Legal</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Account</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="account-onboarding.html" class="dropdown-item fade-page">Onboarding</a><a href="account-sign-in.html" class="dropdown-item fade-page">Sign In</a><a href="account-sign-up.html" class="dropdown-item fade-page">Sign Up</a>
<a
href="account-sign-up-image.html" class="dropdown-item fade-page">Sign Up Image</a><a href="account-forgot-password.html" class="dropdown-item fade-page">Forgot Password</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Blog</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu">
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Blog Layouts</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="blog-cards.html" class="dropdown-item fade-page">Blog Cards</a><a href="blog-masonry.html" class="dropdown-item fade-page">Blog Masonry</a><a href="blog-sidebar.html" class="dropdown-item fade-page">Blog Sidebar</a>
<a
href="blog-magazine.html" class="dropdown-item fade-page">Blog Magazine</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Article Layouts</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="blog-article.html" class="dropdown-item fade-page">Article Basic</a><a href="blog-article-video.html" class="dropdown-item fade-page">Article Video</a><a href="blog-article-image-header.html" class="dropdown-item fade-page">Article Image Header</a>
<a
href="blog-article-image-header-parallax.html" class="dropdown-item fade-page">Article Image Parallax</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Portfolio</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu">
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Grid Layouts</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="portfolio-2-columns.html" class="dropdown-item fade-page">2 Columns</a><a href="portfolio-3-columns.html" class="dropdown-item fade-page">3 Columns</a><a href="portfolio-4-columns.html" class="dropdown-item fade-page">4 Columns</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<a href="#" class="dropdown-item dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">
<span>Project Layouts</span>
<img class="icon bg-dark opacity-20" src="assets/img/icons/interface/arrow-caret.svg" alt="arrow-caret interface icon" data-inject-svg />
</a>
<div class="dropdown-menu row">
<div class="col-auto" data-dropdown-content>
<div class="dropdown-grid-menu"><a href="portfolio-case-study.html" class="dropdown-item fade-page">Case Study</a><a href="portfolio-single-sidebar.html" class="dropdown-item fade-page">Sidebar</a><a href="portfolio-single-slider.html" class="dropdown-item fade-page">Slider</a>
<a
href="portfolio-single-parallax.html" class="dropdown-item fade-page">Parallax</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Elements</a>
<div class="dropdown-menu bg-primary-3 text-light border-bottom">
<div class="container py-4" data-dropdown-content>
<div class="row">
<div class="col-lg col-md-4 mb-3 mb-lg-0">
<h5>Base</h5>
<div><a class="dropdown-item fade-page" href="elements-grid.html">Grid</a><a class="dropdown-item fade-page" href="elements-forms.html">Forms</a><a class="dropdown-item fade-page" href="elements-tables.html">Tables</a><a class="dropdown-item fade-page"
href="elements-typography.html">Typography</a>
</div>
</div>
<div class="col-lg col-md-4 mb-3 mb-lg-0">
<h5>General</h5>
<div><a class="dropdown-item fade-page" href="elements-alerts.html">Alerts</a><a class="dropdown-item fade-page" href="elements-avatars.html">Avatars</a><a class="dropdown-item fade-page" href="elements-badges.html">Badges</a><a class="dropdown-item fade-page"
href="elements-breadcrumbs.html">Breadcrumbs</a><a class="dropdown-item fade-page" href="elements-buttons.html">Buttons</a><a class="dropdown-item fade-page" href="elements-cards.html">Cards</a><a class="dropdown-item fade-page"
href="elements-dropdowns-bootstrap.html">Dropdowns Bootstrap</a><a class="dropdown-item fade-page" href="elements-dropdowns-grid.html">Dropdowns Grid</a><a class="dropdown-item fade-page" href="elements-footers.html">Footers</a>
<a
class="dropdown-item fade-page" href="elements-navbars.html">Navigation</a><a class="dropdown-item fade-page" href="elements-tooltips.html">Tooltips</a><a class="dropdown-item fade-page" href="elements-toasts.html">Toasts</a><a class="dropdown-item fade-page" href="elements-widgets.html">Widgets</a>
</div>
</div>
<div class="col-lg col-md-4 mb-3 mb-lg-0">
<h5>Graphic</h5>
<div><a class="dropdown-item fade-page" href="elements-decorations.html">Decorations</a><a class="dropdown-item fade-page" href="elements-dividers.html">Dividers</a><a class="dropdown-item fade-page" href="elements-icons.html">Icons</a>
<a
class="dropdown-item fade-page" href="elements-icons-reference.html">Icons Reference</a><a class="dropdown-item fade-page" href="elements-processes.html">Processes</a><a class="dropdown-item fade-page" href="elements-progress.html">Progress</a><a class="dropdown-item fade-page" href="elements-pricing.html">Pricing</a>
</div>
</div>
<div class="col-lg col-md-4 mb-3 mb-lg-0">
<h5>Media</h5>
<div><a class="dropdown-item fade-page" href="elements-fancybox.html">Fancybox</a><a class="dropdown-item fade-page" href="elements-isotope.html">Isotope</a><a class="dropdown-item fade-page" href="elements-maps.html">Maps</a><a class="dropdown-item fade-page"
href="elements-flickity.html">Slider Flickity</a><a class="dropdown-item fade-page" href="elements-twitter.html">Twitter Feeds</a><a class="dropdown-item fade-page" href="elements-video-players.html">Video Players</a><a class="dropdown-item fade-page"
href="elements-video-backgrounds.html">Video Backgrounds</a>
</div>
</div>
<div class="col-lg col-md-4 mb-3 mb-lg-0">
<h5>Interactive</h5>
<div><a class="dropdown-item fade-page" href="elements-animations.html">Animations</a><a class="dropdown-item fade-page" href="elements-accordions.html">Accordion</a><a class="dropdown-item fade-page" href="elements-counters.html">Counters</a>
<a
class="dropdown-item fade-page" href="elements-countdown.html">Countdown</a><a class="dropdown-item fade-page" href="elements-date-picker.html">Date Picker</a><a class="dropdown-item fade-page" href="elements-modals.html">Modals</a><a class="dropdown-item fade-page" href="elements-navs.html">Tabs (Nav)</a>
<a
class="dropdown-item fade-page" href="elements-typed-text.html">Typed Text</a><a class="dropdown-item fade-page" href="elements-parallax.html">Parallax</a><a class="dropdown-item fade-page" href="elements-popovers.html">Popovers</a><a class="dropdown-item fade-page" href="elements-wizards.html">Wizards</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown-grid" aria-expanded="false" aria-haspopup="true">Support</a>
<div class="dropdown-menu row">
<div class="col-auto px-0" data-dropdown-content>
<div class="bg-white rounded border shadow-lg o-hidden">
<div class="p-3">
<h6 class="mb-0">Product Support</h6>
</div>
<div class="list-group list-group-flush">
<a href="documentation/index.html" target="_blank" class="list-group-item list-group-item-action d-flex align-items-center p-3">
<img class="icon icon-md" src="assets/img/icons/theme/files/selected-file.svg" alt="selected-file icon" data-inject-svg />
<div class="text-body ml-3">
<span>Documentation</span>
<div class="text-small text-muted">Get all the information you need</div>
</div>
</a>
<a href="https://themes.zendesk.com/hc/en-us/articles/360000006291-How-do-I-get-help-with-the-theme-I-purchased-" target="_blank" class="list-group-item list-group-item-action d-flex align-items-center p-3">
<img class="icon icon-md" src="assets/img/icons/theme/communication/chat-4.svg" alt="chat-4 icon" data-inject-svg />
<div class="text-body ml-3">
<span>Looking for answers?</span>
<div class="text-small text-muted">Get support</div>
</div>
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div><a href="#" class="btn btn-primary ml-lg-3">Purchase Now</a>
</div>
</div>
</nav>
</div>
<section class="bg-primary-3 header-inner p-0 jarallax position-relative o-hidden" data-overlay>
<div class="container py-0 layer-2">
<div class="row my-3 text-light">
<div class="col">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item">
<a href="#">Elements</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Icons Reference</li>
</ol>
</nav>
</div>
</div>
<div class="row my-4 my-md-6 text-light" data-aos="fade-up">
<div class="col-lg-9 col-xl-6">
<h1 class="display-4">Icons Reference</h1>
<p class="lead mb-0">A vast collection of premium SVG icons organised into a range of categories.</p>
</div>
</div>
<div class="alert alert-primary mb-5">
<div class="d-flex">
<img class="icon bg-primary" src="assets/img/icons/theme/files/selected-file.svg" alt="selected-file icon" data-inject-svg />
<div class="ml-2 flex-grow-1">
This page demonstrates Icons Reference functionality, <a target="_blank" href="documentation/graphics-icons.html">See Documentation</a> for a detailed technical explanation.
</div>
</div>
</div>
</div>
<div class="decoration right middle-y scale-4">
<img class="bg-primary" src="assets/img/decorations/deco-blob-3.svg" alt="deco-blob-3 decoration" data-inject-svg />
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Code</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="warning-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/warning-2.svg" alt="warning-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="backspace" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/backspace.svg" alt="backspace icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cmd" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/cmd.svg" alt="cmd icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="code" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/code.svg" alt="code icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="commit" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/commit.svg" alt="commit icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="compiling" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/compiling.svg" alt="compiling icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="control" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/control.svg" alt="control icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="done-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/done-circle.svg" alt="done-circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="error-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/error-circle.svg" alt="error-circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="git-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/git-1.svg" alt="git-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="git-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/git-2.svg" alt="git-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="git-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/git-3.svg" alt="git-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="git-4" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/git-4.svg" alt="git-4 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="github" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/github.svg" alt="github icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="info-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/info-circle.svg" alt="info-circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="left-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/left-circle.svg" alt="left-circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="loading" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/loading.svg" alt="loading icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="lock-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/lock-circle.svg" alt="lock-circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="lock-overturning" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/lock-overturning.svg" alt="lock-overturning icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="minus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/minus.svg" alt="minus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="option" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/option.svg" alt="option icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="plus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/plus.svg" alt="plus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="puzzle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/puzzle.svg" alt="puzzle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="question-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/question-circle.svg" alt="question-circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="right-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/right-circle.svg" alt="right-circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="settings-4" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/settings-4.svg" alt="settings-4 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shift" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/shift.svg" alt="shift icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="spy" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/spy.svg" alt="spy icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="stop" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/stop.svg" alt="stop icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="terminal" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/terminal.svg" alt="terminal icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="thunder-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/thunder-circle.svg" alt="thunder-circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="time-schedule" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/time-schedule.svg" alt="time-schedule icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="warning-1-circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/code/warning-1-circle.svg" alt="warning-1-circle icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Communication</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="adress-book-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/adress-book-2.svg" alt="adress-book-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="active-call" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/active-call.svg" alt="active-call icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="add-user" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/add-user.svg" alt="add-user icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="address-card" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/address-card.svg" alt="address-card icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="adress-book-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/adress-book-1.svg" alt="adress-book-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="archive" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/archive.svg" alt="archive icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="call-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/call-1.svg" alt="call-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="call" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/call.svg" alt="call icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-1.svg" alt="chat-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-2.svg" alt="chat-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-4" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-4.svg" alt="chat-4 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-5" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-5.svg" alt="chat-5 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-6" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-6.svg" alt="chat-6 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-check" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-check.svg" alt="chat-check icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-error" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-error.svg" alt="chat-error icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-locked" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-locked.svg" alt="chat-locked icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chat-smile" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/chat-smile.svg" alt="chat-smile icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="clipboard-check" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/clipboard-check.svg" alt="clipboard-check icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="clipboard-list" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/clipboard-list.svg" alt="clipboard-list icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="contact-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/contact-1.svg" alt="contact-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="delete-user" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/delete-user.svg" alt="delete-user icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dial-numbers" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/dial-numbers.svg" alt="dial-numbers icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="flag" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/flag.svg" alt="flag icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="forward" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/forward.svg" alt="forward icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="group-chat" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/group-chat.svg" alt="group-chat icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="group" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/group.svg" alt="group icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="incoming-box" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/incoming-box.svg" alt="incoming-box icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="incoming-call" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/incoming-call.svg" alt="incoming-call icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="incoming-mail" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/incoming-mail.svg" alt="incoming-mail icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-at" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-at.svg" alt="mail-at icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-attachment" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-attachment.svg" alt="mail-attachment icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-box" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-box.svg" alt="mail-box icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-error" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-error.svg" alt="mail-error icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-heart" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-heart.svg" alt="mail-heart icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-locked" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-locked.svg" alt="mail-locked icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-notification" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-notification.svg" alt="mail-notification icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-opened" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-opened.svg" alt="mail-opened icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail-unocked" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail-unocked.svg" alt="mail-unocked icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mail" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/mail.svg" alt="mail icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="missed-call" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/missed-call.svg" alt="missed-call icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="outgoing-box" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/outgoing-box.svg" alt="outgoing-box icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="outgoing-call" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/outgoing-call.svg" alt="outgoing-call icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="outgoing-mail" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/outgoing-mail.svg" alt="outgoing-mail icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="readed-mail" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/readed-mail.svg" alt="readed-mail icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="reply-all" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/reply-all.svg" alt="reply-all icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="reply" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/reply.svg" alt="reply icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/right.svg" alt="right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="rss" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/rss.svg" alt="rss icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="safe-chat" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/safe-chat.svg" alt="safe-chat icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="send" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/send.svg" alt="send icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sending-mail" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/sending-mail.svg" alt="sending-mail icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sending" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/sending.svg" alt="sending icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="share" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/share.svg" alt="share icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shield-thunder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/shield-thunder.svg" alt="shield-thunder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shield-user" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/shield-user.svg" alt="shield-user icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="snoozed-mail" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/snoozed-mail.svg" alt="snoozed-mail icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="spam" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/spam.svg" alt="spam icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="thumbtack" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/thumbtack.svg" alt="thumbtack icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="urgent-mail" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/urgent-mail.svg" alt="urgent-mail icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="write" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/communication/write.svg" alt="write icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Cooking</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="cutting-board" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/cutting-board.svg" alt="cutting-board icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="baking-glove" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/baking-glove.svg" alt="baking-glove icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bowl" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/bowl.svg" alt="bowl icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chef" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/chef.svg" alt="chef icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cooking-book" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/cooking-book.svg" alt="cooking-book icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cooking-pot" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/cooking-pot.svg" alt="cooking-pot icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dinner" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/dinner.svg" alt="dinner icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dish" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/dish.svg" alt="dish icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dishes" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/dishes.svg" alt="dishes icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fork-spoon-knife" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/fork-spoon-knife.svg" alt="fork-spoon-knife icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fork-spoon" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/fork-spoon.svg" alt="fork-spoon icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fork" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/fork.svg" alt="fork icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="frying-pan" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/frying-pan.svg" alt="frying-pan icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="grater" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/grater.svg" alt="grater icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="kitchen-scale" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/kitchen-scale.svg" alt="kitchen-scale icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="knife-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/knife-1.svg" alt="knife-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="knife-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/knife-2.svg" alt="knife-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="knife-fork-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/knife-fork-1.svg" alt="knife-fork-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="knife-fork-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/knife-fork-2.svg" alt="knife-fork-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="ladle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/ladle.svg" alt="ladle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="rolling-pin" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/rolling-pin.svg" alt="rolling-pin icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="saucepan" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/saucepan.svg" alt="saucepan icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shovel" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/shovel.svg" alt="shovel icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sieve" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/sieve.svg" alt="sieve icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="spoon" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/cooking/spoon.svg" alt="spoon icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Design</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="arrows" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/arrows.svg" alt="arrows icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="adjust" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/adjust.svg" alt="adjust icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-center-down" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-center-down.svg" alt="anchor-center-down icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-center-up" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-center-up.svg" alt="anchor-center-up icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-center" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-center.svg" alt="anchor-center icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-left-down" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-left-down.svg" alt="anchor-left-down icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-left-up" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-left-up.svg" alt="anchor-left-up icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-left.svg" alt="anchor-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-right-down" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-right-down.svg" alt="anchor-right-down icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-right-up" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-right-up.svg" alt="anchor-right-up icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="anchor-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/anchor-right.svg" alt="anchor-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bezier-curve" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/bezier-curve.svg" alt="bezier-curve icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="border" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/border.svg" alt="border icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="brush" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/brush.svg" alt="brush icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bucket" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/bucket.svg" alt="bucket icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cap-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/cap-1.svg" alt="cap-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cap-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/cap-2.svg" alt="cap-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cap-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/cap-3.svg" alt="cap-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="circle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/circle.svg" alt="circle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="color-profile" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/color-profile.svg" alt="color-profile icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="color" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/color.svg" alt="color icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="component" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/component.svg" alt="component icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="crop" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/crop.svg" alt="crop icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="difference" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/difference.svg" alt="difference icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="edit" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/edit.svg" alt="edit icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="eraser" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/eraser.svg" alt="eraser icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="flatten" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/flatten.svg" alt="flatten icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="flip-horizontal" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/flip-horizontal.svg" alt="flip-horizontal icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="flip-vertical" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/flip-vertical.svg" alt="flip-vertical icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="horizontal" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/horizontal.svg" alt="horizontal icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="image" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/image.svg" alt="image icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="interselect" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/interselect.svg" alt="interselect icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="join-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/join-1.svg" alt="join-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="join-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/join-2.svg" alt="join-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="join-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/join-3.svg" alt="join-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layers" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/layers.svg" alt="layers icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="line" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/line.svg" alt="line icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="magic" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/magic.svg" alt="magic icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mask" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/mask.svg" alt="mask icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="patch" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/patch.svg" alt="patch icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pen-ruler" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/pen-ruler.svg" alt="pen-ruler icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pen-tool-vector" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/pen-tool-vector.svg" alt="pen-tool-vector icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pencil" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/pencil.svg" alt="pencil icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="picker" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/picker.svg" alt="picker icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pixels" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/pixels.svg" alt="pixels icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="polygon" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/polygon.svg" alt="polygon icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="position" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/position.svg" alt="position icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="rectangle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/rectangle.svg" alt="rectangle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="saturation" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/saturation.svg" alt="saturation icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="select" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/select.svg" alt="select icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sketch" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/sketch.svg" alt="sketch icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="stamp" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/stamp.svg" alt="stamp icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="subtract" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/subtract.svg" alt="subtract icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="target" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/target.svg" alt="target icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="triangle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/triangle.svg" alt="triangle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="union" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/union.svg" alt="union icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="vertical" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/vertical.svg" alt="vertical icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="zoom-minus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/zoom-minus.svg" alt="zoom-minus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="zoom-plus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/design/zoom-plus.svg" alt="zoom-plus icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Devices</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="camera" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/camera.svg" alt="camera icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="airpods" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/airpods.svg" alt="airpods icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="android" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/android.svg" alt="android icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="apple-watch" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/apple-watch.svg" alt="apple-watch icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="battery-charging" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/battery-charging.svg" alt="battery-charging icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="battery-empty" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/battery-empty.svg" alt="battery-empty icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="battery-full" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/battery-full.svg" alt="battery-full icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="battery-half" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/battery-half.svg" alt="battery-half icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bluetooth" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/bluetooth.svg" alt="bluetooth icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cardboard-vr" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/cardboard-vr.svg" alt="cardboard-vr icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cassete" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/cassete.svg" alt="cassete icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cpu-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/cpu-1.svg" alt="cpu-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cpu-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/cpu-2.svg" alt="cpu-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="diagnostics" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/diagnostics.svg" alt="diagnostics icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="display-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/display-1.svg" alt="display-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="display-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/display-2.svg" alt="display-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="display-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/display-3.svg" alt="display-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="gameboy" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/gameboy.svg" alt="gameboy icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="gamepad-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/gamepad-1.svg" alt="gamepad-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="gamepad-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/gamepad-2.svg" alt="gamepad-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="generator" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/generator.svg" alt="generator icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="hard-drive" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/hard-drive.svg" alt="hard-drive icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="headphones" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/headphones.svg" alt="headphones icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="homepod" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/homepod.svg" alt="homepod icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="imac" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/imac.svg" alt="imac icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="iphone-back" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/iphone-back.svg" alt="iphone-back icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="iphone-x-back" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/iphone-x-back.svg" alt="iphone-x-back icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="iphone-x" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/iphone-x.svg" alt="iphone-x icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="keyboard" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/keyboard.svg" alt="keyboard icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="laptop-macbook" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/laptop-macbook.svg" alt="laptop-macbook icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="laptop" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/laptop.svg" alt="laptop icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="lte-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/lte-1.svg" alt="lte-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="lte-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/lte-2.svg" alt="lte-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mic" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/mic.svg" alt="mic icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="midi" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/midi.svg" alt="midi icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mouse" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/mouse.svg" alt="mouse icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="phone" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/phone.svg" alt="phone icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="printer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/printer.svg" alt="printer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="radio" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/radio.svg" alt="radio icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="router-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/router-1.svg" alt="router-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="router-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/router-2.svg" alt="router-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sd-card" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/sd-card.svg" alt="sd-card icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="server" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/server.svg" alt="server icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="speaker" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/speaker.svg" alt="speaker icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="tablet" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/tablet.svg" alt="tablet icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="tv-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/tv-1.svg" alt="tv-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="tv-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/tv-2.svg" alt="tv-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="usb-storage" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/usb-storage.svg" alt="usb-storage icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="usb" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/usb.svg" alt="usb icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="video-camera" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/video-camera.svg" alt="video-camera icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="watch-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/watch-1.svg" alt="watch-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="watch-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/watch-2.svg" alt="watch-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wi-fi" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/devices/wi-fi.svg" alt="wi-fi icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Electric</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="iron" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/iron.svg" alt="iron icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="air-conditioning" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/air-conditioning.svg" alt="air-conditioning icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="blender" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/blender.svg" alt="blender icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fridge" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/fridge.svg" alt="fridge icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="gas-stove" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/gas-stove.svg" alt="gas-stove icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="highvoltage" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/highvoltage.svg" alt="highvoltage icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="kettle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/kettle.svg" alt="kettle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mixer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/mixer.svg" alt="mixer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="outlet" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/outlet.svg" alt="outlet icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="range-hood" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/range-hood.svg" alt="range-hood icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shutdown" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/shutdown.svg" alt="shutdown icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="socket-eu" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/socket-eu.svg" alt="socket-eu icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="socket-us" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/socket-us.svg" alt="socket-us icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="washer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/washer.svg" alt="washer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="hair-dryer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/electric/hair-dryer.svg" alt="hair-dryer icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Files</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="export" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/export.svg" alt="export icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloud-download" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/cloud-download.svg" alt="cloud-download icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloud-upload" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/cloud-upload.svg" alt="cloud-upload icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="compilation" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/compilation.svg" alt="compilation icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="compiled-file" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/compiled-file.svg" alt="compiled-file icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="deleted-file" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/deleted-file.svg" alt="deleted-file icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="deleted-folder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/deleted-folder.svg" alt="deleted-folder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="download" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/download.svg" alt="download icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="downloaded-file" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/downloaded-file.svg" alt="downloaded-file icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="downloads-folder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/downloads-folder.svg" alt="downloads-folder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="file-cloud" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/file-cloud.svg" alt="file-cloud icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="file-done" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/file-done.svg" alt="file-done icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="file-minus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/file-minus.svg" alt="file-minus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="file-plus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/file-plus.svg" alt="file-plus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="file" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/file.svg" alt="file icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-check" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-check.svg" alt="folder-check icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-cloud" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-cloud.svg" alt="folder-cloud icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-error" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-error.svg" alt="folder-error icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-heart" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-heart.svg" alt="folder-heart icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-minus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-minus.svg" alt="folder-minus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-plus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-plus.svg" alt="folder-plus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-solid" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-solid.svg" alt="folder-solid icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-star" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-star.svg" alt="folder-star icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder-thunder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder-thunder.svg" alt="folder-thunder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/folder.svg" alt="folder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="group-folders" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/group-folders.svg" alt="group-folders icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="import" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/import.svg" alt="import icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="locked-folder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/locked-folder.svg" alt="locked-folder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="media-folder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/media-folder.svg" alt="media-folder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="media" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/media.svg" alt="media icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="music" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/music.svg" alt="music icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pictures-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/pictures-1.svg" alt="pictures-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pictures-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/pictures-2.svg" alt="pictures-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="protected-file" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/protected-file.svg" alt="protected-file icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="selected-file" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/selected-file.svg" alt="selected-file icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="share" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/share.svg" alt="share icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="upload-folder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/upload-folder.svg" alt="upload-folder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="upload" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/upload.svg" alt="upload icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="uploaded-file" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/uploaded-file.svg" alt="uploaded-file icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="user-folder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/files/user-folder.svg" alt="user-folder icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Food</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="cheese" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/cheese.svg" alt="cheese icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="beer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/beer.svg" alt="beer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bottle-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/bottle-1.svg" alt="bottle-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bottle-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/bottle-2.svg" alt="bottle-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bread" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/bread.svg" alt="bread icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bucket" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/bucket.svg" alt="bucket icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="burger" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/burger.svg" alt="burger icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cake" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/cake.svg" alt="cake icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="carrot" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/carrot.svg" alt="carrot icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chicken" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/chicken.svg" alt="chicken icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="coffee-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/coffee-1.svg" alt="coffee-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="coffee-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/coffee-2.svg" alt="coffee-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cookie" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/cookie.svg" alt="cookie icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dinner" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/dinner.svg" alt="dinner icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fish" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/fish.svg" alt="fish icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="french-bread" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/french-bread.svg" alt="french-bread icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="glass-martini" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/glass-martini.svg" alt="glass-martini icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="ice-cream-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/ice-cream-1.svg" alt="ice-cream-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="ice-cream-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/ice-cream-2.svg" alt="ice-cream-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="miso-soup" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/miso-soup.svg" alt="miso-soup icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="orange" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/orange.svg" alt="orange icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pizza" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/pizza.svg" alt="pizza icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sushi" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/sushi.svg" alt="sushi icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="two-bottles" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/two-bottles.svg" alt="two-bottles icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wine" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/food/wine.svg" alt="wine icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>General</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="duplicate" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/duplicate.svg" alt="duplicate icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="attachment-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/attachment-1.svg" alt="attachment-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="attachment-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/attachment-2.svg" alt="attachment-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="binocular" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/binocular.svg" alt="binocular icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bookmark" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/bookmark.svg" alt="bookmark icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="clip" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/clip.svg" alt="clip icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="clipboard" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/clipboard.svg" alt="clipboard icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cursor" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/cursor.svg" alt="cursor icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dislike" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/dislike.svg" alt="dislike icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="edit" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/edit.svg" alt="edit icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="expand-arrows" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/expand-arrows.svg" alt="expand-arrows icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fire" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/fire.svg" alt="fire icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="folder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/folder.svg" alt="folder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="half-heart" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/half-heart.svg" alt="half-heart icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="half-star" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/half-star.svg" alt="half-star icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="heart" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/heart.svg" alt="heart icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="hidden" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/hidden.svg" alt="hidden icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="like" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/like.svg" alt="like icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="lock" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/lock.svg" alt="lock icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="notification-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/notification-2.svg" alt="notification-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="notifications-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/notifications-1.svg" alt="notifications-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="other-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/other-1.svg" alt="other-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="other-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/other-2.svg" alt="other-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sad" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/sad.svg" alt="sad icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="save" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/save.svg" alt="save icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="scale" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/scale.svg" alt="scale icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="scissors" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/scissors.svg" alt="scissors icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="search" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/search.svg" alt="search icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="settings-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/settings-1.svg" alt="settings-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="settings-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/settings-2.svg" alt="settings-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="settings-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/settings-3.svg" alt="settings-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shield-check" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/shield-check.svg" alt="shield-check icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shield-disabled" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/shield-disabled.svg" alt="shield-disabled icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shield-protected" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/shield-protected.svg" alt="shield-protected icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="size" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/size.svg" alt="size icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="smile" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/smile.svg" alt="smile icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="star" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/star.svg" alt="star icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="thunder-move" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/thunder-move.svg" alt="thunder-move icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="thunder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/thunder.svg" alt="thunder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="trash" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/trash.svg" alt="trash icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="unlock" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/unlock.svg" alt="unlock icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="update" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/update.svg" alt="update icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="user" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/user.svg" alt="user icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="visible" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/general/visible.svg" alt="visible icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Home</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="bulb-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/bulb-1.svg" alt="bulb-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="air-ballon" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/air-ballon.svg" alt="air-ballon icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="alarm-clock" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/alarm-clock.svg" alt="alarm-clock icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="armchair" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/armchair.svg" alt="armchair icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bag-chair" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/bag-chair.svg" alt="bag-chair icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bath" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/bath.svg" alt="bath icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bed" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/bed.svg" alt="bed icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="book-open" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/book-open.svg" alt="book-open icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="book" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/book.svg" alt="book icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="box" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/box.svg" alt="box icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="broom" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/broom.svg" alt="broom icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="building" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/building.svg" alt="building icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bulb-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/bulb-2.svg" alt="bulb-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chair-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/chair-1.svg" alt="chair-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chair-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/chair-2.svg" alt="chair-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="clock" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/clock.svg" alt="clock icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="couch" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/couch.svg" alt="couch icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="deer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/deer.svg" alt="deer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="door-open" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/door-open.svg" alt="door-open icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="earth" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/earth.svg" alt="earth icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fireplace" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/fireplace.svg" alt="fireplace icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="flashlight" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/flashlight.svg" alt="flashlight icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="flower-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/flower-1.svg" alt="flower-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="flower-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/flower-2.svg" alt="flower-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="flower-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/flower-3.svg" alt="flower-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="globe" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/globe.svg" alt="globe icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="home-heart" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/home-heart.svg" alt="home-heart icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="home" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/home.svg" alt="home icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="key" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/key.svg" alt="key icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="ladder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/ladder.svg" alt="ladder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="lamp-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/lamp-1.svg" alt="lamp-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="lamp-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/lamp-2.svg" alt="lamp-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="library" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/library.svg" alt="library icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mailbox" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/mailbox.svg" alt="mailbox icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mirror" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/mirror.svg" alt="mirror icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="picture" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/picture.svg" alt="picture icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="ruler" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/ruler.svg" alt="ruler icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="stairs" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/stairs.svg" alt="stairs icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="timer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/timer.svg" alt="timer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="toilet" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/toilet.svg" alt="toilet icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="towel" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/towel.svg" alt="towel icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="trash" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/trash.svg" alt="trash icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="water-mixer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/water-mixer.svg" alt="water-mixer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="weight-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/weight-1.svg" alt="weight-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="weight-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/weight-2.svg" alt="weight-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wood-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/wood-1.svg" alt="wood-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wood-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/wood-2.svg" alt="wood-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wood-horse" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/wood-horse.svg" alt="wood-horse icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="сommode-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/сommode-1.svg" alt="сommode-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="сommode-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/сommode-2.svg" alt="сommode-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="сupboard" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/сupboard.svg" alt="сupboard icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="сurtains" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/home/сurtains.svg" alt="сurtains icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Layout</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="layout-top-panel-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-top-panel-1.svg" alt="layout-top-panel-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-3d" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-3d.svg" alt="layout-3d icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-4-blocks" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-4-blocks.svg" alt="layout-4-blocks icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-arrange" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-arrange.svg" alt="layout-arrange icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-grid" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-grid.svg" alt="layout-grid icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-horizontal" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-horizontal.svg" alt="layout-horizontal icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-left-panel-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-left-panel-1.svg" alt="layout-left-panel-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-left-panel-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-left-panel-2.svg" alt="layout-left-panel-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-right-panel-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-right-panel-1.svg" alt="layout-right-panel-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-right-panel-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-right-panel-2.svg" alt="layout-right-panel-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-top-panel-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-top-panel-2.svg" alt="layout-top-panel-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-top-panel-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-top-panel-3.svg" alt="layout-top-panel-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-top-panel-4" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-top-panel-4.svg" alt="layout-top-panel-4 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-top-panel-5" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-top-panel-5.svg" alt="layout-top-panel-5 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-top-panel-6" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-top-panel-6.svg" alt="layout-top-panel-6 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="layout-vertical" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/layout/layout-vertical.svg" alt="layout-vertical icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Map</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="location-arrow" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/map/location-arrow.svg" alt="location-arrow icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="compass" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/map/compass.svg" alt="compass icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="direction-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/map/direction-1.svg" alt="direction-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="direction-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/map/direction-2.svg" alt="direction-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="marker-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/map/marker-1.svg" alt="marker-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="marker-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/map/marker-2.svg" alt="marker-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="position" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/map/position.svg" alt="position icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Media</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="next" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/next.svg" alt="next icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="add-music" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/add-music.svg" alt="add-music icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="airplay-video" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/airplay-video.svg" alt="airplay-video icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="airplay" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/airplay.svg" alt="airplay icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="back" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/back.svg" alt="back icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="backward" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/backward.svg" alt="backward icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cd" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/cd.svg" alt="cd icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dvd" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/dvd.svg" alt="dvd icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="eject" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/eject.svg" alt="eject icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="equalizer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/equalizer.svg" alt="equalizer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="forward" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/forward.svg" alt="forward icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="media-library-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/media-library-1.svg" alt="media-library-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="media-library-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/media-library-2.svg" alt="media-library-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="media-library-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/media-library-3.svg" alt="media-library-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="movie-lane-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/movie-lane-1.svg" alt="movie-lane-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="movie-lane-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/movie-lane-2.svg" alt="movie-lane-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="music-cloud" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/music-cloud.svg" alt="music-cloud icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="music-note" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/music-note.svg" alt="music-note icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="music" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/music.svg" alt="music icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mute" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/mute.svg" alt="mute icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pause" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/pause.svg" alt="pause icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="play" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/play.svg" alt="play icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="playlist-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/playlist-1.svg" alt="playlist-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="playlist-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/playlist-2.svg" alt="playlist-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="rec" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/rec.svg" alt="rec icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="repeat-one" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/repeat-one.svg" alt="repeat-one icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="repeat" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/repeat.svg" alt="repeat icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shuffle" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/shuffle.svg" alt="shuffle icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="volume-down" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/volume-down.svg" alt="volume-down icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="volume-full" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/volume-full.svg" alt="volume-full icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="volume-half" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/volume-half.svg" alt="volume-half icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="volume-up" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/volume-up.svg" alt="volume-up icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="vynil" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/vynil.svg" alt="vynil icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="youtube" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/media/youtube.svg" alt="youtube icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Navigation</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="arrow-from-bottom" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-from-bottom.svg" alt="arrow-from-bottom icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="angle-double-down" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/angle-double-down.svg" alt="angle-double-down icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="angle-double-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/angle-double-left.svg" alt="angle-double-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="angle-double-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/angle-double-right.svg" alt="angle-double-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="angle-double-up" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/angle-double-up.svg" alt="angle-double-up icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="angle-down" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/angle-down.svg" alt="angle-down icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="angle-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/angle-left.svg" alt="angle-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="angle-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/angle-right.svg" alt="angle-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-down" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-down.svg" alt="arrow-down icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-from-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-from-left.svg" alt="arrow-from-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-from-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-from-right.svg" alt="arrow-from-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-from-top" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-from-top.svg" alt="arrow-from-top icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-left.svg" alt="arrow-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-right.svg" alt="arrow-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-to-bottom" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-to-bottom.svg" alt="arrow-to-bottom icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-to-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-to-left.svg" alt="arrow-to-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-to-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-to-right.svg" alt="arrow-to-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-to-up" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-to-up.svg" alt="arrow-to-up icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrow-up" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrow-up.svg" alt="arrow-up icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrows-h" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrows-h.svg" alt="arrows-h icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="arrows-v" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/arrows-v.svg" alt="arrows-v icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="check" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/check.svg" alt="check icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="close" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/close.svg" alt="close icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="double-check" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/double-check.svg" alt="double-check icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="down-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/down-2.svg" alt="down-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="down-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/down-left.svg" alt="down-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="down-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/down-right.svg" alt="down-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="exchange" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/exchange.svg" alt="exchange icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="left-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/left-2.svg" alt="left-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="left-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/left-3.svg" alt="left-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="minus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/minus.svg" alt="minus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="plus" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/plus.svg" alt="plus icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="right-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/right-2.svg" alt="right-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="right-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/right-3.svg" alt="right-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="route" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/route.svg" alt="route icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sign-in" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/sign-in.svg" alt="sign-in icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sign-out" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/sign-out.svg" alt="sign-out icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="up-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/up-2.svg" alt="up-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="up-down" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/up-down.svg" alt="up-down icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="up-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/up-left.svg" alt="up-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="up-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/up-right.svg" alt="up-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="waiting" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/navigation/waiting.svg" alt="waiting icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Shopping</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="cart-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/cart-3.svg" alt="cart-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="atm" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/atm.svg" alt="atm icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bag-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/bag-1.svg" alt="bag-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bag-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/bag-2.svg" alt="bag-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="barcode-read" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/barcode-read.svg" alt="barcode-read icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="barcode-scan" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/barcode-scan.svg" alt="barcode-scan icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="barcode" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/barcode.svg" alt="barcode icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bitcoin" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/bitcoin.svg" alt="bitcoin icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="box-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/box-1.svg" alt="box-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="box-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/box-2.svg" alt="box-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="box-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/box-3.svg" alt="box-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="calculator" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/calculator.svg" alt="calculator icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cart-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/cart-1.svg" alt="cart-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cart-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/cart-2.svg" alt="cart-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chart-bar-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/chart-bar-1.svg" alt="chart-bar-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chart-bar-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/chart-bar-2.svg" alt="chart-bar-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chart-bar-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/chart-bar-3.svg" alt="chart-bar-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chart-line-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/chart-line-1.svg" alt="chart-line-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chart-line-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/chart-line-2.svg" alt="chart-line-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="chart-pie" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/chart-pie.svg" alt="chart-pie icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="credit-card" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/credit-card.svg" alt="credit-card icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dollar" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/dollar.svg" alt="dollar icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="euro" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/euro.svg" alt="euro icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="gift" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/gift.svg" alt="gift icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="loader" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/loader.svg" alt="loader icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="mc" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/mc.svg" alt="mc icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="money" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/money.svg" alt="money icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pound" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/pound.svg" alt="pound icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="price-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/price-1.svg" alt="price-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="price-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/price-2.svg" alt="price-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="rouble" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/rouble.svg" alt="rouble icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="safe" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/safe.svg" alt="safe icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sale-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/sale-1.svg" alt="sale-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sale-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/sale-2.svg" alt="sale-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="settings" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/settings.svg" alt="settings icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sort-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/sort-1.svg" alt="sort-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sort-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/sort-2.svg" alt="sort-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sort-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/sort-3.svg" alt="sort-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="ticket" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/ticket.svg" alt="ticket icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wallet-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/wallet-2.svg" alt="wallet-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wallet-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/wallet-3.svg" alt="wallet-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wallet" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/shopping/wallet.svg" alt="wallet icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Text</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="quote-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/quote-1.svg" alt="quote-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="align-auto" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/align-auto.svg" alt="align-auto icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="align-center" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/align-center.svg" alt="align-center icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="align-justify" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/align-justify.svg" alt="align-justify icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="align-left" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/align-left.svg" alt="align-left icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="align-right" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/align-right.svg" alt="align-right icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="article" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/article.svg" alt="article icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bold" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/bold.svg" alt="bold icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="bullet-list" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/bullet-list.svg" alt="bullet-list icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="code" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/code.svg" alt="code icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="edit-text" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/edit-text.svg" alt="edit-text icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="filter" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/filter.svg" alt="filter icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="font" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/font.svg" alt="font icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="h1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/h1.svg" alt="h1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="h2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/h2.svg" alt="h2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="itallic" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/itallic.svg" alt="itallic icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="menu" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/menu.svg" alt="menu icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="paragraph" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/paragraph.svg" alt="paragraph icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="quote-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/quote-2.svg" alt="quote-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="redo" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/redo.svg" alt="redo icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="strikethrough" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/strikethrough.svg" alt="strikethrough icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="text-height" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/text-height.svg" alt="text-height icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="text-width" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/text-width.svg" alt="text-width icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="text" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/text.svg" alt="text icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="underline" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/underline.svg" alt="underline icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="undo" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/text/undo.svg" alt="undo icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Tools</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="swiss-knife" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/swiss-knife.svg" alt="swiss-knife icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="angle-grinder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/angle-grinder.svg" alt="angle-grinder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="axe" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/axe.svg" alt="axe icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="brush" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/brush.svg" alt="brush icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="compass" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/compass.svg" alt="compass icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="hummer-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/hummer-2.svg" alt="hummer-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="hummer" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/hummer.svg" alt="hummer icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pantone" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/pantone.svg" alt="pantone icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="road-cone" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/road-cone.svg" alt="road-cone icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="roller" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/roller.svg" alt="roller icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="roulette" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/roulette.svg" alt="roulette icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="screwdriver" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/screwdriver.svg" alt="screwdriver icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="shovel" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/shovel.svg" alt="shovel icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="spatula" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/spatula.svg" alt="spatula icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="tools" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/tools/tools.svg" alt="tools icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Weather</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="rain-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/rain-2.svg" alt="rain-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="celcium" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/celcium.svg" alt="celcium icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloud-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/cloud-1.svg" alt="cloud-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloud-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/cloud-2.svg" alt="cloud-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloud-fog" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/cloud-fog.svg" alt="cloud-fog icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloud-sun" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/cloud-sun.svg" alt="cloud-sun icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloud-wind" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/cloud-wind.svg" alt="cloud-wind icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloudy-night" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/cloudy-night.svg" alt="cloudy-night icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="cloudy" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/cloudy.svg" alt="cloudy icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="day-rain" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/day-rain.svg" alt="day-rain icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fahrenheit" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/fahrenheit.svg" alt="fahrenheit icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="fog" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/fog.svg" alt="fog icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="moon" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/moon.svg" alt="moon icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="night-fog" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/night-fog.svg" alt="night-fog icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="night-rain" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/night-rain.svg" alt="night-rain icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="rain-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/rain-1.svg" alt="rain-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="rain-5" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/rain-5.svg" alt="rain-5 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="rainbow" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/rainbow.svg" alt="rainbow icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="snow-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/snow-1.svg" alt="snow-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="snow-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/snow-2.svg" alt="snow-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="snow-3" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/snow-3.svg" alt="snow-3 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="snow" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/snow.svg" alt="snow icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="storm" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/storm.svg" alt="storm icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sun-fog" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/sun-fog.svg" alt="sun-fog icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="sun" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/sun.svg" alt="sun icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="suset-1" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/suset-1.svg" alt="suset-1 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="suset-2" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/suset-2.svg" alt="suset-2 icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="temperature-empty" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/temperature-empty.svg" alt="temperature-empty icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="temperature-full" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/temperature-full.svg" alt="temperature-full icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="temperature-half" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/temperature-half.svg" alt="temperature-half icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="thunder-night" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/thunder-night.svg" alt="thunder-night icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="thunder" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/thunder.svg" alt="thunder icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="umbrella" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/umbrella.svg" alt="umbrella icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="wind" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/theme/weather/wind.svg" alt="wind icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<h2>Social</h2>
<div class="d-flex flex-wrap">
<div data-toggle="tooltip" title="youtube" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/youtube.svg" alt="youtube icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="linkedin" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/linkedin.svg" alt="linkedin icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="medium" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/medium.svg" alt="medium icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="pinterest" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/pinterest.svg" alt="pinterest icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="twitter" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/twitter.svg" alt="twitter icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="vimeo" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/vimeo.svg" alt="vimeo icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="facebook" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/facebook.svg" alt="facebook icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="github" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/github.svg" alt="github icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="google" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/google.svg" alt="google icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="googledrive" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/googledrive.svg" alt="googledrive icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="googleplay" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/googleplay.svg" alt="googleplay icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="instagram" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/instagram.svg" alt="instagram icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="dribbble" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/dribbble.svg" alt="dribbble icon" data-inject-svg />
</div>
<div data-toggle="tooltip" title="apple" class="m-1">
<img class="icon icon-lg bg-primary" src="assets/img/icons/social/apple.svg" alt="apple icon" data-inject-svg />
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="pb-4 bg-primary-3 text-light" id="footer">
<div class="container">
<div class="row mb-5">
<div class="col">
<div class="card card-body border-0 o-hidden mb-0 bg-primary text-light">
<div class="position-relative d-flex flex-column flex-md-row justify-content-between align-items-center">
<div class="h3 text-center mb-md-0">Start building beautiful websites</div>
<a href="#" class="btn btn-lg btn-white">
Purchase Now
</a>
</div>
<div class="decoration layer-0">
<img class="bg-primary-2" src="assets/img/decorations/deco-blob-1.svg" alt="deco-blob-1 decoration" data-inject-svg />
</div>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-6 col-lg-3 col-xl-2">
<h5>Navigate</h5>
<ul class="nav flex-column">
<li class="nav-item">
<a href="#" class="nav-link">Demos</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Pages</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Blog</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Portfolio</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">Elements</a>
</li>
</ul>
</div>
<div class="col-6 col-lg">
<h5>Contact</h5>
<ul class="list-unstyled">
<li class="mb-3 d-flex">
<img class="icon" src="assets/img/icons/theme/map/marker-1.svg" alt="marker-1 icon" data-inject-svg />
<div class="ml-3">
<span>348 Greenpoint Avenue
<br />Brooklyn, NY</span>
</div>
</li>
<li class="mb-3 d-flex">
<img class="icon" src="assets/img/icons/theme/communication/call-1.svg" alt="call-1 icon" data-inject-svg />
<div class="ml-3">
<span>+61 3928 3324</span>
<span class="d-block text-muted text-small">Mon - Fri 9am - 5pm</span>
</div>
</li>
<li class="mb-3 d-flex">
<img class="icon" src="assets/img/icons/theme/communication/mail.svg" alt="mail icon" data-inject-svg />
<div class="ml-3">
<a href="#">hello@company.io</a>
</div>
</li>
</ul>
</div>
<div class="col-lg-5 col-xl-4 mt-3 mt-lg-0">
<h5>Subscribe</h5>
<p>The latest Leap news, articles, and resources, sent straight to your inbox every month.</p>
<form action="/forms/mailchimp.php" data-form-email novalidate>
<div class="form-row">
<div class="col-12">
<input type="email" class="form-control mb-2" placeholder="Email Address" name="email" required>
</div>
<div class="col-12">
<div class="d-none alert alert-success" role="alert" data-success-message>
Thanks, a member of our team will be in touch shortly.
</div>
<div class="d-none alert alert-danger" role="alert" data-error-message>
Please fill all fields correctly.
</div>
<div data-recaptcha data-sitekey="INSERT_YOUR_RECAPTCHA_V2_SITEKEY_HERE" data-size="invisible" data-badge="bottomleft">
</div>
<button type="submit" class="btn btn-primary btn-loading btn-block" data-loading-text="Sending">
<img class="icon" src="assets/img/icons/theme/code/loading.svg" alt="loading icon" data-inject-svg />
<span>Subscribe</span>
</button>
</div>
</div>
</form>
<small class="text-muted form-text">We’ll never share your details. See our <a href="#">Privacy Policy</a>
</small>
</div>
</div>
<div class="row justify-content-center mb-2">
<div class="col-auto">
<ul class="nav">
<li class="nav-item">
<a href="#" class="nav-link">
<img class="icon undefined" src="assets/img/icons/social/instagram.svg" alt="instagram social icon" data-inject-svg />
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<img class="icon undefined" src="assets/img/icons/social/twitter.svg" alt="twitter social icon" data-inject-svg />
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<img class="icon undefined" src="assets/img/icons/social/youtube.svg" alt="youtube social icon" data-inject-svg />
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<img class="icon undefined" src="assets/img/icons/social/medium.svg" alt="medium social icon" data-inject-svg />
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<img class="icon undefined" src="assets/img/icons/social/facebook.svg" alt="facebook social icon" data-inject-svg />
</a>
</li>
</ul>
</div>
</div>
<div class="row justify-content-center">
<div class="col col-md-auto text-center">
<small class="text-muted">&copy;2019 This page is protected by reCAPTCHA and is subject to the Google <a href="https://www.google.com/policies/privacy/">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service.</a>
</small>
</div>
</div>
</div>
</footer>
<a href="#" class="btn back-to-top btn-primary btn-round" data-smooth-scroll data-aos="fade-up" data-aos-offset="2000" data-aos-mirror="true" data-aos-once="false">
<img class="icon" src="assets/img/icons/theme/navigation/arrow-up.svg" alt="arrow-up icon" data-inject-svg />
</a>
<!-- Required vendor scripts (Do not remove) -->
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/popper.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<!-- Optional Vendor Scripts (Remove the plugin script here and comment initializer script out of index.js if site does not use that feature) -->
<!-- AOS (Animate On Scroll - animates elements into view while scrolling down) -->
<script type="text/javascript" src="assets/js/aos.js"></script>
<!-- Clipboard (copies content from browser into OS clipboard) -->
<script type="text/javascript" src="assets/js/clipboard.js"></script>
<!-- Fancybox (handles image and video lightbox and galleries) -->
<script type="text/javascript" src="assets/js/jquery.fancybox.min.js"></script>
<!-- Flatpickr (calendar/date/time picker UI) -->
<script type="text/javascript" src="assets/js/flatpickr.min.js"></script>
<!-- Flickity (handles touch enabled carousels and sliders) -->
<script type="text/javascript" src="assets/js/flickity.pkgd.min.js"></script>
<!-- Ion rangeSlider (flexible and pretty range slider elements) -->
<script type="text/javascript" src="assets/js/ion.rangeSlider.min.js"></script>
<!-- Isotope (masonry layouts and filtering) -->
<script type="text/javascript" src="assets/js/isotope.pkgd.min.js"></script>
<!-- jarallax (parallax effect and video backgrounds) -->
<script type="text/javascript" src="assets/js/jarallax.min.js"></script>
<script type="text/javascript" src="assets/js/jarallax-video.min.js"></script>
<script type="text/javascript" src="assets/js/jarallax-element.min.js"></script>
<!-- jQuery Countdown (displays countdown text to a specified date) -->
<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>
<!-- jQuery smartWizard facilitates steppable wizard content -->
<script type="text/javascript" src="assets/js/jquery.smartWizard.min.js"></script>
<!-- Plyr (unified player for Video, Audio, Vimeo and Youtube) -->
<script type="text/javascript" src="assets/js/plyr.polyfilled.min.js"></script>
<!-- Prism (displays formatted code boxes) -->
<script type="text/javascript" src="assets/js/prism.js"></script>
<!-- ScrollMonitor (manages events for elements scrolling in and out of view) -->
<script type="text/javascript" src="assets/js/scrollMonitor.js"></script>
<!-- Smooth scroll (animation to links in-page)-->
<script type="text/javascript" src="assets/js/smooth-scroll.polyfills.min.js"></script>
<!-- SVGInjector (replaces img tags with SVG code to allow easy inclusion of SVGs with the benefit of inheriting colors and styles)-->
<script type="text/javascript" src="assets/js/svg-injector.umd.production.js"></script>
<!-- TwitterFetcher (displays a feed of tweets from a specified account)-->
<script type="text/javascript" src="assets/js/twitterFetcher_min.js"></script>
<!-- Typed text (animated typing effect)-->
<script type="text/javascript" src="assets/js/typed.min.js"></script>
<!-- Required theme scripts (Do not remove) -->
<script type="text/javascript" src="assets/js/theme.js"></script>
<!-- Removes page load animation when window is finished loading -->
<script type="text/javascript">
window.addEventListener("load", function () { document.querySelector('body').classList.add('loaded'); });
</script>
</body>
</html>
Reference in a new issue View git blame Copy permalink