55ok
Mini
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include "meta-title.php";?>
<link rel="icon" href="assets/images/favicon/favicon.png" type="image/x-icon">
<link rel="shortcut icon" href="assets/images/favicon/favicon.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/font-awesome.css">
<!-- ico-font-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/icofont.css">
<!-- Themify icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/themify.css">
<!-- Flag icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/flag-icon.css">
<!-- Feather icon-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/feather-icon.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/scrollbar.css">
<link rel="stylesheet" type="text/css" href="assets/css/vendors/datatables.css">
<!-- Bootstrap css-->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/bootstrap.css">
<!-- App css-->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link id="color" rel="stylesheet" href="assets/css/color-1.css" media="screen">
<!-- Responsive css-->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
</head>
<body>
<!-- tap on top starts-->
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
<!-- tap on tap ends-->
<!-- Loader starts-->
<div class="loader-wrapper">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"> </div>
<div class="dot"></div>
</div>
<!-- Loader ends-->
<!-- page-wrapper Start-->
<div class="page-wrapper compact-wrapper" id="pageWrapper">
<!-- Page Header Start-->
<?php include "header.php";?>
<!-- Page Header Ends-->
<!-- Page Body Start-->
<div class="page-body-wrapper">
<!-- Page Sidebar Start-->
<?php include "sidebar.php";?>
<!-- Page Sidebar Ends-->
<div class="page-body">
<div class="container-fluid">
<div class="page-title">
<div class="row">
<div class="col-sm-6">
<h3>Profile</h3>
</div>
<div class="col-sm-6">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="dashboard.php"> <i data-feather="home"></i></a></li>
<li class="breadcrumb-item active">Profile</li>
</ol>
</div>
</div>
</div>
</div>
<!-- Container-fluid starts-->
<div class="container-fluid">
<div class="user-profile">
<div class="row">
<!-- user profile header start-->
<div class="col-sm-12">
<div class="card profile-header"><img class="img-fluid bg-img-cover" src="assets/images/user-profile/bg-profile.jpg" alt="">
<div class="profile-img-wrrap"><img class="img-fluid bg-img-cover" src="assets/images/user-profile/bg-profile.jpg" alt=""></div>
<div class="userpro-box">
<div class="img-wrraper">
<div class="avatar"><img class="img-fluid" alt="" src="assets/images/user/7.jpg"></div><a class="icon-wrapper" href="edit-profile.html"><i class="icofont icofont-pencil-alt-5"></i></a>
</div>
<div class="user-designation">
<div class="title"><a target="_blank" href="">
<h4>Emay Walter</h4>
<h6 class="f-w-500">designer</h6></a></div>
<div class="social-media">
<ul class="user-list-social">
<li><a href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://accounts.google.com/"><i class="fa fa-google-plus"></i></a></li>
<li><a href="https://twitter.com/"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://dashboard.rss.com/auth/sign-in/"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
<div class="follow">
<ul class="follow-list">
<li>
<div class="follow-num counter">325</div><span>Follower</span>
</li>
<li>
<div class="follow-num counter">450</div><span>Following</span>
</li>
<li>
<div class="follow-num counter">500</div><span>Likes</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- user profile header end-->
<div class="col-xl-3 col-lg-4 col-md-5 xl-35 box-col-40">
<div class="default-according style-1 job-accordion">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<h5 class="p-0">
<button class="btn btn-link ps-0" data-bs-toggle="collapse" data-bs-target="#collapseicon2" aria-expanded="true" aria-controls="collapseicon2">About Me</button>
</h5>
</div>
<div class="collapse show" id="collapseicon2" aria-labelledby="collapseicon2" data-parent="#accordion">
<div class="card-body post-about">
<ul>
<li>
<div class="icon"><i data-feather="briefcase"></i></div>
<div>
<h5>UX desginer at Pixelstrap</h5>
<p class="mb-0">banglore - 2022</p>
</div>
</li>
<li>
<div class="icon"><i data-feather="book"></i></div>
<div>
<h5>studied computer science</h5>
<p class="mb-0">at london univercity - 2022</p>
</div>
</li>
<li>
<div class="icon"><i data-feather="heart"></i></div>
<div>
<h5>relationship status</h5>
<p class="mb-0">single</p>
</div>
</li>
<li>
<div class="icon"><i data-feather="map-pin"></i></div>
<div>
<h5>lived in london</h5>
<p class="mb-0">last 5 year</p>
</div>
</li>
<li>
<div class="icon"><i data-feather="droplet"></i></div>
<div>
<h5>blood group</h5>
<p class="mb-0">O+ positive</p>
</div>
</li>
</ul>
<div class="social-network theme-form"><span class="f-w-600">Social Networks</span><a class="btn social-btn btn-fb mb-2 text-center" href="https://www.facebook.com/"><i class="fa fa-facebook m-r-5"></i>Facebook</a><a class="btn social-btn btn-twitter mb-2 text-center" href="https://twitter.com/"><i class="fa fa-twitter m-r-5"></i>Twitter</a><a class="btn social-btn btn-google text-center" href="https://dribbble.com/"><i class="fa fa-dribbble m-r-5"></i>Dribbble</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-8 col-md-7 xl-65 box-col-60">
<div class="row">
<!-- profile post start-->
<div class="col-sm-12">
<div class="card">
<div class="profile-post">
<div class="post-header">
<div class="d-flex"><img class="img-thumbnail rounded-circle me-3" src="assets/images/user/7.jpg" alt="Generic placeholder image">
<div class="flex-grow-1 align-self-center"><a href="social-app.html">
<h5 class="user-name">Emay Walter</h5></a>
<h6 class="f-w-500">22 Hours ago</h6>
</div>
</div>
<div class="post-setting"><i class="fa fa-ellipsis-h"></i></div>
</div>
<div class="post-body">
<div class="img-container">
<div class="my-gallery" itemscope="">
<figure itemprop="associatedMedia" itemscope=""><a href="assets/images/user-profile/post1.jpg" itemprop="contentUrl" data-size="1600x950"><img class="img-fluid" src="assets/images/user-profile/post1.jpg" itemprop="thumbnail" alt="gallery"></a>
<figcaption itemprop="caption description">Image caption 1</figcaption>
</figure>
</div>
</div>
<div class="post-react">
<ul>
<li><img class="rounded-circle" src="assets/images/user/3.jpg" alt=""></li>
<li><img class="rounded-circle" src="assets/images/user/5.jpg" alt=""></li>
<li><img class="rounded-circle" src="assets/images/user/1.jpg" alt=""></li>
</ul>
<h6 class="f-w-500">+5 people react this post</h6>
</div>
<p>Dressing is a way of life. My customers are successful working women. I want people to be afraid of the women I dress. Age is something only in your head or a stereotype. Age means nothing when you are passionate about something. There has to be a balance between your mental satisfaction and the financial needs of your company.</p>
<ul class="post-comment">
<li>
<label><a href="#"><i data-feather="heart"></i> Like<span class="counter">50</span></a></label>
</li>
<li>
<label><a href="#"><i data-feather="message-square"></i> Comment<span class="counter">70</span></a></label>
</li>
<li>
<label><a href="#"><i data-feather="share"></i> share<span class="counter">20</span></a></label>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- profile post end-->
<!-- profile post start-->
<!-- profile post end -->
<!-- profile post start-->
<!-- profile post end -->
</div>
</div>
<!-- user profile fifth-style end-->
</div>
</div>
</div>
<!-- Container-fluid Ends-->
</div>
<!-- footer start-->
<?php include "footer.php"; ?>
</div>
</div>
<!-- latest jquery-->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- Bootstrap js-->
<script src="assets/js/bootstrap/bootstrap.bundle.min.js"></script>
<!-- feather icon js-->
<script src="assets/js/icons/feather-icon/feather.min.js"></script>
<script src="assets/js/icons/feather-icon/feather-icon.js"></script>
<!-- scrollbar js-->
<script src="assets/js/scrollbar/simplebar.js"></script>
<script src="assets/js/scrollbar/custom.js"></script>
<!-- Sidebar jquery-->
<script src="assets/js/config.js"></script>
<script src="assets/js/sidebar-menu.js"></script>
<script src="assets/js/datatable/datatables/jquery.dataTables.min.js"></script>
<script src="assets/js/datatable/datatables/datatable.custom.js"></script>
<script src="assets/js/tooltip-init.js"></script>
<!-- Template js-->
<script src="assets/js/script.js"></script>
<!-- login js-->
</body>
</html>
Zerion Mini 1.0