New Text Document

<!
-- Font Awesome -->

<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">

<link rel="stylesheet"
href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

<link rel="stylesheet" href="main/css/adminlte.min.css">

<link href="https://fonts.googleapis.com/css?
family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<div class="card card-warning">

<div class="card-body">
<form role="form">
<div class="row">
<div class="col-sm-6">

<div class="form-group">
<label>Text</label>
<input type="text" class="form-control"
placeholder="Enter ...">
</div>
</div>
</div>
</div>
<div class="row">

<div class="form-group">
<label>Textarea</label>
<textarea class="form-control" rows="3"
placeholder="Enter ..."></textarea>
</div>
</div>


</div>
</div>
tl
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="main/images/plantt.png">
<link rel="icon" type="image/png" href="main/images/plantt.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>
User Profile
</title>
<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no'
name='viewport' />

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?
family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-
awesome/latest/css/font-awesome.min.css">

<link href="main/css/material-dashboard.css?v=2.1.2" rel="stylesheet" />
<link href="main/css/demo.css" rel="stylesheet" />

</head>
<body class="">
<div class="wrapper ">
<div class="sidebar" data-color="green" data-background-color="white" data-
image="../assets/img/sidebar-1.jpg">
<div class="logo"><a href="http://www.creative-tim.com" class="simple-text

logo-normal">
Creative Tim
</a></div>
<div class="sidebar-wrapper">
<ul class="nav">
<li class="nav-item ">
<a class="nav-link" href="./dashboard.html">
<i class="material-icons">dashboard</i>
<p>Dashboard</p>
</a>
</li>
<a class="nav-link" href="./user.html">
<i class="material-icons">person</i>
<p>User Profile</p>
</a>
</li>
<li class="nav-item active ">
<a class="nav-link" href="./tables.html">
<i class="material-icons">content_paste</i>
<p>Table List</p>
</a>
</li>
<a class="nav-link" href="./typography.html">
<i class="material-icons">library_books</i>
<p>Typography</p>
</a>
</li>
<a class="nav-link" href="./icons.html">
<i class="material-icons">bubble_chart</i>
<p>Icons</p>
</a>
</li>
<a class="nav-link" href="./map.html">
<i class="material-icons">location_ons</i>
<p>Maps</p>
</a>
</li>
<a class="nav-link" href="./notifications.html">
<i class="material-icons">notifications</i>
<p>Notifications</p>
</a>
</li>
<a class="nav-link" href="./rtl.html">
<i class="material-icons">language</i>
<p>RTL Support</p>
</a>
</li>
<li class="nav-item active-pro ">
<a class="nav-link" href="./upgrade.html">
<i class="material-icons">unarchive</i>
<p>Upgrade to PRO</p>
</a>
</li>
</ul>
</div>
</div>
<div class="main-panel">

<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-
top ">
<div class="container-fluid">
<div class="navbar-wrapper">
<a class="navbar-brand" href="javascript:;">Table List</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" aria-
controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="sr-only">Toggle navigation</span>
<span class="navbar-toggler-icon icon-bar"></span>
</button>
<div class="collapse navbar-collapse justify-content-end">
<form class="navbar-form">
<div class="input-group no-border">
<input type="text" value="" class="form-control"
placeholder="Search...">
<button type="submit" class="btn btn-white btn-round btn-just-
icon">
<i class="material-icons">search</i>
<div class="ripple-container"></div>
</button>
</div>
</form>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="javascript:;">
<i class="material-icons">dashboard</i>
<p class="d-lg-none d-md-block">
Stats
</p>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="http://example.com"
id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<i class="material-icons">notifications</i>
<span class="notification">5</span>
Some Actions
</p>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-
labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Mike John responded to your
email</a>
<a class="dropdown-item" href="#">You have 5 new tasks</a>
<a class="dropdown-item" href="#">You're now friend with
Andrew</a>
<a class="dropdown-item" href="#">Another Notification</a>
<a class="dropdown-item" href="#">Another One</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="javascript:;" id="navbarDropdownProfile"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">person</i>
Account
</p>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-
labelledby="navbarDropdownProfile">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Settings</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Log out</a>
</div>
</li>
</ul>
</div>
</div>
</nav>

