Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <title>User Account Management</title>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Core CSS -->
- <link rel="stylesheet" href="assets/css/bootstrap.min.css">
- <link rel="stylesheet" href="assets/css/font-awesome.min.css">
- <link rel="stylesheet" href="assets/css/material-icons.css">
- <!-- Main CSS -->
- <link rel="stylesheet" href="assets/css/main.css">
- </head>
- <body>
- <section id="header-top">
- <div class="container-fluid">
- <!-- Navigation -->
- <nav class="navbar navbar-expand-lg navbar-light bg-light static">
- <div class="container">
- <a class="navbar-brand" href="#"><img class="logo" src="assets/image/mnc-digital-logo.png" alt=""></a>
- <ul class="navbar-nav ml-auto">
- <li class="nav-item dropdown active">
- <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- John Doe
- </a>
- <!--<div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a class="dropdown-item" href="#">Option 1</a>
- <div class="dropdown-divider"></div>
- <a class="dropdown-item" href="#">Option 2</a>
- </div>-->
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#"><i class="material-icons">notifications</i></a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#"><i class="material-icons" data-toggle="tooltip" data-placement="top" title="LOG OUT">power_settings_new</i></a>
- </li>
- </ul>
- </div>
- </nav>
- </div>
- </section>
- <section id="header-bottom">
- <!-- Navigation -->
- <div class="container">
- <div class="menu">
- <ul class="list-inline">
- <li class="list-inline-item">
- <a class="nav-link" href="#"><i class="material-icons">home</i><span>Overview</span></a>
- </li>
- <li class="list-inline-item active">
- <a class="nav-link" href="#"><i class="material-icons">person</i><span>Info Profile</span></a>
- </li>
- <li class="list-inline-item">
- <a class="nav-link" href="#"><i class="material-icons">star</i><span>Subscriber</span></a>
- </li>
- <li class="list-inline-item">
- <a class="nav-link" href="#"><i class="material-icons">group_add</i><span>Affiliate</span></a>
- </li>
- </ul>
- </div>
- </div>
- </section>
- <section id="content-dashboard-profile">
- <div class="container">
- <div class="col-md-12">
- <div class="row">
- <div class="col-md-6">
- <div class="title">
- <h3>Info Profile</h3>
- </div>
- <div class="row">
- <div class="col-md-12">
- <div class="form-group">
- <label for="contain">Email</label>
- <input class="form-control" type="email" placeholder="abcd@gmail.com" disabled/>
- </div>
- <div class="form-group">
- <label for="contain">Nama Depan</label>
- <input class="form-control" type="text" placeholder="Rama" disabled />
- </div>
- <div class="form-group">
- <label for="contain">Nama Belakang</label>
- <input class="form-control" type="text" placeholder="Yana" disabled />
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-6" style="padding-top: 41px;">
- <div class="form-group">
- <label for="contain">Tanggal Lahir</label>
- <input class="form-control" type="text" placeholder="10-10-1990" disabled />
- </div>
- <div class="form-group">
- <label for="contain">Gender</label>
- <input class="form-control" type="text" placeholder="Laki - Laki" disabled />
- </div>
- <div class="form-group">
- <label for="contain">No. Tlp</label>
- <input class="form-control" type="Number" placeholder="+628910111213" disabled />
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="content-dashboard">
- <div class="container">
- <div class="col-md-12">
- <div class="row justify-content-center">
- <div class="trio">
- <div class="title">
- <h2 class="no-span">PICK SERVICE</h2>
- </div>
- <form>
- <ul class="list-inline">
- <li class="list-inline-item">
- <label for="checkbox"><input type="checkbox" class="option-input checkbox" />
- <img src="assets/image/mnc_play.png" alt=""></label>
- </li>
- <li class="list-inline-item">
- <label for="checkbox"><input type="checkbox" class="option-input checkbox"/>
- <img src="assets/image/mnc_vision.png" alt=""></label>
- </li>
- <li class="list-inline-item">
- <label for="checkbox"><input type="checkbox" class="option-input checkbox" />
- <img src="assets/image/mnc_now.png" alt=""></label>
- </li>
- </ul>
- <div class="in-email">
- <div class="row">
- <div class="col-md-8 mx-auto">
- <input class="effect-8" type="text" placeholder="Email">
- <span class="focus-border">
- <i></i>
- </span>
- </div>
- </div>
- <div class="choose">
- <button type="submit" name="Submit" value="Submit" class="choose-item">
- <div class="circle">
- <span class="icon arrow"></span>
- </div>
- <p class="button-text">Choose</p>
- </button>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="associate">
- <div class="container">
- <div class="col-md-12">
- <div class="row">
- <div class="play">
- <div class="title">
- <h2>MNC Play</h2>
- </div>
- <div class="listing">
- <div class="col-md-12">
- <div class="row">
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header pre" data-toggle="tooltip" data-placement="top" title="No. ID">1000366801</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa Example of user fa-user" data-toggle="tooltip" data-placement="top" title="Name"></i>BUDI SUNARKO/IT DEV TESTING</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>ccare.mncplay@mncgroup.com</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>ccare.mncplay@mncgroup.com</li>
- <li class="list-group-item"><i class="fa fa-window-restore" data-toggle="tooltip" data-placement="top" title="Category"></i> Bundlingtvinet</li>
- <li class="list-group-item"><i class="fa fa-sticky-note" data-toggle="tooltip" data-placement="top" title="Packages"></i>Regular Super Galaxy</li>
- <li class="list-group-item"><i class="fa fa-home" data-toggle="tooltip" data-placement="top" title="City"></i>Kota Jakarta Pusat</li>
- <li class="list-group-item"><i class="fa fa-check" data-toggle="tooltip" data-placement="top" title="Status"></i>Pre Activation</li>
- <li class="list-group-item"><i class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Pre Activation Date"></i>13-09-2018</li>
- <li class="list-group-item"><i class="fa fa-calendar-o" data-toggle="tooltip" data-placement="top" title="Permanent Activation Date"></i>-</li>
- <li class="list-group-item"><i class="fa fa-calendar-times-o" data-toggle="tooltip" data-placement="top" title="Suspend Date"></i>-</li>
- <li class="list-group-item"><i class="fa fa-times-circle" data-toggle="tooltip" data-placement="top" title="Termination Date"></i>-</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-secondary btn-lg">Bind</a></div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header active" data-toggle="tooltip" data-placement="top" title="No. ID">1000366801</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa Example of user fa-user" data-toggle="tooltip" data-placement="top" title="Name"></i>BUDI SUNARKO/IT DEV TESTING</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>ccare.mncplay@mncgroup.com</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>ccare.mncplay@mncgroup.com</li>
- <li class="list-group-item"><i class="fa fa-window-restore" data-toggle="tooltip" data-placement="top" title="Category"></i> Bundlingtvinet</li>
- <li class="list-group-item"><i class="fa fa-sticky-note" data-toggle="tooltip" data-placement="top" title="Packages"></i>Regular Super Galaxy</li>
- <li class="list-group-item"><i class="fa fa-home" data-toggle="tooltip" data-placement="top" title="City"></i>Kota Jakarta Pusat</li>
- <li class="list-group-item"><i class="fa fa-check" data-toggle="tooltip" data-placement="top" title="Status"></i>Pre Activation</li>
- <li class="list-group-item"><i class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Pre Activation Date"></i>13-09-2018</li>
- <li class="list-group-item"><i class="fa fa-calendar-o" data-toggle="tooltip" data-placement="top" title="Permanent Activation Date"></i>-</li>
- <li class="list-group-item"><i class="fa fa-calendar-times-o" data-toggle="tooltip" data-placement="top" title="Suspend Date"></i>-</li>
- <li class="list-group-item"><i class="fa fa-times-circle" data-toggle="tooltip" data-placement="top" title="Termination Date"></i>-</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-success btn-lg disabled">Bound</a></div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header pre" data-toggle="tooltip" data-placement="top" title="No. ID">1000366801</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa Example of user fa-user" data-toggle="tooltip" data-placement="top" title="Name"></i>BUDI SUNARKO/IT DEV TESTING</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>ccare.mncplay@mncgroup.com</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>ccare.mncplay@mncgroup.com</li>
- <li class="list-group-item"><i class="fa fa-window-restore" data-toggle="tooltip" data-placement="top" title="Category"></i>Bundlingtvinet</li>
- <li class="list-group-item"><i class="fa fa-sticky-note" data-toggle="tooltip" data-placement="top" title="Packages"></i>Regular Super Galaxy</li>
- <li class="list-group-item"><i class="fa fa-home" data-toggle="tooltip" data-placement="top" title="City"></i>Kota Jakarta Pusat</li>
- <li class="list-group-item"><i class="fa fa-check" data-toggle="tooltip" data-placement="top" title="Status"></i>Pre Activation</li>
- <li class="list-group-item"><i class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Pre Activation Date"></i>13-09-2018</li>
- <li class="list-group-item"><i class="fa fa-calendar-o" data-toggle="tooltip" data-placement="top" title="Permanent Activation Date"></i>-</li>
- <li class="list-group-item"><i class="fa fa-calendar-times-o" data-toggle="tooltip" data-placement="top" title="Suspend Date"></i>-</li>
- <li class="list-group-item"><i class="fa fa-times-circle" data-toggle="tooltip" data-placement="top" title="Termination Date"></i>-</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-secondary btn-lg">Bind</a></div>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="col-sm-12 mx-auto">
- <div class="pagination p12 text-center">
- <ul>
- <a href="#">
- <li>Previous</li>
- </a>
- <a href="#">
- <li>1</li>
- </a>
- <a class="is-active" href="#">
- <li>2</li>
- </a>
- <a href="#">
- <li>3</li>
- </a>
- <a href="#">
- <li>Next</li>
- </a>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="vision">
- <div class="title">
- <h2>MNC Vision</h2>
- </div>
- <div class="listing">
- <div class="col-md-12">
- <div class="row">
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header pre" data-toggle="tooltip" data-placement="top" title="Customer ID">100011506</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa fa-address-card" data-toggle="tooltip" data-placement="top" title="Street"></i>Gebang Putih</li>
- <li class="list-group-item"><i class="fa fa-circle-o-notch" data-toggle="tooltip" data-placement="top" title="Postal Code"></i>60117000</li>
- <li class="list-group-item"><i class="fa fa-address-book" data-toggle="tooltip" data-placement="top" title="Neighborhood"></i>Sukolilo</li>
- <li class="list-group-item"><i class="fa fa-home" data-toggle="tooltip" data-placement="top" title="City"></i>Surabaya</li>
- <li class="list-group-item"><i class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="Phone"></i>0318706101</li>
- <li class="list-group-item"><i class="fa fa-external-link" data-toggle="tooltip" data-placement="top" title="Extra Phone"></i>085101581525</li>
- <li class="list-group-item"><i class="fa fa-exclamation-circle" data-toggle="tooltip" data-placement="top" title="Emergency Phone"></i>-</li>
- <li class="list-group-item"><i class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="Mobile Phone"></i>0818515188</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>wisnu_hadibrata@yahoo.com</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-secondary btn-lg">Bind</a></div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header active" data-toggle="tooltip" data-placement="top" title="Customer ID">100011506</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa fa-address-card" data-toggle="tooltip" data-placement="top" title="Street"></i>Gebang Putih</li>
- <li class="list-group-item"><i class="fa fa-circle-o-notch" data-toggle="tooltip" data-placement="top" title="Postal Code"></i>60117000</li>
- <li class="list-group-item"><i class="fa fa-address-book" data-toggle="tooltip" data-placement="top" title="Neighborhood"></i>Sukolilo</li>
- <li class="list-group-item"><i class="fa fa-home" data-toggle="tooltip" data-placement="top" title="City"></i>Surabaya</li>
- <li class="list-group-item"><i class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="Phone"></i>0318706101</li>
- <li class="list-group-item"><i class="fa fa-external-link" data-toggle="tooltip" data-placement="top" title="Extra Phone"></i>085101581525</li>
- <li class="list-group-item"><i class="fa fa-exclamation-circle" data-toggle="tooltip" data-placement="top" title="Emergency Phone"></i>-</li>
- <li class="list-group-item"><i class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="Mobile Phone"></i>0818515188</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>wisnu_hadibrata@yahoo.com</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-success btn-lg disabled">Bound</a></div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header pre" data-toggle="tooltip" data-placement="top" title="Customer ID">100011506</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa fa-address-card" data-toggle="tooltip" data-placement="top" title="Street"></i>Gebang Putih</li>
- <li class="list-group-item"><i class="fa fa-circle-o-notch" data-toggle="tooltip" data-placement="top" title="Postal Code"></i>60117000</li>
- <li class="list-group-item"><i class="fa fa-address-book" data-toggle="tooltip" data-placement="top" title="Neighborhood"></i>Sukolilo</li>
- <li class="list-group-item"><i class="fa fa-home" data-toggle="tooltip" data-placement="top" title="City"></i>Surabaya</li>
- <li class="list-group-item"><i class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="Phone"></i>0318706101</li>
- <li class="list-group-item"><i class="fa fa-external-link" data-toggle="tooltip" data-placement="top" title="Extra Phone"></i>085101581525</li>
- <li class="list-group-item"><i class="fa fa-exclamation-circle" data-toggle="tooltip" data-placement="top" title="Emergency Phone"></i>-</li>
- <li class="list-group-item"><i class="fa fa-phone" data-toggle="tooltip" data-placement="top" title="Mobile Phone"></i>0818515188</li>
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>wisnu_hadibrata@yahoo.com</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-secondary btn-lg">Bind</a></div>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="col-sm-12 mx-auto">
- <div class="pagination p12 text-center">
- <ul>
- <a href="#">
- <li>Previous</li>
- </a>
- <a href="#">
- <li>1</li>
- </a>
- <a class="is-active" href="#">
- <li>2</li>
- </a>
- <a href="#">
- <li>3</li>
- </a>
- <a href="#">
- <li>Next</li>
- </a>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="now">
- <div class="title">
- <h2>MNC Now</h2>
- </div>
- <div class="listing">
- <div class="col-md-12">
- <div class="row">
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header pre" data-toggle="tooltip" data-placement="top" title="No. Account">1700089</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>retnoindahutami@yahoo.com</li>
- <li class="list-group-item"><i class="fa fa-user" data-toggle="tooltip" data-placement="top" title="Nama Pelanggan"></i>-</li>
- <li class="list-group-item"><i class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Date Of Birth"></i>-</li>
- <li class="list-group-item"><i class="fa fa-check" data-toggle="tooltip" data-placement="top" title="Status"></i>Pre Activation</li>
- <li class="list-group-item"><i class="fa fa-facebook-official" data-toggle="tooltip" data-placement="top" title="Facebook ID"></i>-</li>
- <li class="list-group-item"><i class="fa fa-google-plus-square" data-toggle="tooltip" data-placement="top" title="Google ID"></i>-</li>
- <li class="list-group-item"><i class="fa fa-mobile" data-toggle="tooltip" data-placement="top" title="Cellular"></i>-</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-secondary btn-lg">Bind</a></div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header active" data-toggle="tooltip" data-placement="top" title="No. Account">1700089</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>retnoindahutami@yahoo.com</li>
- <li class="list-group-item"><i class="fa fa-user" data-toggle="tooltip" data-placement="top" title="Nama Pelanggan"></i>-</li>
- <li class="list-group-item"><i class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Date Of Birth"></i>-</li>
- <li class="list-group-item"><i class="fa fa-check" data-toggle="tooltip" data-placement="top" title="Status"></i>Activated</li>
- <li class="list-group-item"><i class="fa fa-facebook-official" data-toggle="tooltip" data-placement="top" title="Facebook ID"></i>-</li>
- <li class="list-group-item"><i class="fa fa-google-plus-square" data-toggle="tooltip" data-placement="top" title="Google ID"></i>-</li>
- <li class="list-group-item"><i class="fa fa-mobile" data-toggle="tooltip" data-placement="top" title="Cellular"></i>-</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-success btn-lg disabled">Bound</a></div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 item">
- <div class="custom-column">
- <div class="custom-column-header pre" data-toggle="tooltip" data-placement="top" title="No. Account">1700089</div>
- <div class="custom-column-content">
- <ul class="list-group">
- <li class="list-group-item"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="Email"></i>retnoindahutami@yahoo.com</li>
- <li class="list-group-item"><i class="fa fa-user" data-toggle="tooltip" data-placement="top" title="Nama Pelanggan"></i>-</li>
- <li class="list-group-item"><i class="fa fa-calendar" data-toggle="tooltip" data-placement="top" title="Date Of Birth"></i>-</li>
- <li class="list-group-item"><i class="fa fa-check" data-toggle="tooltip" data-placement="top" title="Status"></i>Pre Activation</li>
- <li class="list-group-item"><i class="fa fa-facebook-official" data-toggle="tooltip" data-placement="top" title="Facebook ID"></i>-</li>
- <li class="list-group-item"><i class="fa fa-google-plus-square" data-toggle="tooltip" data-placement="top" title="Google ID"></i>-</li>
- <li class="list-group-item"><i class="fa fa-mobile" data-toggle="tooltip" data-placement="top" title="Cellular"></i>-</li>
- </ul>
- </div>
- <div class="custom-column-footer"><a href="#" class="btn btn-secondary btn-lg">Bind</a></div>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="col-sm-12 mx-auto">
- <div class="pagination p12 text-center">
- <ul>
- <a href="#">
- <li>Previous</li>
- </a>
- <a href="#">
- <li>1</li>
- </a>
- <a class="is-active" href="#">
- <li>2</li>
- </a>
- <a href="#">
- <li>3</li>
- </a>
- <a href="#">
- <li>Next</li>
- </a>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="footer">
- <div class="container">
- <div class="col-md-12 main-footer">
- <div class="row">
- <div class="tiny-footer">
- <p>Copyright © All Rights Reserved 2018</p>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- jQuery first, then Bootstrap JS -->
- <script src="assets/js/jquery-3.3.1.slim.min.js"></script>
- <script src="assets/js/bootstrap.min.js"></script>
- <!-- Custom JS -->
- <script src="assets/js/main.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement