172 lines
9.6 KiB
PHP
172 lines
9.6 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('title', 'Profile')
|
|
|
|
@push('style')
|
|
<!-- CSS Libraries -->
|
|
<link rel="stylesheet"
|
|
href="{{ asset('library/summernote/dist/summernote-bs4.css') }}">
|
|
<link rel="stylesheet"
|
|
href="{{ asset('library/bootstrap-social/assets/css/bootstrap.css') }}">
|
|
@endpush
|
|
|
|
@section('main')
|
|
<div class="main-content">
|
|
<section class="section">
|
|
<div class="section-header">
|
|
<h1>Profile</h1>
|
|
<div class="section-header-breadcrumb">
|
|
<div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
|
|
<div class="breadcrumb-item">Profile</div>
|
|
</div>
|
|
</div>
|
|
<div class="section-body">
|
|
<h2 class="section-title">Lutfa</h2>
|
|
<p class="section-lead">
|
|
Change information about yourself on this page.
|
|
</p>
|
|
|
|
<div class="row mt-sm-4">
|
|
<div class="col-12 col-md-12 col-lg-5">
|
|
<div class="card profile-widget">
|
|
<div class="profile-widget-header">
|
|
<img alt="image"
|
|
src="{{ asset('img/avatar/avatar-1.png') }}"
|
|
class="rounded-circle profile-widget-picture">
|
|
<div class="profile-widget-items">
|
|
<div class="profile-widget-item">
|
|
<div class="profile-widget-item-label">Posts</div>
|
|
<div class="profile-widget-item-value">187</div>
|
|
</div>
|
|
<div class="profile-widget-item">
|
|
<div class="profile-widget-item-label">Followers</div>
|
|
<div class="profile-widget-item-value">6,8K</div>
|
|
</div>
|
|
<div class="profile-widget-item">
|
|
<div class="profile-widget-item-label">Following</div>
|
|
<div class="profile-widget-item-value">2,1K</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="profile-widget-description">
|
|
<div class="profile-widget-name">Lutfa <div
|
|
class="text-muted d-inline font-weight-normal">
|
|
<div class="slash"></div> Web Developer
|
|
</div>
|
|
</div>
|
|
Ujang maman is a superhero name in <b>Indonesia</b>, especially in my family. He is not a
|
|
fictional character but an original hero in my family, a hero for his children and for his
|
|
wife. So, I use the name as a user in this template. Not a tribute, I'm just bored with
|
|
<b>'John Doe'</b>.
|
|
</div>
|
|
<div class="card-footer text-center">
|
|
<div class="font-weight-bold mb-2">Follow Ujang On</div>
|
|
<a href="#"
|
|
class="btn btn-social-icon btn-facebook mr-1">
|
|
<i class="fab fa-facebook-f"></i>
|
|
</a>
|
|
<a href="#"
|
|
class="btn btn-social-icon btn-twitter mr-1">
|
|
<i class="fab fa-twitter"></i>
|
|
</a>
|
|
<a href="#"
|
|
class="btn btn-social-icon btn-github mr-1">
|
|
<i class="fab fa-github"></i>
|
|
</a>
|
|
<a href="#"
|
|
class="btn btn-social-icon btn-instagram">
|
|
<i class="fab fa-instagram"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-12 col-lg-7">
|
|
<div class="card">
|
|
<form method="post"
|
|
class="needs-validation"
|
|
novalidate="">
|
|
<div class="card-header">
|
|
<h4>Edit Profile</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="form-group col-md-6 col-12">
|
|
<label>First Name</label>
|
|
<input type="text"
|
|
class="form-control"
|
|
value="Ujang"
|
|
required="">
|
|
<div class="invalid-feedback">
|
|
Please fill in the first name
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-md-6 col-12">
|
|
<label>Last Name</label>
|
|
<input type="text"
|
|
class="form-control"
|
|
value="Maman"
|
|
required="">
|
|
<div class="invalid-feedback">
|
|
Please fill in the last name
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-7 col-12">
|
|
<label>Email</label>
|
|
<input type="email"
|
|
class="form-control"
|
|
value="ujang@maman.com"
|
|
required="">
|
|
<div class="invalid-feedback">
|
|
Please fill in the email
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-md-5 col-12">
|
|
<label>Phone</label>
|
|
<input type="tel"
|
|
class="form-control"
|
|
value="">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-12">
|
|
<label>Bio</label>
|
|
<textarea class="form-control summernote-simple">Ujang maman is a superhero name in <b>Indonesia</b>, especially in my family. He is not a fictional character but an original hero in my family, a hero for his children and for his wife. So, I use the name as a user in this template. Not a tribute, I'm just bored with <b>'John Doe'</b>.</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-12 mb-0">
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox"
|
|
name="remember"
|
|
class="custom-control-input"
|
|
id="newsletter">
|
|
<label class="custom-control-label"
|
|
for="newsletter">Subscribe to newsletter</label>
|
|
<div class="text-muted form-text">
|
|
You will get new information about products, offers and promotions
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer text-right">
|
|
<button class="btn btn-primary">Save Changes</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<!-- JS Libraies -->
|
|
<script src="{{ asset('library/summernote/dist/summernote-bs4.js') }}"></script>
|
|
|
|
<!-- Page Specific JS File -->
|
|
@endpush
|