<div class="content">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header card-header-primary">
<h4 class="card-title ">Simple Table</h4>
<p class="card-category"> Here is a subtitle for this table</p>
</div>
<div class="table-responsive">
<table class="table">
<thead class=" text-primary">
<th>
ID
</th>
<th>
Name
</th>
<th>
Country
</th>
<th>
City
</th>
<th>
Salary
</th>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
Dakota Rice
</td>
<td>
Niger
</td>
<td>
Oud-Turnhout
</td>
<td class="text-primary">
$36,738
</td>
</tr>
<tr>
<td>
2
</td>
<td>
Minerva Hooper
</td>
<td>
Curaçao
</td>
<td>
Sinaai-Waas
</td>
$23,789
</td>
</tr>
<tr>
<td>
3
</td>
<td>
Sage Rodriguez
</td>
<td>
Netherlands
</td>
<td>
Baileux
</td>
$56,142
</td>
</tr>
<tr>
<td>
4
</td>
<td>
Philip Chaney
</td>
<td>
Korea, South
</td>
<td>
Overland Park
</td>
$38,735
</td>
</tr>
<tr>
<td>
5
</td>
<td>
Doris Greene
</td>
<td>
Malawi
</td>
<td>
Feldkirchen in Kärnten
</td>
$63,542
</td>
</tr>
<tr>
<td>
6
</td>
<td>
Mason Porter
</td>
<td>
Chile
</td>
<td>
Gloucester
</td>
$78,615
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="card card-plain">
<div class="card-header card-header-primary">
<h4 class="card-title mt-0"> Table on Plain Background</h4>
<p class="card-category"> Here is a subtitle for this table</p>
</div>
<div class="table-responsive">
<table class="table table-hover">
<thead class="">
<th>
ID
</th>
<th>
Name
</th>
<th>
Country
</th>
<th>
City
</th>
<th>
Salary
</th>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
Dakota Rice
</td>
<td>
Niger
</td>
<td>
Oud-Turnhout
</td>
<td>
$36,738
</td>
</tr>
<tr>
<td>
2
</td>
<td>
Minerva Hooper
</td>
<td>
Curaçao
</td>
<td>
Sinaai-Waas
</td>
<td>
$23,789
</td>
</tr>
<tr>
<td>
3
</td>
<td>
Sage Rodriguez
</td>
<td>
Netherlands
</td>
<td>
Baileux
</td>
<td>
$56,142
</td>
</tr>
<tr>
<td>
4
</td>
<td>
Philip Chaney
</td>
<td>
Korea, South
</td>
<td>
Overland Park
</td>
<td>
$38,735
</td>
</tr>
<tr>
<td>
5
</td>
<td>
Doris Greene
</td>
<td>
Malawi
</td>
<td>
Feldkirchen in Kärnten
</td>
<td>
$63,542
</td>
</tr>
<tr>
<td>
6
</td>
<td>
Mason Porter
</td>
<td>
Chile
</td>
<td>
Gloucester
</td>
<td>
$78,615
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<nav class="float-left">
<ul>
<li>
<a href="https://www.creative-tim.com">
Creative Tim
</a>
</li>
<li>
<a href="https://creative-tim.com/presentation">
About Us
</a>
</li>
<li>
<a href="http://blog.creative-tim.com">
Blog
</a>
</li>
<li>
<a href="https://www.creative-tim.com/license">
Licenses
</a>
</li>
</ul>
</nav>
<div class="copyright float-right">
©
<script>
document.write(new Date().getFullYear())
</script>, made with <i class="material-icons">favorite</i> by
<a href="https://www.creative-tim.com" target="_blank">Creative Tim</a>
for a better web.
</div>
</div>
</footer>
</div>
</div>
<div class="fixed-plugin">
<div class="dropdown show-dropdown">
<a href="#" data-toggle="dropdown">
<i class="fa fa-cog fa-2x"> </i>
</a>
<ul class="dropdown-menu">
<li class="header-title"> Sidebar Filters</li>
<li class="adjustments-line">
<a href="javascript:void(0)" class="switch-trigger active-color">
<div class="badge-colors ml-auto mr-auto">
<span class="badge filter badge-purple" data-color="purple"></span>
<span class="badge filter badge-azure" data-color="azure"></span>
<span class="badge filter badge-green" data-color="green"></span>
<span class="badge filter badge-warning" data-color="orange"></span>
<span class="badge filter badge-danger" data-color="danger"></span>
<span class="badge filter badge-rose active" data-
color="rose"></span>
</div>
<div class="clearfix"></div>
</a>
</li>
<li class="header-title">Images</li>
<li class="active">
<a class="img-holder switch-trigger" href="javascript:void(0)">
<img src="../assets/img/sidebar-1.jpg" alt="">
</a>
</li>
<li>
</a>
</li>
<li>
</a>
</li>
<li>
</a>
</li>
<li class="button-container">
<a href="https://www.creative-tim.com/product/material-dashboard"
target="_blank" class="btn btn-primary btn-block">Free Download</a>
</li>

