iotcat
/
cp-acc
mirror of https://github.com/IoTcat/cp-acc.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 Commits
1 Branch
0 Tags
1.5 MiB
 
 
 
 
Tag: Branch: Tree: master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
cp-acc/src/tab-bottom.html

189 lines
8.2 KiB
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<title>Crypto Mobile Template</title>
<!-- Google font file. If you want you can change. -->
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
<!-- Fontawesome font file css -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<!-- Template global css file. Requared all pages -->
<link rel="stylesheet" type="text/css" href="css/global.style.css">
</head>
<body>
<div class="wrapper">
<div class="nav-menu">
<nav class="menu">
<!-- Menu navigation start -->
<div class="nav-container">
<ul class="main-menu">
<li class="">
<a href="index.html"><img src="img/content/icons/1.png" alt=""><strong>Dashboard</strong> </a>
</li>
<li class="">
<a href="wallet.html"><img src="img/content/icons/2.png" alt=""><strong>My Walet</strong> </a>
</li>
<li class="">
<a href="trading.html"><img src="img/content/icons/3.png" alt=""><strong>Crypto Trade</strong> </a>
</li>
<li class="">
<a href="buy-sell.html"><img src="img/content/icons/6.png" alt=""><strong>Buy & sell</strong> </a>
</li>
<li class="">
<a href="profile.html"><img src="img/content/icons/5.png" alt=""><strong>Trader Profile</strong> </a>
</li>
<li class="">
<a href="affiliate.html"><img src="img/content/icons/4.png" alt=""><strong>Affiliate System</strong> </a>
</li>
<li class="">
<a href="setting.html"><img src="img/content/icons/11.png" alt=""><strong>Settings</strong> </a>
</li>
<li>
<a href="javascript:void(0);"><img src="img/content/icons/9.png" alt=""><strong>Login/Register</strong> <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="login.html" data-loader="show">Login</a></li>
<li><a href="signup.html" data-loader="show">Register</a></li>
<li><a href="forgot-password.html" data-loader="show">Forgot Password</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);"><img src="img/content/icons/8.png" alt=""> <strong>Wizards</strong> <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="wizard-default.html" data-loader="show">Wizard Default</a></li>
<li><a href="wizard-fullscreen.html" data-loader="show">Wizard Fullscreen</a></li>
</ul>
</li>
<li class="">
<a href="charts.html"><img src="img/content/icons/14.png" alt=""><strong>Charts</strong> </a>
</li>
<li>
<a href="forms.html" data-loader="show"><img src="img/content/icons/7.png" alt=""><strong>Form Elements</strong></a>
</li>
<li class="active">
<a href="#"><img src="img/content/icons/10.png" alt=""><strong> Components</strong> <span class="fa fa-angle-down"></span></a>
<ul>
<li class="active"><a href="tab-bottom.html" data-loader="show">Tab (Bottom)</a></li>
<li><a href="tab-top.html" data-loader="show">Tab (Top)</a></li>
<li><a href="accordion.html" data-loader="show">Accordion</a></li>
<li><a href="popup.html" data-loader="show">Popup Modal</a></li>
<li><a href="checkbox-list.html" data-loader="show">Check List</a></li>
<li><a href="link-list.html" data-loader="show">Link List</a></li>
<li><a href="link-list-two-column.html" data-loader="show">Two Column Links</a></li>
</ul>
</li>
<li>
<a href="#"><img src="img/content/icons/15.png" alt=""><strong> Pages</strong> <span class="fa fa-angle-down"></span></a>
<ul>
<li><a href="profile.html" data-loader="show">User Profile</a></li>
<li><a href="search-result.html" data-loader="show">Search Results</a></li>
<li><a href="contact.html" data-loader="show">Contact</a></li>
<li><a href="blank.html" data-loader="show">Blank Page</a></li>
</ul>
</li>
</ul>
</div>
<!-- Menu navigation end -->
</nav>
</div>
<div class="wrapper-inline">
<!-- Header area start -->
<header> <!-- extra class no-background -->
<a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
<h1 class="page-title">TAB BOTTOM</h1>
<div class="navi-menu-button">
<em></em>
<em></em>
<em></em>
</div>
</header>
<!-- Header area end -->
<!-- Page content start -->
<main class="fix-top-menu">
<!-- TAB CONTROL START -->
<div class="tab-item fixed-bottom">
<div class="tab-menu fix-width only-icons">
<a class="menu-item active" href="javascript:void(0);" data-content="content1"><i class="fa fa-home"></i></a>
<a class="menu-item" href="javascript:void(0);" data-content="content2"><i class="fa fa-comment"></i></a>
<a class="menu-item" href="javascript:void(0);" data-content="content3"><i class="fa fa-bell"></i></a>
<a class="menu-item" href="javascript:void(0);" data-content="content4"><i class="fa fa-user"></i></a>
</div>
<div class="tab-content">
<div class="content-item active" id="content1">
<h3>Tab Content 1</h3>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
<div class="content-item" id="content2">
<h3>Tab Content 2</h3>
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br>
</div>
<div class="content-item" id="content3">
<h3>Tab Content 3</h3>
Aldus PageMaker including versions of Lorem Ipsum.<br><br>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of ontaining Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
<div class="content-item" id="content4">
<h3>Tab Content 4</h3>
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
</div>
</div>
<!-- TAB CONTROL END -->
<footer>
<div class="container">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
<p>Copyright © All Right Reserved</p>
</div>
</footer>
</main>
<!-- Page content end -->
</div>
</div>
<!--Page loader DOM Elements. Requared all pages-->
<div class="sweet-loader">
<div class="box">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
</div>
</div>
<!-- JQuery library file. requared all pages -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- Template global script file. requared all pages -->
<script src="js/global.script.js"></script>
</body>
</html>