data/backup/profile.html

0001 <!DOCTYPE html>
0002 <html dir="ltr" lang="en">
0003
0004 <head>
0005     <meta charset="utf-8">
0006     <meta http-equiv="X-UA-Compatible" content="IE=edge">
0007     <!-- Tell the browser to be responsive to screen width -->
0008    <meta name="viewport" content="width=device-width, initial-scale=1">
0009     <meta name="keywords"
0010         content="wrappixel, admin dashboard, html css dashboard, web dashboard, bootstrap 5 admin, bootstrap 5, css3 dashboard, bootstrap 5 dashboard, Ample lite admin bootstrap 5 dashboard, frontend, responsive bootstrap 5 admin template, Ample admin lite dashboard bootstrap 5 dashboard template">
0011     <meta name="description"
0012         content="Ample Admin Lite is powerful and clean admin dashboard template, inpired from Bootstrap Framework">
0013     <meta name="robots" content="noindex,nofollow">
0014     <title>Ample Admin Lite Template by WrapPixel</title>
0015     <link rel="canonical" href="https://www.wrappixel.com/templates/ample-admin-lite/" />
0016     <!-- Favicon icon -->
0017     <link rel="icon" type="image/png" sizes="16x16" href="plugins/images/favicon.png">
0018     <!-- Custom CSS -->
0019    <link href="css/style.min.css" rel="stylesheet">
0020     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
0021     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
0022     <!--[if lt IE 9]>

0023     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

0024     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