<a href="https://demos.creative-tim.com/material-
dashboard/docs/2.1/getting-started/introduction.html" target="_blank" class="btn
btn-default btn-block">
View Documentation
</a>
</li>
<li class="button-container github-star">
<a class="github-button"
href="https://github.com/creativetimofficial/material-dashboard" data-
icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star
ntkme/github-buttons on GitHub">Star</a>
</li>
<li class="header-title">Thank you for 95 shares!</li>
<li class="button-container text-center">
<button id="twitter" class="btn btn-round btn-twitter"><i class="fa fa-
twitter"></i> · 45</button>
<button id="facebook" class="btn btn-round btn-facebook"><i class="fa fa-
facebook-f"></i> · 50</button>
<br>
<br>
</li>
</ul>
</div>
</div>

<script src="../assets/js/core/jquery.min.js"></script>
<script src="../assets/js/core/popper.min.js"></script>
<script src="../assets/js/core/bootstrap-material-design.min.js"></script>
<script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>

<script src="../assets/js/plugins/moment.min.js"></script>

<script src="../assets/js/plugins/sweetalert2.js"></script>

<script src="../assets/js/plugins/jquery.validate.min.js"></script>

<script src="../assets/js/plugins/jquery.bootstrap-wizard.js"></script>

<script src="../assets/js/plugins/bootstrap-selectpicker.js"></script>

<script src="../assets/js/plugins/bootstrap-datetimepicker.min.js"></script>

<script src="../assets/js/plugins/jquery.dataTables.min.js"></script>

<script src="../assets/js/plugins/bootstrap-tagsinput.js"></script>

<script src="../assets/js/plugins/jasny-bootstrap.min.js"></script>

<script src="../assets/js/plugins/fullcalendar.min.js"></script>

<script src="../assets/js/plugins/jquery-jvectormap.js"></script>

<script src="../assets/js/plugins/nouislider.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/core-
js/2.4.1/core.js"></script>

<script src="../assets/js/plugins/arrive.min.js"></script>

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>

<script src="../assets/js/plugins/chartist.min.js"></script>

<script src="../assets/js/plugins/bootstrap-notify.js"></script>

<script src="../assets/js/material-dashboard.js?v=2.1.2"
type="text/javascript"></script>

