705 lines
45 KiB
Plaintext
705 lines
45 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>@ViewBag.Title - English Vocalbulary</title>
|
|
@Scripts.Render("~/bundles/modernizr")
|
|
<!-- Required Meta Tags Always Come First -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="/favicon.ico">
|
|
<!-- Google Fonts -->
|
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans%3A400%2C300%2C500%2C600%2C700%7CPlayfair+Display%7CRoboto%7CRaleway%7CSpectral%7CRubik">
|
|
<!-- CSS Global Compulsory -->
|
|
|
|
@Styles.Render("~/Content/bootstrap")
|
|
@Styles.Render("~/Content/DashboardCss")
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
@Scripts.Render("~/bundles/jquery")
|
|
<!-- Header -->
|
|
<header id="js-header" class="u-header u-header--sticky-top">
|
|
<div class="u-header__section u-header__section--admin-dark g-min-height-65">
|
|
<nav class="navbar no-gutters g-pa-0">
|
|
<div class="col-auto d-flex flex-nowrap u-header-logo-toggler g-py-12">
|
|
<!-- Logo -->
|
|
<a href="#" class="align-self-center d-flex g-hidden-xs-down g-line-height-1 g-ml-40 g-mt-5 navbar-brand py-0">
|
|
<img src="/Images/logo-light.png" class="g-height-50 img-fluid">
|
|
|
|
</a>
|
|
<!-- End Logo -->
|
|
<!-- Sidebar Toggler -->
|
|
<a class="js-side-nav u-header__nav-toggler d-flex align-self-center ml-auto" href="#!" data-hssm-class="u-side-nav--mini u-sidebar-navigation-v1--mini" data-hssm-body-class="u-side-nav-mini" data-hssm-is-close-all-except-this="true" data-hssm-target="#sideNav">
|
|
<i class="hs-admin-align-left"></i>
|
|
</a>
|
|
<!-- End Sidebar Toggler -->
|
|
</div>
|
|
<!-- Top Search Bar -->
|
|
<form id="searchMenu" class="u-header--search col-sm g-py-12 g-ml-15--sm g-ml-20--md g-mr-10--sm" aria-labelledby="searchInvoker" action="#!">
|
|
<div class="input-group g-max-width-450">
|
|
<input class="form-control form-control-md g-rounded-4" type="text" placeholder="Enter search keywords">
|
|
<button type="submit" class="btn u-btn-outline-primary g-brd-none g-bg-transparent--hover g-pos-abs g-top-0 g-right-0 d-flex g-width-40 h-100 align-items-center justify-content-center g-font-size-18 g-z-index-2">
|
|
<i class="hs-admin-search"></i>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<!-- End Top Search Bar -->
|
|
<!-- Messages/Notifications/Top Search Bar/Top User -->
|
|
<div class="col-auto d-flex g-py-12 g-pl-40--lg ml-auto">
|
|
<!-- Top Messages -->
|
|
<div class="g-pos-rel g-hidden-sm-down g-mr-5">
|
|
<a class="d-block text-uppercase u-header-icon-v1 g-pos-rel g-width-40 g-height-40 rounded-circle g-font-size-20" href="@Url.Action("Create","Vocabularies")">
|
|
@if (ViewBag.P_Select > 0)
|
|
{
|
|
<span class="u-badge-v1 g-top-7 g-right-7 g-width-18 g-height-18 g-bg-primary g-font-size-10 g-color-white rounded-circle p-0">@ViewBag.P_Select</span>
|
|
}
|
|
<i class="hs-admin-search g-absolute-centered"></i>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="g-pos-rel g-hidden-sm-down g-mr-5">
|
|
<a class="d-block text-uppercase u-header-icon-v1 g-pos-rel g-width-40 g-height-40 rounded-circle g-font-size-20" href="@Url.Action("Memorized","Vocabularies")">
|
|
@if (ViewBag.P_Memorized > 0)
|
|
{
|
|
<span class="u-badge-v1 g-top-7 g-right-7 g-width-18 g-height-18 g-bg-primary g-font-size-10 g-color-white rounded-circle p-0">@ViewBag.P_Memorized</span>
|
|
}
|
|
<i class="hs-admin-book g-absolute-centered"></i>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="g-pos-rel g-hidden-sm-down g-mr-5">
|
|
<a class="d-block text-uppercase u-header-icon-v1 g-pos-rel g-width-40 g-height-40 rounded-circle g-font-size-20" href="@Url.Action("Visualize","Vocabularies")">
|
|
@if (ViewBag.P_Visualize > 0)
|
|
{
|
|
<span class="u-badge-v1 g-top-7 g-right-7 g-width-18 g-height-18 g-bg-primary g-font-size-10 g-color-white rounded-circle p-0">@ViewBag.P_Visualize</span>
|
|
}
|
|
<i class="hs-admin-gallery g-absolute-centered"></i>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="g-pos-rel g-hidden-sm-down g-mr-5">
|
|
<a class="d-block text-uppercase u-header-icon-v1 g-pos-rel g-width-40 g-height-40 rounded-circle g-font-size-20" href="@Url.Action("Apply","Vocabularies")">
|
|
@if (ViewBag.P_Apply > 0)
|
|
{
|
|
<span class="u-badge-v1 g-top-7 g-right-7 g-width-18 g-height-18 g-bg-primary g-font-size-10 g-color-white rounded-circle p-0">@ViewBag.P_Apply</span>
|
|
}
|
|
<i class="hs-admin-comment-alt g-absolute-centered"></i>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="g-pos-rel g-hidden-sm-down g-mr-5">
|
|
<a class="d-block text-uppercase u-header-icon-v1 g-pos-rel g-width-40 g-height-40 rounded-circle g-font-size-20" href="@Url.Action("Review","Vocabularies")">
|
|
@if (ViewBag.P_Review > 0)
|
|
{
|
|
<span class="u-badge-v1 g-top-7 g-right-7 g-width-18 g-height-18 g-bg-primary g-font-size-10 g-color-white rounded-circle p-0">@ViewBag.P_Review</span>
|
|
}
|
|
<i class="hs-admin-loop g-absolute-centered"></i>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="g-pos-rel g-hidden-sm-down g-mr-5">
|
|
<a class="d-block text-uppercase u-header-icon-v1 g-pos-rel g-width-40 g-height-40 rounded-circle g-font-size-20" href="@Url.Action("FlashCard","Vocabularies")">
|
|
@if (ViewBag.P_Review > 0)
|
|
{
|
|
<span class="u-badge-v1 g-top-7 g-right-7 g-width-18 g-height-18 g-bg-primary g-font-size-10 g-color-white rounded-circle p-0">@ViewBag.P_Review</span>
|
|
}
|
|
<i class="hs-admin-loop g-absolute-centered"></i>
|
|
</a>
|
|
|
|
</div>
|
|
<!-- End Top Messages -->
|
|
|
|
</div>
|
|
<!-- End Messages/Notifications/Top Search Bar/Top User -->
|
|
<!-- Top Activity Toggler -->
|
|
<a id="activityInvoker" class="text-uppercase u-header-icon-v1 g-pos-rel g-width-40 g-height-40 rounded-circle g-font-size-20" href="#!" aria-controls="activityMenu" aria-haspopup="true" aria-expanded="false" data-dropdown-event="click" data-dropdown-target="#activityMenu"
|
|
data-dropdown-type="css-animation" data-dropdown-animation-in="fadeInRight" data-dropdown-animation-out="fadeOutRight" data-dropdown-duration="300">
|
|
<i class="hs-admin-align-right g-absolute-centered"></i>
|
|
</a>
|
|
<!-- End Top Activity Toggler -->
|
|
</nav>
|
|
<!-- Top Activity Panel -->
|
|
<div id="activityMenu" class="js-custom-scroll u-header-sidebar g-pos-fix g-top-0 g-left-auto g-right-0 g-z-index-4 g-width-300 g-width-400--sm g-height-100vh" aria-labelledby="activityInvoker">
|
|
<div class="u-header-dropdown-bordered-v1 g-pa-20">
|
|
<a id="activityInvokerClose" class="pull-right g-color-lightblue-v2" href="#!" aria-controls="activityMenu" aria-haspopup="true" aria-expanded="false" data-dropdown-event="click" data-dropdown-target="#activityMenu" data-dropdown-type="css-animation"
|
|
data-dropdown-animation-in="fadeInRight" data-dropdown-animation-out="fadeOutRight" data-dropdown-duration="300">
|
|
<i class="hs-admin-close"></i>
|
|
</a>
|
|
<h4 class="text-uppercase g-font-size-default g-letter-spacing-0_5 g-mr-20 g-mb-0">Activity</h4>
|
|
</div>
|
|
<!-- Activity Short Stat. -->
|
|
<section class="g-pa-20">
|
|
<div class="media align-items-center u-link-v5 g-color-white">
|
|
<div class="media-body align-self-center g-line-height-1_3 g-font-weight-300 g-font-size-40">
|
|
624 <span class="g-font-size-16">+3%</span>
|
|
</div>
|
|
<div class="d-flex align-self-center g-font-size-25 g-line-height-1 g-color-lightblue-v3 ml-auto">$49,000</div>
|
|
<div class="d-flex align-self-center g-ml-8">
|
|
<svg class="g-fill-white-opacity-0_5" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g transform="translate(-21.000000, -751.000000)">
|
|
<g transform="translate(0.000000, 64.000000)">
|
|
<g transform="translate(20.000000, 619.000000)">
|
|
<g transform="translate(1.000000, 68.000000)">
|
|
<polygon points="6 20 0 13.9709049 0.576828937 13.3911999 5.59205874 18.430615 5.59205874 0 6.40794126 0 6.40794126 18.430615 11.4223552 13.3911999 12 13.9709049"></polygon>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg class="g-fill-lightblue-v3" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g transform="translate(-33.000000, -751.000000)">
|
|
<g transform="translate(0.000000, 64.000000)">
|
|
<g transform="translate(20.000000, 619.000000)">
|
|
<g transform="translate(1.000000, 68.000000)">
|
|
<polygon transform="translate(18.000000, 10.000000) scale(1, -1) translate(-18.000000, -10.000000)" points="18 20 12 13.9709049 12.5768289 13.3911999 17.5920587 18.430615 17.5920587 0 18.4079413 0 18.4079413 18.430615 23.4223552 13.3911999 24 13.9709049"></polygon>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<span class="g-font-size-16">Transactions</span>
|
|
</section>
|
|
<!-- End Activity Short Stat. -->
|
|
<!-- Activity Bars -->
|
|
<section class="g-pa-20 g-mb-10">
|
|
<!-- Advertising Income -->
|
|
<div class="g-mb-30">
|
|
<div class="media u-link-v5 g-color-white g-mb-10">
|
|
<span class="media-body align-self-center">Advertising Income</span>
|
|
<span class="d-flex align-self-center">
|
|
<svg class="g-fill-white-opacity-0_5" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g transform="translate(-21.000000, -751.000000)">
|
|
<g transform="translate(0.000000, 64.000000)">
|
|
<g transform="translate(20.000000, 619.000000)">
|
|
<g transform="translate(1.000000, 68.000000)">
|
|
<polygon points="6 20 0 13.9709049 0.576828937 13.3911999 5.59205874 18.430615 5.59205874 0 6.40794126 0 6.40794126 18.430615 11.4223552 13.3911999 12 13.9709049"></polygon>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg class="g-fill-lightblue-v3" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g transform="translate(-33.000000, -751.000000)">
|
|
<g transform="translate(0.000000, 64.000000)">
|
|
<g transform="translate(20.000000, 619.000000)">
|
|
<g transform="translate(1.000000, 68.000000)">
|
|
<polygon transform="translate(18.000000, 10.000000) scale(1, -1) translate(-18.000000, -10.000000)" points="18 20 12 13.9709049 12.5768289 13.3911999 17.5920587 18.430615 17.5920587 0 18.4079413 0 18.4079413 18.430615 23.4223552 13.3911999 24 13.9709049"></polygon>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="progress g-height-4 g-bg-gray-light-v8 g-rounded-2">
|
|
<div class="progress-bar g-bg-teal-v2 g-rounded-2" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<!-- End Advertising Income -->
|
|
<!-- Projects Income -->
|
|
<div class="g-mb-30">
|
|
<div class="media u-link-v5 g-color-white g-mb-10">
|
|
<span class="media-body align-self-center">Projects Income</span>
|
|
<span class="d-flex align-self-center">
|
|
<svg class="g-fill-red" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g transform="translate(-21.000000, -751.000000)">
|
|
<g transform="translate(0.000000, 64.000000)">
|
|
<g transform="translate(20.000000, 619.000000)">
|
|
<g transform="translate(1.000000, 68.000000)">
|
|
<polygon points="6 20 0 13.9709049 0.576828937 13.3911999 5.59205874 18.430615 5.59205874 0 6.40794126 0 6.40794126 18.430615 11.4223552 13.3911999 12 13.9709049"></polygon>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg class="g-fill-white-opacity-0_5" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g transform="translate(-33.000000, -751.000000)">
|
|
<g transform="translate(0.000000, 64.000000)">
|
|
<g transform="translate(20.000000, 619.000000)">
|
|
<g transform="translate(1.000000, 68.000000)">
|
|
<polygon transform="translate(18.000000, 10.000000) scale(1, -1) translate(-18.000000, -10.000000)" points="18 20 12 13.9709049 12.5768289 13.3911999 17.5920587 18.430615 17.5920587 0 18.4079413 0 18.4079413 18.430615 23.4223552 13.3911999 24 13.9709049"></polygon>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="progress g-height-4 g-bg-gray-light-v8 g-rounded-2">
|
|
<div class="progress-bar g-bg-lightblue-v4 g-rounded-2" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<!-- End Projects Income -->
|
|
<!-- Template Sales -->
|
|
<div>
|
|
<div class="media u-link-v5 g-color-white g-mb-10">
|
|
<span class="media-body align-self-center">Template Sales</span>
|
|
<span class="d-flex align-self-center">
|
|
<svg class="g-fill-white-opacity-0_5" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g transform="translate(-21.000000, -751.000000)">
|
|
<g transform="translate(0.000000, 64.000000)">
|
|
<g transform="translate(20.000000, 619.000000)">
|
|
<g transform="translate(1.000000, 68.000000)">
|
|
<polygon points="6 20 0 13.9709049 0.576828937 13.3911999 5.59205874 18.430615 5.59205874 0 6.40794126 0 6.40794126 18.430615 11.4223552 13.3911999 12 13.9709049"></polygon>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
<svg class="g-fill-lightblue-v3" width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g transform="translate(-33.000000, -751.000000)">
|
|
<g transform="translate(0.000000, 64.000000)">
|
|
<g transform="translate(20.000000, 619.000000)">
|
|
<g transform="translate(1.000000, 68.000000)">
|
|
<polygon transform="translate(18.000000, 10.000000) scale(1, -1) translate(-18.000000, -10.000000)" points="18 20 12 13.9709049 12.5768289 13.3911999 17.5920587 18.430615 17.5920587 0 18.4079413 0 18.4079413 18.430615 23.4223552 13.3911999 24 13.9709049"></polygon>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="progress g-height-4 g-bg-gray-light-v8 g-rounded-2">
|
|
<div class="progress-bar g-bg-darkblue-v2 g-rounded-2" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<!-- End Template Sales -->
|
|
</section>
|
|
<!-- End Activity Bars -->
|
|
<!-- Activity Accounts -->
|
|
<section class="g-pa-20">
|
|
<h5 class="text-uppercase g-font-size-default g-letter-spacing-0_5 g-mb-10">My accounts</h5>
|
|
<div class="media u-header-dropdown-bordered-v2 g-py-10">
|
|
<div class="d-flex align-self-center g-mr-12">
|
|
<span class="u-badge-v2--sm g-pos-stc g-transform-origin--top-left g-bg-teal-v2"></span>
|
|
</div>
|
|
<div class="media-body align-self-center">Credit Card</div>
|
|
<div class="d-flex text-right">$12.240</div>
|
|
</div>
|
|
<div class="media u-header-dropdown-bordered-v2 g-py-10">
|
|
<div class="d-flex align-self-center g-mr-12">
|
|
<span class="u-badge-v2--sm g-pos-stc g-transform-origin--top-left g-bg-lightblue-v4"></span>
|
|
</div>
|
|
<div class="media-body align-self-center">Debit Card</div>
|
|
<div class="d-flex text-right">$228.110</div>
|
|
</div>
|
|
<div class="media g-py-10">
|
|
<div class="d-flex align-self-center g-mr-12">
|
|
<span class="u-badge-v2--sm g-pos-stc g-transform-origin--top-left g-bg-darkblue-v2"></span>
|
|
</div>
|
|
<div class="media-body align-self-center">Savings Account</div>
|
|
<div class="d-flex text-right">$128.248.000</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Activity Accounts -->
|
|
<!-- Activity Transactions -->
|
|
<section class="g-pa-20">
|
|
<h5 class="text-uppercase g-font-size-default g-letter-spacing-0_5 g-mb-10">Transactions</h5>
|
|
<!-- Transaction Item -->
|
|
<div class="u-header-dropdown-bordered-v2 g-py-20">
|
|
<div class="media g-pos-rel">
|
|
<div class="d-flex align-self-start g-pt-3 g-mr-12">
|
|
<i class="hs-admin-plus g-color-lightblue-v4"></i>
|
|
</div>
|
|
<div class="media-body align-self-start">
|
|
<strong class="d-block g-font-size-17 g-font-weight-400 g-line-height-1">$240.00</strong>
|
|
<p class="mb-0 g-mt-5">Addiction When Gambling Becomes</p>
|
|
</div>
|
|
<em class="d-flex align-items-center g-pos-abs g-top-0 g-right-0 g-font-style-normal g-color-lightblue-v2">
|
|
<i class="hs-admin-time icon-clock g-font-size-default g-mr-8"></i> <small>5 Min ago</small>
|
|
</em>
|
|
</div>
|
|
</div>
|
|
<!-- End Transaction Item -->
|
|
<!-- Transaction Item -->
|
|
<div class="u-header-dropdown-bordered-v2 g-py-20">
|
|
<div class="media g-pos-rel">
|
|
<div class="d-flex align-self-start g-pt-3 g-mr-12">
|
|
<i class="hs-admin-minus g-color-red"></i>
|
|
</div>
|
|
<div class="media-body align-self-start">
|
|
<strong class="d-block g-font-size-17 g-font-weight-400 g-line-height-1">$126.00</strong>
|
|
<p class="mb-0 g-mt-5">Make Myspace Your</p>
|
|
</div>
|
|
<em class="d-flex align-items-center g-pos-abs g-top-0 g-right-0 g-font-style-normal g-color-lightblue-v2">
|
|
<i class="hs-admin-time icon-clock g-font-size-default g-mr-8"></i> <small>25 Nov 2017</small>
|
|
</em>
|
|
</div>
|
|
</div>
|
|
<!-- End Transaction Item -->
|
|
<!-- Transaction Item -->
|
|
<div class="u-header-dropdown-bordered-v2 g-py-20">
|
|
<div class="media g-pos-rel">
|
|
<div class="d-flex align-self-start g-pt-3 g-mr-12">
|
|
<i class="hs-admin-plus g-color-lightblue-v4"></i>
|
|
</div>
|
|
<div class="media-body align-self-start">
|
|
<strong class="d-block g-font-size-17 g-font-weight-400 g-line-height-1">$560.00</strong>
|
|
<p class="mb-0 g-mt-5">Writing A Good Headline</p>
|
|
</div>
|
|
<em class="d-flex align-items-center g-pos-abs g-top-0 g-right-0 g-font-style-normal g-color-lightblue-v2">
|
|
<i class="hs-admin-time icon-clock g-font-size-default g-mr-8"></i> <small>22 Nov 2017</small>
|
|
</em>
|
|
</div>
|
|
</div>
|
|
<!-- End Transaction Item -->
|
|
<!-- Transaction Item -->
|
|
<div class="u-header-dropdown-bordered-v2 g-py-20">
|
|
<div class="media g-pos-rel">
|
|
<div class="d-flex align-self-start g-pt-3 g-mr-12">
|
|
<i class="hs-admin-plus g-color-lightblue-v4"></i>
|
|
</div>
|
|
<div class="media-body align-self-start">
|
|
<strong class="d-block g-font-size-17 g-font-weight-400 g-line-height-1">$6.00</strong>
|
|
<p class="mb-0 g-mt-5">Buying Used Electronic Equipment</p>
|
|
</div>
|
|
<em class="d-flex align-items-center g-pos-abs g-top-0 g-right-0 g-font-style-normal g-color-lightblue-v2">
|
|
<i class="hs-admin-time icon-clock g-font-size-default g-mr-8"></i> <small>13 Oct 2017</small>
|
|
</em>
|
|
</div>
|
|
</div>
|
|
<!-- End Transaction Item -->
|
|
<!-- Transaction Item -->
|
|
<div class="u-header-dropdown-bordered-v2 g-py-20">
|
|
<div class="media g-pos-rel">
|
|
<div class="d-flex align-self-start g-pt-3 g-mr-12">
|
|
<i class="hs-admin-plus g-color-lightblue-v4"></i>
|
|
</div>
|
|
<div class="media-body align-self-start">
|
|
<strong class="d-block g-font-size-17 g-font-weight-400 g-line-height-1">$320.00</strong>
|
|
<p class="mb-0 g-mt-5">Gambling Becomes A Problem</p>
|
|
</div>
|
|
<em class="d-flex align-items-center g-pos-abs g-top-0 g-right-0 g-font-style-normal g-color-lightblue-v2">
|
|
<i class="hs-admin-time icon-clock g-font-size-default g-mr-8"></i> <small>27 Jul 2017</small>
|
|
</em>
|
|
</div>
|
|
</div>
|
|
<!-- End Transaction Item -->
|
|
<!-- Transaction Item -->
|
|
<div class="u-header-dropdown-bordered-v2 g-py-20">
|
|
<div class="media g-pos-rel">
|
|
<div class="d-flex align-self-start g-pt-3 g-mr-12">
|
|
<i class="hs-admin-minus g-color-red"></i>
|
|
</div>
|
|
<div class="media-body align-self-start">
|
|
<strong class="d-block g-font-size-17 g-font-weight-400 g-line-height-1">$28.00</strong>
|
|
<p class="mb-0 g-mt-5">Baby Monitor Technology</p>
|
|
</div>
|
|
<em class="d-flex align-items-center g-pos-abs g-top-0 g-right-0 g-font-style-normal g-color-lightblue-v2">
|
|
<i class="hs-admin-time icon-clock g-font-size-default g-mr-8"></i> <small>05 Mar 2017</small>
|
|
</em>
|
|
</div>
|
|
</div>
|
|
<!-- End Transaction Item -->
|
|
<!-- Transaction Item -->
|
|
<div class="u-header-dropdown-bordered-v2 g-py-20">
|
|
<div class="media g-pos-rel">
|
|
<div class="d-flex align-self-start g-pt-3 g-mr-12">
|
|
<i class="hs-admin-plus g-color-lightblue-v4"></i>
|
|
</div>
|
|
<div class="media-body align-self-start">
|
|
<strong class="d-block g-font-size-17 g-font-weight-400 g-line-height-1">$490.00</strong>
|
|
<p class="mb-0 g-mt-5">Adwords Keyword Research For Beginners</p>
|
|
</div>
|
|
<em class="d-flex align-items-center g-pos-abs g-top-0 g-right-0 text-uppercase g-font-size-11 g-letter-spacing-0_5 g-font-style-normal g-color-lightblue-v2">
|
|
<i class="hs-admin-time icon-clock g-font-size-default g-mr-8"></i> 09 Feb 2017
|
|
</em>
|
|
</div>
|
|
</div>
|
|
<!-- End Transaction Item -->
|
|
<!-- Transaction Item -->
|
|
<div class="u-header-dropdown-bordered-v2 g-py-20">
|
|
<div class="media g-pos-rel">
|
|
<div class="d-flex align-self-start g-pt-3 g-mr-12">
|
|
<i class="hs-admin-minus g-color-red"></i>
|
|
</div>
|
|
<div class="media-body align-self-start">
|
|
<strong class="d-block g-font-size-17 g-font-weight-400 g-line-height-1">$14.20</strong>
|
|
<p class="mb-0 g-mt-5">A Good Autoresponder</p>
|
|
</div>
|
|
<em class="d-flex align-items-center g-pos-abs g-top-0 g-right-0 text-uppercase g-font-size-11 g-letter-spacing-0_5 g-font-style-normal g-color-lightblue-v2">
|
|
<i class="hs-admin-time icon-clock g-font-size-default g-mr-8"></i> 09 Feb 2017
|
|
</em>
|
|
</div>
|
|
</div>
|
|
<!-- End Transaction Item -->
|
|
</section>
|
|
<!-- End Activity Transactions -->
|
|
</div>
|
|
<!-- End Top Activity Panel -->
|
|
</div>
|
|
</header>
|
|
<!-- End Header -->
|
|
|
|
<main class="container-fluid px-0">
|
|
<div class="row no-gutters g-pos-rel g-overflow-x-hidden">
|
|
<!-- Sidebar Nav -->
|
|
<div id="sideNav" class="col-auto u-sidebar-navigation-v1 u-sidebar-navigation--dark">
|
|
<ul id="sideNavMenu" class="u-sidebar-navigation-v1-menu u-side-nav--top-level-menu g-min-height-100vh mb-0 g-pt-65">
|
|
|
|
<!-- Packages -->
|
|
<li class="u-sidebar-navigation-v1-menu-item u-side-nav--top-level-menu-item has-active">
|
|
<a class="media u-side-nav--top-level-menu-link u-side-nav--hide-on-hidden g-px-15 g-py-12" href="@(Url.Action("Index","NewVisitors"))">
|
|
<span class="d-flex align-self-center g-font-size-18 g-mr-18">
|
|
<i class="hs-admin-medall"></i>
|
|
</span>
|
|
<span class="media-body align-self-center">新朋友</span>
|
|
</a>
|
|
</li>
|
|
<!-- End Packages -->
|
|
|
|
<li class="u-sidebar-navigation-v1-menu-item u-side-nav--top-level-menu-item">
|
|
<a class="media u-side-nav--top-level-menu-link u-side-nav--hide-on-hidden g-px-15 g-py-12" href="#">
|
|
<span class="d-flex align-self-center g-font-size-18 g-mr-18">
|
|
<i class="hs-admin-user"></i>
|
|
</span>
|
|
<span class="media-body align-self-center">教友清單</span>
|
|
</a>
|
|
</li>
|
|
<li class="u-sidebar-navigation-v1-menu-item u-side-nav--top-level-menu-item">
|
|
<a class="media u-side-nav--top-level-menu-link u-side-nav--hide-on-hidden g-px-15 g-py-12" href="#">
|
|
<span class="d-flex align-self-center g-font-size-18 g-mr-18">
|
|
<i class="hs-admin-crown"></i>
|
|
</span>
|
|
<span class="media-body align-self-center">細胞小組管理</span>
|
|
</a>
|
|
</li>
|
|
<li class="u-sidebar-navigation-v1-menu-item u-side-nav--top-level-menu-item">
|
|
<a class="media u-side-nav--top-level-menu-link u-side-nav--hide-on-hidden g-px-15 g-py-12" href="#">
|
|
<span class="d-flex align-self-center g-font-size-18 g-mr-18">
|
|
<i class="hs-admin-announcement"></i>
|
|
</span>
|
|
<span class="media-body align-self-center">最新消息管理</span>
|
|
</a>
|
|
</li>
|
|
<li class="u-sidebar-navigation-v1-menu-item u-side-nav--top-level-menu-item">
|
|
<a class="media u-side-nav--top-level-menu-link u-side-nav--hide-on-hidden g-px-15 g-py-12" href="#">
|
|
<span class="d-flex align-self-center g-font-size-18 g-mr-18">
|
|
<i class="hs-admin-basketball"></i>
|
|
</span>
|
|
<span class="media-body align-self-center">活動管理</span>
|
|
</a>
|
|
</li>
|
|
<li class="u-sidebar-navigation-v1-menu-item u-side-nav--top-level-menu-item">
|
|
<a class="media u-side-nav--top-level-menu-link u-side-nav--hide-on-hidden g-px-15 g-py-12" href="#">
|
|
<span class="d-flex align-self-center g-font-size-18 g-mr-18">
|
|
<i class="hs-admin-blackboard"></i>
|
|
</span>
|
|
<span class="media-body align-self-center">主日信息發布</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End Sidebar Nav -->
|
|
|
|
<div class="col g-ml-45 g-ml-0--lg g-pt-65">
|
|
<div class="g-bg-gray-light-v8 g-pa-20">
|
|
<ul class="u-list-inline g-color-gray-dark-v6">
|
|
|
|
<li class="list-inline-item g-mr-10">
|
|
<a class="u-link-v5 g-color-gray-dark-v6 g-color-lightblue-v3--hover g-valign-middle" href="#">Dashboard</a>
|
|
<i class="hs-admin-angle-right g-font-size-12 g-color-gray-light-v6 g-valign-middle g-ml-10"></i>
|
|
</li>
|
|
@if (!string.IsNullOrEmpty(ViewBag.returnUrl2))
|
|
{
|
|
|
|
<li class="list-inline-item g-mr-10">
|
|
<a class="u-link-v5 g-color-gray-dark-v6 g-color-lightblue-v3--hover g-valign-middle" href="@ViewBag.returnUrl2">@ViewBag.returnUrlTitle2</a>
|
|
<i class="hs-admin-angle-right g-font-size-12 g-color-gray-light-v6 g-valign-middle g-ml-10"></i>
|
|
</li>
|
|
}
|
|
|
|
@if (!string.IsNullOrEmpty(ViewBag.returnUrl))
|
|
{
|
|
|
|
<li class="list-inline-item g-mr-10">
|
|
<a class="u-link-v5 g-color-gray-dark-v6 g-color-lightblue-v3--hover g-valign-middle" href="@ViewBag.returnUrl">@ViewBag.returnUrlTitle</a>
|
|
<i class="hs-admin-angle-right g-font-size-12 g-color-gray-light-v6 g-valign-middle g-ml-10"></i>
|
|
</li>
|
|
}
|
|
|
|
<li class="list-inline-item">
|
|
<span class="g-valign-middle">@ViewBag.Title</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
@*<section class="g-color-white g-bg-gray-dark-v1 g-py-30" style="background-image: url(/images/bg/pattern3.png);">
|
|
<div class="container-fluid">
|
|
<div class="d-sm-flex text-center">
|
|
<div class="align-self-center">
|
|
<h2 class="h3 g-font-weight-300 w-100 g-mb-10 g-mb-0--md">@ViewBag.title</h2>
|
|
</div>
|
|
|
|
@*<div class="align-self-center ml-auto">
|
|
<ul class="u-list-inline">
|
|
<li class="list-inline-item g-mr-5">
|
|
<a class="u-link-v5 g-color-white g-color-primary--hover" href="#!">Home</a>
|
|
<i class="g-color-gray-light-v2 g-ml-5">/</i>
|
|
</li>
|
|
<li class="list-inline-item g-mr-5">
|
|
<a class="u-link-v5 g-color-white g-color-primary--hover" href="#!">Pages</a>
|
|
<i class="g-color-gray-light-v2 g-ml-5">/</i>
|
|
</li>
|
|
<li class="list-inline-item g-color-primary">
|
|
<span>About Us</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>*@
|
|
<div class="g-pt-20 g-overflow-y-auto g-pt-20" style="height: calc(100vh - 225px);">
|
|
|
|
@RenderBody()
|
|
</div>
|
|
<!-- Footer -->
|
|
<footer id="footer" class="u-footer--bottom-sticky g-bg-white g-color-gray-dark-v6 g-brd-top g-brd-gray-light-v7 g-pa-20">
|
|
<div class="row align-items-center">
|
|
<!-- Footer Nav -->
|
|
<div class="col-md-4 g-mb-10 g-mb-0--md">
|
|
<ul class="list-inline text-center text-md-left mb-0">
|
|
<li class="list-inline-item">
|
|
<a class="g-color-gray-dark-v6 g-color-lightblue-v3--hover" href="#!">FAQ</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<span class="g-color-gray-dark-v6">|</span>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="g-color-gray-dark-v6 g-color-lightblue-v3--hover" href="#!">Support</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<span class="g-color-gray-dark-v6">|</span>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="g-color-gray-dark-v6 g-color-lightblue-v3--hover" href="#!">Contact Us</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End Footer Nav -->
|
|
<!-- Footer Socials -->
|
|
<div class="col-md-4 g-mb-10 g-mb-0--md">
|
|
<ul class="list-inline g-font-size-16 text-center mb-0">
|
|
<li class="list-inline-item g-mx-10">
|
|
<a href="#!" class="g-color-facebook g-color-lightblue-v3--hover">
|
|
<i class="fa fa-facebook-square"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-10">
|
|
<a href="#!" class="g-color-google-plus g-color-lightblue-v3--hover">
|
|
<i class="fa fa-google-plus"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-10">
|
|
<a href="#!" class="g-color-black g-color-lightblue-v3--hover">
|
|
<i class="fa fa-github"></i>
|
|
</a>
|
|
</li>
|
|
<li class="list-inline-item g-mx-10">
|
|
<a href="#!" class="g-color-twitter g-color-lightblue-v3--hover">
|
|
<i class="fa fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End Footer Socials -->
|
|
<!-- Footer Copyrights -->
|
|
<div class="col-md-4 text-center text-md-right">
|
|
<small class="d-block g-font-size-default">© 2018 Htmlstream. All Rights Reserved.</small>
|
|
</div>
|
|
<!-- End Footer Copyrights -->
|
|
</div>
|
|
</footer>
|
|
<!-- End Footer -->
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
|
|
|
|
|
|
|
|
@Scripts.Render("~/bundles/jqueryval")
|
|
|
|
@Scripts.Render("~/bundles/common")
|
|
@Scripts.Render("~/bundles/bootstrap")
|
|
@Scripts.Render("~/bundles/Dashboard")
|
|
<!-- JS Plugins Init. -->
|
|
<script>
|
|
$(function (parameters) {
|
|
// initialization of custom select
|
|
$('.js-select').selectpicker();
|
|
|
|
// initialization of hamburger
|
|
$.HSCore.helpers.HSHamburgers.init('.hamburger');
|
|
|
|
// initialization of charts
|
|
$.HSCore.components.HSAreaChart.init('.js-area-chart');
|
|
$.HSCore.components.HSDonutChart.init('.js-donut-chart');
|
|
$.HSCore.components.HSBarChart.init('.js-bar-chart');
|
|
|
|
// initialization of sidebar navigation component
|
|
$.HSCore.components.HSSideNav.init('.js-side-nav', {
|
|
afterOpen: function () {
|
|
setTimeout(function () {
|
|
$.HSCore.components.HSAreaChart.init('.js-area-chart');
|
|
$.HSCore.components.HSDonutChart.init('.js-donut-chart');
|
|
$.HSCore.components.HSBarChart.init('.js-bar-chart');
|
|
}, 400);
|
|
},
|
|
afterClose: function () {
|
|
setTimeout(function () {
|
|
$.HSCore.components.HSAreaChart.init('.js-area-chart');
|
|
$.HSCore.components.HSDonutChart.init('.js-donut-chart');
|
|
$.HSCore.components.HSBarChart.init('.js-bar-chart');
|
|
}, 400);
|
|
}
|
|
});
|
|
|
|
// initialization of range datepicker
|
|
$.HSCore.components.HSRangeDatepicker.init('#rangeDatepicker, #rangeDatepicker2, #rangeDatepicker3');
|
|
|
|
// initialization of datepicker
|
|
$.HSCore.components.HSDatepicker.init('#datepicker', {
|
|
dayNamesMin: [
|
|
'SU',
|
|
'MO',
|
|
'TU',
|
|
'WE',
|
|
'TH',
|
|
'FR',
|
|
'SA'
|
|
]
|
|
});
|
|
|
|
// initialization of HSDropdown component
|
|
$.HSCore.components.HSDropdown.init($('[data-dropdown-target]'), { dropdownHideOnScroll: false });
|
|
|
|
// initialization of custom scrollbar
|
|
$.HSCore.components.HSScrollBar.init($('.js-custom-scroll'));
|
|
|
|
// initialization of popups
|
|
$.HSCore.components.HSPopup.init('.js-fancybox', {
|
|
btnTpl: {
|
|
smallBtn: '<button data-fancybox-close class="btn g-pos-abs g-top-25 g-right-30 g-line-height-1 g-bg-transparent g-font-size-16 g-color-gray-light-v3 g-brd-none p-0" title=""><i class="hs-admin-close"></i></button>'
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
|
|
function Speak(word) {
|
|
var msg = new SpeechSynthesisUtterance(word);
|
|
window.speechSynthesis.speak(msg);
|
|
}
|
|
</script>
|
|
|
|
|
|
@RenderSection("scripts", required: false)
|
|
</body>
|
|
</html> |