0025 <![endif]-->
0026 </head>
0027
0028 <body>
0029     <!-- ============================================================== -->
0030     <!-- Preloader - style you can find in spinners.css -->
0031     <!-- ============================================================== -->
0032     <div class="preloader">
0033         <div class="lds-ripple">
0034             <div class="lds-pos"></div>
0035             <div class="lds-pos"></div>
0036         </div>
0037     </div>
0038     <!-- ============================================================== -->
0039     <!-- Main wrapper - style you can find in pages.scss -->
0040     <!-- ============================================================== -->
0041     <div id="main-wrapper" data-layout="vertical" data-navbarbg="skin5" data-sidebartype="full"
0042         data-sidebar-position="absolute" data-header-position="absolute" data-boxed-layout="full">
0043         <!-- ============================================================== -->
0044         <!-- Topbar header - style you can find in pages.scss -->
0045         <!-- ============================================================== -->
0046         <header class="topbar" data-navbarbg="skin5">
0047             <nav class="navbar top-navbar navbar-expand-md navbar-dark">
0048                 <div class="navbar-header" data-logobg="skin6">
0049                     <!-- ============================================================== -->
0050                     <!-- Logo -->
0051                     <!-- ============================================================== -->
0052                     <a class="navbar-brand" href="dashboard.html">
0053                         <!-- Logo icon -->
0054                         <b class="logo-icon">
0055                             <!-- Dark Logo icon -->
0056                             <img src="plugins/images/logo-icon.png" alt="homepage" />
0057                         </b>
0058                         <!--End Logo icon -->
0059                         <!-- Logo text -->
0060                         <span class="logo-text">
0061                             <!-- dark Logo text -->
0062                             <img src="plugins/images/logo-text.png" alt="homepage" />
0063                         </span>
0064                     </a>
0065                     <!-- ============================================================== -->
0066                     <!-- End Logo -->
0067                     <!-- ============================================================== -->
0068                     <!-- ============================================================== -->
0069                     <!-- toggle and nav items -->
0070                     <!-- ============================================================== -->
0071                     <a class="nav-toggler waves-effect waves-light text-dark d-block d-md-none"
0072                         href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
0073                 </div>
0074                 <!-- ============================================================== -->
0075                 <!-- End Logo -->
0076                 <!-- ============================================================== -->
0077                 <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5">
0078                     <ul class="navbar-nav d-none d-md-block d-lg-none">
0079                         <li class="nav-item">
0080                             <a class="nav-toggler nav-link waves-effect waves-light text-white"
0081                                 href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
0082                         </li>
0083                     </ul>
0084                     <!-- ============================================================== -->
0085                     <!-- Right side toggle and nav items -->
0086                     <!-- ============================================================== -->
0087                     <ul class="navbar-nav ms-auto d-flex align-items-center">
0088
0089                         <!-- ============================================================== -->
0090                         <!-- Search -->
0091                         <!-- ============================================================== -->
0092                         <li class=" in">
0093                             <form role="search" class="app-search d-none d-md-block me-3">
0094                                 <input type="text" placeholder="Search..." class="form-control mt-0">
0095                                 <a href=""                                    <i class="fa fa-search"></i>
0096  class="active">
0097                                 </a>
0098                             </form>
0099                         </li>
0100                         <!-- ============================================================== -->
0101                         <!-- User profile and search -->
0102                         <!-- ============================================================== -->
0103                         <li>
0104                             <a class="profile-pic" href="#">
0105                                 <img src="plugins/images/users/varun.jpg" alt="user-img" width="36"
0106                                     class="img-circle"><span class="text-white font-medium">Steave</span></a>
0107                         </li>
0108                         <!-- ============================================================== -->
0109                         <!-- User profile and search -->
0110                         <!-- ============================================================== -->
0111                     </ul>
0112                 </div>
0113             </nav>
0114         </header>
0115         <!-- ============================================================== -->
0116         <!-- End Topbar header -->
0117         <!-- ============================================================== -->
0118         <!-- ============================================================== -->
0119         <!-- Left Sidebar - style you can find in sidebar.scss  -->
0120         <!-- ============================================================== -->
0121         <aside class="left-sidebar" data-sidebarbg="skin6">
0122             <!-- Sidebar scroll-->
0123             <div class="scroll-sidebar">
0124                 <!-- Sidebar navigation-->
0125                 <nav class="sidebar-nav">
0126                     <ul id="sidebarnav">
0127                         <!-- User Profile-->
0128                         <li class="sidebar-item pt-2">
0129                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="dashboard.html"
0130                                 aria-expanded="false">
0131                                 <i class="far fa-clock" aria-hidden="true"></i>
0132                                 <span class="hide-menu">Dashboard</span>
0133                             </a>
0134                         </li>
0135                         <li class="sidebar-item">
0136                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="profile.html"
0137                                 aria-expanded="false">
0138                                 <i class="fa fa-user" aria-hidden="true"></i>
0139                                 <span class="hide-menu">Profile</span>
0140                             </a>
0141                         </li>
0142                         <li class="sidebar-item">
0143                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="basic-table.html"
0144                                 aria-expanded="false">
0145                                 <i class="fa fa-table" aria-hidden="true"></i>
0146                                 <span class="hide-menu">Basic Table</span>
0147                             </a>
0148                         </li>
0149                         <li class="sidebar-item">
0150                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="fontawesome.html"
0151                                 aria-expanded="false">
0152                                 <i class="fa fa-font" aria-hidden="true"></i>
0153                                 <span class="hide-menu">Icon</span>
0154                             </a>
0155                         </li>
0156                         <li class="sidebar-item">
0157                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="map-google.html"
0158                                 aria-expanded="false">
0159                                 <i class="fa fa-globe" aria-hidden="true"></i>
0160                                 <span class="hide-menu">Google Map</span>
0161                             </a>
0162                         </li>
0163                         <li class="sidebar-item">
0164                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="blank.html"
0165                                 aria-expanded="false">
0166                                 <i class="fa fa-columns" aria-hidden="true"></i>
0167                                 <span class="hide-menu">Blank Page</span>
0168                             </a>
0169                         </li>
0170                         <li class="sidebar-item">
0171                             <a class="sidebar-link waves-effect waves-dark sidebar-link" href="404.html"
0172                                 aria-expanded="false">
0173                                 <i class="fa fa-info-circle" aria-hidden="true"></i>
0174                                 <span class="hide-menu">Error 404</span>
0175                             </a>
0176                         </li>
0177                         <li class="text-center p-20 upgrade-btn">
0178                             <a href="https://www.wrappixel.com/templates/ampleadmin/"
0179                                 class="btn d-grid btn-danger text-white" target="_blank">
0180                                 Upgrade to Pro</a>
0181                         </li>
0182                     </ul>
0183
0184                 </nav>
0185                 <!-- End Sidebar navigation -->
0186             </div>
0187             <!-- End Sidebar scroll-->
0188         </aside>
0189         <!-- ============================================================== -->
0190         <!-- End Left Sidebar - style you can find in sidebar.scss  -->
0191         <!-- ============================================================== -->
0192         <!-- ============================================================== -->
0193         <!-- Page wrapper  -->
0194         <!-- ============================================================== -->
0195         <div class="page-wrapper">
0196             <!-- ============================================================== -->
0197             <!-- Bread crumb and right sidebar toggle -->
0198             <!-- ============================================================== -->
0199             <div class="page-breadcrumb bg-white">
0200                 <div class="row align-items-center">
0201                     <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
0202                         <h4 class="page-title">Profile page</h4>
0203                     </div>
0204                     <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
0205                         <div class="d-md-flex">
0206                             <ol class="breadcrumb ms-auto">
0207                                 <li><a href="#" class="fw-normal">Dashboard</a></li>
0208                             </ol>
0209                             <a href="https://www.wrappixel.com/templates/ampleadmin/" target="_blank"
0210                                 class="btn btn-danger  d-none d-md-block pull-right ms-3 hidden-xs hidden-sm waves-effect waves-light text-white">Upgrade
0211                                 to Pro</a>
0212                         </div>
0213                     </div>
0214                 </div>
0215                 <!-- /.col-lg-12 -->
0216             </div>
0217             <!-- ============================================================== -->
0218             <!-- End Bread crumb and right sidebar toggle -->
0219             <!-- ============================================================== -->
0220             <!-- ============================================================== -->
0221             <!-- Container fluid  -->
0222             <!-- ============================================================== -->
0223             <div class="container-fluid">
0224                 <!-- ============================================================== -->
0225                 <!-- Start Page Content -->
0226                 <!-- ============================================================== -->
0227                 <!-- Row -->
0228                 <div class="row">
0229                     <!-- Column -->
0230                     <div class="col-lg-4 col-xlg-3 col-md-12">
0231                         <div class="white-box">
0232                             <div class="user-bg"> <img width="100%" alt="user" src="plugins/images/large/img1.jpg">
0233                                 <div class="overlay-box">
0234                                     <div class="user-content">
0235                                         <a href="javascript:void(0)"><img src="plugins/images/users/genu.jpg"
0236                                                 class="thumb-lg img-circle" alt="img"></a>
0237                                         <h4 class="text-white mt-2">User Name</h4>
0238                                         <h5 class="text-white mt-2">info@myadmin.com</h5>
0239                                     </div>
0240                                 </div>
0241                             </div>
0242                             <div class="user-btm-box mt-5 d-md-flex">
0243                                 <div class="col-md-4 col-sm-4 text-center">
0244                                     <h1>258</h1>
0245                                 </div>
0246                                 <div class="col-md-4 col-sm-4 text-center">
0247                                     <h1>125</h1>
0248                                 </div>
0249                                 <div class="col-md-4 col-sm-4 text-center">
0250                                     <h1>556</h1>
0251                                 </div>
0252                             </div>
0253                         </div>
0254                     </div>
0255                     <!-- Column -->
0256                     <!-- Column -->
0257                     <div class="col-lg-8 col-xlg-9 col-md-12">
0258                         <div class="card">
0259                             <div class="card-body">
0260                                 <form class="form-horizontal form-material">
0261                                     <div class="form-group mb-4">
0262                                         <label class="col-md-12 p-0">Full Name</label>
0263                                         <div class="col-md-12 border-bottom p-0">
0264                                             <input type="text" placeholder="Johnathan Doe"
0265                                                 class="form-control p-0 border-0"> </div>
0266                                     </div>
0267                                     <div class="form-group mb-4">
0268                                         <label for="example-email" class="col-md-12 p-0">Email</label>
0269                                         <div class="col-md-12 border-bottom p-0">
0270                                             <input type="email" placeholder="johnathan@admin.com"
0271                                                 class="form-control p-0 border-0" name="example-email"
0272                                                 id="example-email">
0273                                         </div>
0274                                     </div>
0275                                     <div class="form-group mb-4">
0276                                         <label class="col-md-12 p-0">Password</label>
0277                                         <div class="col-md-12 border-bottom p-0">
0278                                             <input type="password" value="password" class="form-control p-0 border-0">
0279                                         </div>
0280                                     </div>
0281                                     <div class="form-group mb-4">
0282                                         <label class="col-md-12 p-0">Phone No</label>
0283                                         <div class="col-md-12 border-bottom p-0">
0284                                             <input type="text" placeholder="123 456 7890"
0285                                                 class="form-control p-0 border-0">
0286                                         </div>
0287                                     </div>
0288                                     <div class="form-group mb-4">
0289                                         <label class="col-md-12 p-0">Message</label>
0290                                         <div class="col-md-12 border-bottom p-0">
0291                                             <textarea rows="5" class="form-control p-0 border-0"></textarea>
0292                                         </div>
0293                                     </div>
0294                                     <div class="form-group mb-4">
0295                                         <label class="col-sm-12">Select Country</label>
0296
0297                                         <div class="col-sm-12 border-bottom">
0298                                             <select class="form-select shadow-none p-0 border-0 form-control-line">
0299                                                 <option>London</option>
0300                                                 <option>India</option>
0301                                                 <option>Usa</option>
0302                                                 <option>Canada</option>
0303                                                 <option>Thailand</option>
0304                                             </select>
0305                                         </div>
0306                                     </div>
0307                                     <div class="form-group mb-4">
0308                                         <div class="col-sm-12">
0309                                             <button class="btn btn-success">Update Profile</button>
0310                                         </div>
0311                                     </div>
0312                                 </form>
0313                             </div>
0314                         </div>
0315                     </div>
0316                     <!-- Column -->
0317                 </div>
0318                 <!-- Row -->
0319                 <!-- ============================================================== -->
0320                 <!-- End PAge Content -->
0321                 <!-- ============================================================== -->
0322                 <!-- ============================================================== -->
0323                 <!-- Right sidebar -->
0324                 <!-- ============================================================== -->
0325                 <!-- .right-sidebar -->
0326                 <!-- ============================================================== -->
0327                 <!-- End Right sidebar -->
0328                 <!-- ============================================================== -->
0329             </div>
0330             <!-- ============================================================== -->
0331             <!-- End Container fluid  -->
0332             <!-- ============================================================== -->
0333             <!-- ============================================================== -->
0334             <!-- footer -->
0335             <!-- ============================================================== -->
0336             <footer class="footer text-center"> 2021 © Ample Admin brought to you by <a
0337                     href="https://www.wrappixel.com/">wrappixel.com</a>
0338             </footer>
0339             <!-- ============================================================== -->
0340             <!-- End footer -->
0341             <!-- ============================================================== -->
0342         </div>
0343         <!-- ============================================================== -->
0344         <!-- End Page wrapper  -->
0345         <!-- ============================================================== -->
0346     </div>
0347     <!-- ============================================================== -->
0348     <!-- End Wrapper -->
0349     <!-- ============================================================== -->
0350     <!-- ============================================================== -->
0351     <!-- All Jquery -->
0352     <!-- ============================================================== -->
0353     <script src="plugins/bower_components/jquery/dist/jquery.min.js"></script>
0354     <!-- Bootstrap tether Core JavaScript -->
0355     <script src="bootstrap/dist/js/bootstrap.bundle.min.js"></script>
0356     <script src="js/app-style-switcher.js"></script>
0357     <!--Wave Effects -->
0358     <script src="js/waves.js"></script>
0359     <!--Menu sidebar -->
0360     <script src="js/sidebarmenu.js"></script>
0361     <!--Custom JavaScript -->
0362     <script src="js/custom.js"></script>
0363 </body>
0364
0365 </html>