<script src="../assets/demo/demo.js"></script>
<script>
$(document).ready(function() {
$().ready(function() {
$sidebar = $('.sidebar');
$sidebar_img_container = $sidebar.find('.sidebar-background');
$full_page = $('.full-page');
$sidebar_responsive = $('body > .navbar-collapse');
window_width = $(window).width();
fixed_plugin_open = $('.sidebar .sidebar-wrapper .nav li.active a

p').html();
if (window_width > 767 && fixed_plugin_open == 'Dashboard') {

if ($('.fixed-plugin .dropdown').hasClass('show-dropdown')) {
$('.fixed-plugin .dropdown').addClass('open');
}
$('.fixed-plugin a').click(function(event) {
// Alex if we click on switch, stop propagation of the event, so the
dropdown will not be hide, otherwise we set the section active
if ($(this).hasClass('switch-trigger')) {
if (event.stopPropagation) {
event.stopPropagation();
} else if (window.event) {
window.event.cancelBubble = true;
}
}
});
$('.fixed-plugin .active-color span').click(function() {

$full_page_background = $('.full-page-background');
$(this).siblings().removeClass('active');
$(this).addClass('active');
var new_color = $(this).data('color');

if ($sidebar.length != 0) {
$sidebar.attr('data-color', new_color);
}
if ($full_page.length != 0) {
$full_page.attr('filter-color', new_color);
}
if ($sidebar_responsive.length != 0) {
$sidebar_responsive.attr('data-color', new_color);
}
});
$('.fixed-plugin .background-color .badge').click(function() {

$(this).siblings().removeClass('active');
$(this).addClass('active');
var new_color = $(this).data('background-color');
if ($sidebar.length != 0) {
$sidebar.attr('data-background-color', new_color);
}
});
$('.fixed-plugin .img-holder').click(function() {
$(this).parent('li').siblings().removeClass('active');
$(this).parent('li').addClass('active');
var new_image = $(this).find("img").attr('src');
if ($sidebar_img_container.length != 0 && $('.switch-sidebar-image

input:checked').length != 0) {
$sidebar_img_container.fadeOut('fast', function() {
$sidebar_img_container.css('background-image', 'url("' + new_image +
'")');
$sidebar_img_container.fadeIn('fast');
});
}
if ($full_page_background.length != 0 && $('.switch-sidebar-image

input:checked').length != 0) {
var new_image_full_page = $('.fixed-plugin li.active .img-
holder').find('img').data('src');
$full_page_background.fadeOut('fast', function() {
$full_page_background.css('background-image', 'url("' +
new_image_full_page + '")');
$full_page_background.fadeIn('fast');
});
}
if ($('.switch-sidebar-image input:checked').length == 0) {
var new_image = $('.fixed-plugin li.active .img-
holder').find("img").attr('src');
var new_image_full_page = $('.fixed-plugin li.active .img-
holder').find('img').data('src');
$sidebar_img_container.css('background-image', 'url("' + new_image +
'")');
$full_page_background.css('background-image', 'url("' +
new_image_full_page + '")');
}
if ($sidebar_responsive.length != 0) {
$sidebar_responsive.css('background-image', 'url("' + new_image +
'")');
}
});
$('.switch-sidebar-image input').change(function() {
$input = $(this);
if ($input.is(':checked')) {
if ($sidebar_img_container.length != 0) {
$sidebar_img_container.fadeIn('fast');
$sidebar.attr('data-image', '#');
}
if ($full_page_background.length != 0) {
$full_page_background.fadeIn('fast');
$full_page.attr('data-image', '#');
}
background_image = true;
} else {
if ($sidebar_img_container.length != 0) {
$sidebar.removeAttr('data-image');
$sidebar_img_container.fadeOut('fast');
}
if ($full_page_background.length != 0) {
$full_page.removeAttr('data-image', '#');
$full_page_background.fadeOut('fast');
}
background_image = false;
}
});
$('.switch-sidebar-mini input').change(function() {
$body = $('body');
$input = $(this);
if (md.misc.sidebar_mini_active == true) {
$('body').removeClass('sidebar-mini');
md.misc.sidebar_mini_active = false;
$('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar();
} else {
$('.sidebar .sidebar-wrapper, .main-

panel').perfectScrollbar('destroy');
setTimeout(function() {
$('body').addClass('sidebar-mini');
md.misc.sidebar_mini_active = true;
}, 300);
}
// we simulate the window Resize so the charts will get updated in

realtime.
var simulateWindowResize = setInterval(function() {
window.dispatchEvent(new Event('resize'));
}, 180);
// we stop the simulation of Window Resize after the animations are

completed
setTimeout(function() {
clearInterval(simulateWindowResize);
}, 1000);
});
});
});
</script>
</body>
</html>
<ImageView
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_marginTop="40dp"
android:src="@drawable/testlogo"
android:layout_marginLeft="120dp"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/font"
android:text="IPT Mobile"
android:textColor="@color/colorPrimaryDark"
android:textSize="15sp" />
<TextView
android:text="For IT Professionals"
android:textColor="@color/colorPrimary"
android:textSize="13sp"
android:fontFamily="@font/font"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_marginBottom="20dp"
android:orientation="vertical">
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/id_username"
android:hint="E Mail"
android:padding="5dp">
<com.google.android.material.textfield.TextInputEditText
android:inputType="text"
android:drawableStart="@drawable/ic_mail_black_24dp"
/>
</com.google.android.material.textfield.TextInputLayout>
android:id="@+id/id_password"
app:passwordToggleEnabled="true"
app:startIconDrawable="@drawable/ic_lock_black_24dp"
android:padding="5dp"
android:hint="Password">
android:inputType="textPassword"/>
<com.google.android.material.button.MaterialButton
android:backgroundTint="@color/colorPrimary"
app:cornerRadius="8dp"
style="@style/Widget.MaterialComponents.Button"
android:id="@+id/btn_login"
android:minWidth="200dp"
android:text="LOGIN">
</com.google.android.material.button.MaterialButton>
<Button
android:id="@+id/nav_reg"
app:backgroundTint="tp"
android:text="NEW USER? REGISTER HERE "/>
</LinearLayout>
////login
<ImageView
android:src="@drawable/testlogo"
/>
<TextView
<TextView
<LinearLayout
android:layout_marginBottom="20dp"
android:orientation="vertical">
android:id="@+id/id_username"
android:hint="E Mail"
>
android:drawableStart="@drawable/ic_mail_black_24dp"
android:inputType="text"
android:drawableLeft="@drawable/ic_mail_black_24dp"
/>
android:id="@+id/id_password"
app:passwordToggleEnabled="true"
app:startIconDrawable="@drawable/ic_lock_black_24dp"
android:hint="Password">
android:inputType="textPassword"/>
<LinearLayout
android:orientation="horizontal">
<CheckBox
android:id="@+id/remember"
android:text="REMEMBER ME"
android:textColor="@color/colorPrimaryDark"/>
<TextView
android:id="@+id/forgot_pw"
android:text="FORGOT PASSWORD "
/>
</LinearLayout>
<com.google.android.material.button.MaterialButton
android:backgroundTint="@color/colorPrimary"
app:cornerRadius="8dp"
style="@style/Widget.MaterialComponents.Button"
android:id="@+id/btn_login"
android:minWidth="200dp"
android:text="LOGIN">
</com.google.android.material.button.MaterialButton>
<Button
android:id="@+id/nav_reg"
app:backgroundTint="tp"
android:text="NEW USER? REGISTER HERE "/>
</LinearLayout>
///splash
<androidx.cardview.widget.CardView
android:layout_height="match_parent"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true">
<RelativeLayout
android:layout_height="wrap_content">
<ImageView
android:id="@+id/logo"
android:src="@drawable/testlogo" />
<TextView
<TextView
</RelativeLayout>
</androidx.cardview.widget.CardView>

New Text Document

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

New Text Document

Uploaded by

Copyright:

Available Formats

<!

-- Font Awesome -->

<div class="card card-warning">

<link href="main/css/demo.css" rel="stylesheet" />

<div class="logo"><a href="http://www.creative-tim.com" class="simple-text

$sidebar_responsive = $('body > .navbar-collapse');

fixed_plugin_open = $('.sidebar .sidebar-wrapper .nav li.active a

if (window_width > 767 && fixed_plugin_open == 'Dashboard') {

$('.fixed-plugin .active-color span').click(function() {

var new_color = $(this).data('color');

$('.fixed-plugin .background-color .badge').click(function() {

var new_color = $(this).data('background-color');

var new_image = $(this).find("img").attr('src');

if ($sidebar_img_container.length != 0 && $('.switch-sidebar-image

if ($full_page_background.length != 0 && $('.switch-sidebar-image

$('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar();

$('.sidebar .sidebar-wrapper, .main-

// we simulate the window Resize so the charts will get updated in

// we stop the simulation of Window Resize after the animations are

You might also like