- var theme_customizer = true; - var photo_swipe = true; - var sidebar = true; - var scrollbar = true; doctype html html(lang='en') include ../../components/header-files body include ../../components/loader // page-wrapper Start #pageWrapper.page-wrapper include ../../components/header // Page Body Start .page-body-wrapper.horizontal-menu include ../../components/sidebar .page-body .container-fluid .page-header .row .col-sm-6 h3 | Social App ol.breadcrumb li.breadcrumb-item a(href='index.html') | Home li.breadcrumb-item Apps li.breadcrumb-item.active Social App .col-sm-6 include ../../components/bookmark // Container-fluid starts .container-fluid .user-profile.social-app-profile .row .col-sm-12 .card.profile-header img.img-fluid.bg-img-cover(src="assets/images/user-profile/bg-profile.jpg" , alt="") .profile-img-wrrap img.img-fluid.bg-img-cover(src="assets/images/user-profile/bg-profile.jpg" , alt="") .userpro-box .img-wrraper .avatar img.img-fluid(alt='' , src='assets/images/user/7.jpg') a(href="edit-profile.html").icon-wrapper i.icofont.icofont-pencil-alt-5 .user-designation .title a(target='_blank' href='') h4 Emay Walter h6 designer .social-media ul.user-list-social li a(href='#') i.fa.fa-facebook li a(href='#') i.fa.fa-google-plus li a(href='#') i.fa.fa-twitter li a(href='#') i.fa.fa-instagram li a(href='#') i.fa.fa-rss .follow ul.follow-list li .follow-num.counter 325 span Follower li .follow-num.counter 450 span Following li .follow-num.counter 500 span Likes // user profile first-style start .col-sm-12.box-col-12 .card .social-tab ul#top-tab.nav.nav-tabs(role='tablist') li.nav-item a#top-timeline.nav-link.active(data-bs-toggle='tab', href='#timeline', role='tab', aria-controls='timeline', aria-selected='true') i(data-feather="clock") | Timline li.nav-item a#top-about.nav-link(data-bs-toggle='tab', href='#about', role='tab', aria-controls='about', aria-selected='false') i(data-feather="alert-circle") | About li.nav-item a#top-friends.nav-link(data-bs-toggle='tab', href='#friends', role='tab', aria-controls='friends', aria-selected='false') i(data-feather="users") | Friends li.nav-item a#top-photos.nav-link(data-bs-toggle='tab', href='#photos', role='tab', aria-controls='photos', aria-selected='false') i(data-feather="image") | Photos .input-group input(type="text" class="form-control" placeholder="Search.......") span.input-group-text i.fa.fa-search #top-tabContent.tab-content .tab-pane.fade.show.active#timeline(role='tabpanel', aria-labelledby='timeline') .row .col-xl-3.xl-40.col-md-5.box-col-4 #accordionoc4.default-according.style-1.faq-accordion.job-accordion .row .col-xl-12 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon', aria-expanded='true', aria-controls='collapseicon') | My Profile #collapseicon.collapse.show(aria-labelledby='collapseicon', data-parent='#accordion') .card-body.socialprofile.filter-cards-view .media img.img-50.img-fluid.m-r-20.rounded-circle(src='assets/images/user/1.jpg', alt='') .media-body h5.font-primary.f-w-600 My Page span.d-block span i.fa.fa-comments-o span.px-2 Messages span.badge.badge-pill.badge-light.ms-1 9 span.d-block span i.fa.fa-bell-o span.px-2 Notification span.badge.badge-pill.badge-light.ms-1 9 .social-btngroup.d-flex button.btn.btn-primary.text-center.me-2(type='button') Likes button.btn.btn-primary-light.text-center(type='button') View .likes-profile.text-center h4.f-w-600.mb-1 i.fa.fa-heart.font-danger | 884 h6.text-center | 35 New Likes This Week .customers.text-center.social-group ul li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/3.jpg', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Johny Waston') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/5.jpg', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Andew Jon') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/1.jpg', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Comeren Diaz') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/2.png', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Bucky Barnes') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/8.jpg', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Jason Borne') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/11.png', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Comeren Diaz') .col-xl-12 .card img.img-fluid(alt='', src='assets/images/social-app/timeline-3.png') .col-md-12.col-sm-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon1', aria-expanded='true', aria-controls='collapseicon1') | Mutual Friends #collapseicon1.collapse.show(data-parent='#accordion', aria-labelledby='collapseicon1') .card-body.social-status.filter-cards-view form .form-group.m-0 input.form-control-social(type='search', placeholder='Search Contacts..') .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/2.png', alt='') .social-status.social-online .media-body a(href="user-profile.html") span.f-w-600.d-block Bucky Barnes span.d-block winter@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/10.jpg', alt='') .social-status.social-busy .media-body a(href="user-profile.html") span.f-w-600.d-block Sarah Loren span.d-block barnes@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/6.jpg', alt='') .social-status.social-offline .media-body a(href="user-profile.html") span.f-w-600.d-block Jason Borne span.d-block jasonb@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/8.jpg', alt='') .social-status.social-offline .media-body a(href="user-profile.html") span.f-w-600.d-block Comeren Diaz span.d-block comere@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/14.png', alt='') .social-status.social-online .media-body a(href="user-profile.html") span.f-w-600.d-block Andew Jon span.d-block andrewj@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/4.jpg', alt='') .social-status.social-busy .media-body span.f-w-600.d-block Johny Waston span.d-block johny@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/3.png', alt='') .social-status.social-offline .media-body a(href="user-profile.html") span.f-w-600.d-block Johny William span.d-block johnyw@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/2.png', alt='') .social-status.social-online .media-body a(href="user-profile.html") span.f-w-600.d-block Bucky Barnes span.d-block winter@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/10.jpg', alt='') .social-status.social-busy .media-body a(href="user-profile.html") span.f-w-600.d-block Sarah Loren span.d-block barnes@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/6.jpg', alt='') .social-status.social-offline .media-body a(href="user-profile.html") span.f-w-600.d-block Jason Borne span.d-block jasonb@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/8.jpg', alt='') .social-status.social-offline .media-body a(href="user-profile.html") span.f-w-600.d-block Comeren Diaz span.d-block comere@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/14.png', alt='') .social-status.social-online .media-body a(href="user-profile.html") span.f-w-600.d-block Andew Jon span.d-block andrewj@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/4.jpg', alt='') .social-status.social-busy .media-body a(href="user-profile.html") span.f-w-600.d-block Johny Waston span.d-block johny@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/3.png', alt='') .social-status.social-offline .media-body a(href="user-profile.html") span.f-w-600.d-block Johny William span.d-block johnyw@gmail.com .col-md-12.col-sm-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon12', aria-expanded='true', aria-controls='collapseicon12') | Activity Feed #collapseicon12.collapse.show(aria-labelledby='collapseicon12', data-parent='#accordion') .card-body.social-status.filter-cards-view .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/10.jpg', alt='') .media-body a(href="user-profile.html") span.f-w-600.d-block Andew Jon p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 20 min Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/3.jpg', alt='') .media-body a(href="user-profile.html") span.f-w-600.d-block Johny Waston p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 1 hour Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/5.jpg', alt='') .media-body a(href="user-profile.html") span.f-w-600.d-block Comeren Diaz p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 1 days Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/4.jpg', alt='') .media-body a(href="user-profile.html") span.f-w-600.d-block Sarah Loren p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 2 days Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/3.jpg', alt='') .media-body a(href="user-profile.html") span.f-w-600.d-block Johny Waston p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 5 days Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/5.jpg', alt='') .media-body a(href="user-profile.html") span.f-w-600.d-block Comeren Diaz p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 6 days Ago .col-xl-6.xl-60.col-md-7.box-col-8 .row .col-sm-12 .card .card-body .new-users-social .media img.rounded-circle.image-radius.m-r-15(src='assets/images/user/1.jpg', alt='') .media-body h6.mb-0.f-w-700 ELANA p January, 12,2019 span.pull-right.mt-0 i(data-feather='more-vertical') //- img.img-fluid(alt='', src='assets/images/social-app/timeline-1.png') img.img-fluid(alt='', src='assets/images/social-app/timeline-1.png') .timeline-content p | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum. Fusce | placerat enim et odio molestie sagittis. div.like-content.mt-2 span i.fa.fa-heart.font-danger span.pull-right.comment-number span 20 span i.fa.fa-share-alt.me-0 span.pull-right.comment-number span 10 span i.fa.fa-comments-o .social-chat .your-msg .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/1.jpg') .media-body span.f-w-600 Jason Borne span 1 Year Ago i.fa.fa-reply.font-primary p we are working for the dance and sing songs. this car is very awesome for the youngster. please vote this car and like our post .other-msg .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/2.png') .media-body span.f-w-600 Alexendra Dhadio span 1 Month Ago i.fa.fa-reply.font-primary p yes, really very awesome car i see the features of this car in the official website of #Mercedes-Benz and really impressed :-) .other-msg .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.png') .media-body span.f-w-600 Olivia Jon span 15 Days Ago i.fa.fa-reply.font-primary p i like lexus cars, lexus cars are most beautiful with the awesome features, but this car is really outstanding than lexus .your-msg .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/1.jpg') .media-body span.f-w-600 Issa Bell span 1 Year Ago i.fa.fa-reply.font-primary p we are working for the dance and sing songs. this car is very awesome for the youngster. please vote this car and like our post .text-center a.f-w-600(href='javascript:void(0)') More Commnets .comments-box .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/1.jpg') .media-body .input-group.text-box input.form-control.input-txt-bx(type='text', name='message-to-send', placeholder='Post Your commnets') .input-group-text img(src="assets/images/smiley.png" alt="") .col-sm-12 .card .card-body .new-users-social .media img.rounded-circle.image-radius.m-r-15(src='assets/images/user/1.jpg', alt='') .media-body h6.mb-0.f-w-700 ELANA p January, 12,2019 span.pull-right.mt-0 i(data-feather='more-vertical') img.img-fluid(alt='', src='assets/images/social-app/timeline-2.png') .timeline-content p | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum. Fusce | placerat enim et odio molestie sagittis. div.like-content span i.fa.fa-heart.font-danger span.pull-right.comment-number span 20 span i.fa.fa-share-alt.me-0 span.pull-right.comment-number span 10 span i.fa.fa-comments-o .social-chat .your-msg .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/1.jpg') .media-body span.f-w-600 Jason Borne span 1 Year Ago i.fa.fa-reply.font-primary p we are working for the dance and sing songs. this car is very awesome for the youngster. please vote this car and like our post .your-msg .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/1.jpg') .media-body span.f-w-600 Issa Bell span 1 Year Ago i.fa.fa-reply.font-primary p we are working for the dance and sing songs. this car is very awesome for the youngster. please vote this car and like our post .text-center a.f-w-600(href='javascript:void(0)') More Commnets .comments-box .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/1.jpg') .media-body .input-group.text-box input.form-control.input-txt-bx(type='text', name='message-to-send', placeholder='Post Your commnets') .input-group-text img(src="assets/images/smiley.png" alt="") .col-xl-3.xl-100.box-col-12 #accordionoc1.default-according.style-1.faq-accordion.job-accordion .row .col-xl-12.col-md-6.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon2', aria-expanded='true', aria-controls='collapseicon2') | Profile Intro #collapseicon2.collapse.show(aria-labelledby='collapseicon2', data-parent='#accordion') .card-body.filter-cards-view .filter-view-group span.f-w-600 About Me : p | Hi, I’m elana, I’m 30 and I work as a | web Designer for the “Daydreams” | Agency in Pier 56. .filter-view-group span.f-w-600 Favourite TV shows : p | Breaking Good, RedDevil, People of | Interest, The Running Dead, | Found, American Guy. .filter-view-group span.f-w-600 Favourite Music Bands : p | Breaking Good, RedDevil, People of | Interest, The Running Dead, | Found, American Guy. div.social-network.theme-form span.f-w-600 Social Networks button.btn.social-btn.btn-fb.mb-2.text-center i.fa.fa-facebook.m-r-5 | Facebook button.btn.social-btn.btn-twitter.mb-2.text-center i.fa.fa-twitter.m-r-5 | Twitter button.btn.social-btn.btn-google.text-center i.fa.fa-dribbble.m-r-5 | Dribbble .col-xl-12.col-sm-6.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon3', aria-expanded='true', aria-controls='collapseicon3') | Followers #collapseicon3.collapse.show(aria-labelledby='collapseicon3', data-parent='#accordion') .card-body.social-list.filter-cards-view .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/2.png') .media-body a(href="user-profile.html") span.d-block Bucky Barnes a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.png') .media-body a(href="user-profile.html") span.d-block Sarah Loren a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.jpg') .media-body a(href="user-profile.html") span.d-block Jason Borne a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/10.jpg') .media-body a(href="user-profile.html") span.d-block Comeren Diaz a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/11.png') .media-body a(href="user-profile.html") span.d-block Andew Jon a(href='javascript:void(0)') Add Friend .col-xl-12.col-sm-6.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon10', aria-expanded='true', aria-controls='collapseicon10') | Followings #collapseicon10.collapse.show(aria-labelledby='collapseicon10', data-parent='#accordion') .card-body.social-list.filter-cards-view .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.png') .media-body a(href="user-profile.html") span.d-block Sarah Loren a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/2.png') .media-body a(href="user-profile.html") span.d-block Bucky Barnes a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/10.jpg') .media-body a(href="user-profile.html") span.d-block Comeren Diaz a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.jpg') .media-body a(href="user-profile.html") span.d-block Jason Borne a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/11.png') .media-body a(href="user-profile.html") span.d-block Andew Jon a(href='javascript:void(0)') Add Friend .col-xl-12.col-sm-6.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon4', aria-expanded='true', aria-controls='collapseicon4') | Latest Photos #collapseicon4.collapse.show(data-parent='#accordion', aria-labelledby='collapseicon4') .card-body.photos.filter-cards-view ul li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-1.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-2.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-3.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-4.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-5.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-6.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-7.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-8.png') .col-xl-12.col-sm-6.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon13', aria-expanded='true', aria-controls='collapseicon13') | Friends #collapseicon13.collapse.show(data-parent='#accordion', aria-labelledby='collapseicon13') .card-body.avatar-showcase.filter-cards-view .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/3.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/5.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/1.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/2.png', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/3.png', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/6.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/10.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/14.png', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/1.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/4.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/11.png', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/8.jpg', alt='#') .col-xl-12.col-md-6.xl-50.box-col-6 .card img.img-fluid(src='assets/images/social-app/timeline-4.png', alt='') .tab-pane.fade#about(role='tabpanel', aria-labelledby='about') .row .col-xl-3.xl-40.col-lg-12.col-md-5.box-col-4 #accordionoc2.default-according.style-1.faq-accordion.job-accordion .row .col-xl-12 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon5', aria-expanded='true', aria-controls='collapseicon5') | My Profile #collapseicon5.collapse.show(aria-labelledby='collapseicon5', data-parent='#accordion') .card-body.socialprofile.filter-cards-view .media img.img-50.img-fluid.m-r-20.rounded-circle(src='assets/images/user/1.jpg', alt='') .media-body h5.font-primary.f-w-600 My Page span.d-block span i.fa.fa-comments-o span.px-2 Messages span.badge.badge-pill.badge-light 9 span.d-block span i.fa.fa-bell-o span.px-2 Notification span.badge.badge-pill.badge-light 9 .social-btngroup.d-flex button.btn.btn-primary.text-center.me-2(type='button') Likes button.btn.btn-light.text-center(type='button') View .likes-profile.text-center h4.f-w-600 i.fa.fa-heart.font-danger | 884 h6.text-center | 35 New Likes This Week .customers.text-center.social-group ul li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/3.jpg', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Johny Waston') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/5.jpg', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Andew Jon') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/1.jpg', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Comeren Diaz') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/2.png', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Bucky Barnes') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/8.jpg', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Jason Borne') li.d-inline-block img.img-30.rounded-circle(src='assets/images/user/11.png', alt='' data-container='body', data-bs-toggle='popover', data-placement='top', title='', data-original-title='Comeren Diaz') .col-xl-12 .card img.img-fluid(alt='', src='assets/images/social-app/timeline-3.png') .col-xl-12 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon6', aria-expanded='true', aria-controls='collapseicon6') | Mutual Friends #collapseicon6.collapse.show(data-parent='#accordion', aria-labelledby='collapseicon6') .card-body.social-status.filter-cards-view form .form-group.m-0 input.form-control-social(type='search', placeholder='Search Contacts..') .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/2.png', alt='') .social-status.social-online .media-body span.f-w-600.d-block Bucky Barnes span.d-block winter@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/10.jpg', alt='') .social-status.social-busy .media-body span.f-w-600.d-block Sarah Loren span.d-block barnes@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/6.jpg', alt='') .social-status.social-offline .media-body span.f-w-600.d-block Jason Borne span.d-block jasonb@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/8.jpg', alt='') .social-status.social-offline .media-body span.f-w-600.d-block Comeren Diaz span.d-block comere@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/14.png', alt='') .social-status.social-online .media-body span.f-w-600.d-block Andew Jon span.d-block andrewj@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/4.jpg', alt='') .social-status.social-busy .media-body span.f-w-600.d-block Johny Waston span.d-block johny@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/3.png', alt='') .social-status.social-offline .media-body span.f-w-600.d-block Johny William span.d-block johnyw@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/2.png', alt='') .social-status.social-online .media-body span.f-w-600.d-block Bucky Barnes span.d-block winter@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/10.jpg', alt='') .social-status.social-busy .media-body span.f-w-600.d-block Sarah Loren span.d-block barnes@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/6.jpg', alt='') .social-status.social-offline .media-body span.f-w-600.d-block Jason Borne span.d-block jasonb@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/8.jpg', alt='') .social-status.social-offline .media-body span.f-w-600.d-block Comeren Diaz span.d-block comere@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/14.png', alt='') .social-status.social-online .media-body span.f-w-600.d-block Andew Jon span.d-block andrewj@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/4.jpg', alt='') .social-status.social-busy .media-body span.f-w-600.d-block Johny Waston span.d-block johny@gmail.com .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/3.png', alt='') .social-status.social-offline .media-body span.f-w-600.d-block Johny William span.d-block johnyw@gmail.com .col-xl-12 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon14', aria-expanded='true', aria-controls='collapseicon14') | Activity Feed #collapseicon14.collapse.show(aria-labelledby='collapseicon14', data-parent='#accordion') .card-body.social-status.filter-cards-view .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/10.jpg', alt='') .media-body span.f-w-600.d-block Andew Jon p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 20 min Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/3.jpg', alt='') .media-body span.f-w-600.d-block Johny Waston p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 1 hour Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/5.jpg', alt='') .media-body span.f-w-600.d-block Comeren Diaz p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 1 days Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/4.jpg', alt='') .media-body span.f-w-600.d-block Sarah Loren p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 2 days Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/3.jpg', alt='') .media-body span.f-w-600.d-block Johny Waston p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 5 days Ago .media img.img-50.rounded-circle.m-r-15(src='assets/images/user/5.jpg', alt='') .media-body span.f-w-600.d-block Comeren Diaz p Commented on Shaun Park's a(href='javascript:void(0)') Photo span.light-span 6 days Ago .col-xl-6.xl-60.col-lg-12.col-md-7.box-col-8 .row .col-sm-12 .card .card-header h5 Pepole You May Know .card-body.avatar-showcase.pt-0 .pepole-knows ul li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/2.png') span.d-block.f-w-600 Jason Borne button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/3.png') span.d-block.f-w-600 Anna Mull button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/3.jpg') span.d-block.f-w-600 Dion Cast button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/4.jpg') span.d-block.f-w-600 Karlene Lex button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/8.jpg') span.d-block.f-w-600 Vella Chism button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/10.jpg') span.d-block.f-w-600 Wai Schalk button.btn.btn-primary.btn-xs Add Friend .col-sm-12 .card .card-header.social-header h5.f-w-600 Hobbies and Interests span.pull-right i(data-feather='more-vertical') .card-body.pt-0 .row.details-about .col-sm-6 .your-details h6.f-w-600 Hobbies: p I like to ride the bike to work, swimming, and working out. I also like reading design magazines, go to museums, and binge watching a good tv show while it’s raining outside. .col-sm-6 .your-details.your-details-xs h6.f-w-600 Favourite Music Bands / Artists: p Iron Maid, DC/AC, Megablow, The Ill, Kung Fighters, System of a Revenge. .row.details-about .col-sm-6 .your-details h6.f-w-600 Favourite TV Shows: p Breaking Good, RedDevil, People of Interest, The Running Dead, Found, American Guy. .col-sm-6 .your-details.your-details-xs h6.f-w-600 Favourite Books: p The Crime of the Century, Egiptian Mythology 101, The Scarred Wizard, Lord of the Wings, Amongst Gods, The Oracle, A Tale of Air and Water. .row.details-about .col-sm-6 .your-details h6.f-w-600 Favourite Movies: p Idiocratic, The Scarred Wizard and the Fire Crown, Crime Squad Ferrum Man. .col-sm-6 .your-details.your-details-xs h6.f-w-600 Favourite Writers: p Martin T. Georgeston, Jhonathan R. Token, Ivana Rowle, Alexandr Platt, Marcus Roth. .row.details-about .col-sm-6 .your-details h6.f-w-600 Favourite Games: p The First of Us, Assassin’s Squad, Dark Assylum, NMAK16, Last Cause 4, Grand Snatch Auto. .col-sm-6 .your-details.your-details-xs h6.f-w-600 Other Interests: p Swimming, Surfing, Sviho Diving, Anime, Photography, Tattoos, Street Art. .col-sm-12 .card .card-header.social-header h5 span.f-w-600 Education and Employement span.pull-right i(data-feather='more-vertical') .card-body.pt-0 .row.details-about .col-sm-6 .your-details h6.f-w-600 The New College of Design p 2001 - 2006 p Breaking Good, RedDevil, People of Interest, The Running Dead, Found, American Guy. .col-sm-6 .your-details.your-details-xs h6.f-w-600 Digital Design Intern p 2006-2008 p Digital Design Intern for the “Multimedz” agency. Was in charge of the communication with the clients. .row.details-about .col-sm-6 .your-details h6.f-w-600 Rembrandt Institute p 2008 p Five months Digital Illustration course. Professor: Leonardo Stagg. .col-sm-6 .your-details.your-details-xs h6.f-w-600 UI/UX Designer p 2001 - 2006 p Breaking Good, RedDevil, People of Interest, The Running Dead, Found, American Guy. .row.details-about .col-sm-6 .your-details h6.f-w-600 The Digital College p 2010 p 6 months intensive Motion Graphics course. After Effects and Premire. Professor: Donatello Urtle. .col-sm-6 .your-details.your-details-xs h6.f-w-600 The New College of Design p 2008 - 2013 p UI/UX Designer for the “Daydreams” agency. .col-sm-12 .card .card-header h5 Viewed Your Profile .card-body.avatar-showcase.pt-0 .pepole-knows ul li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/2.png') span.d-block.f-w-600 Jason Borne button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/3.png') span.d-block.f-w-600 Anna Mull button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/3.jpg') span.d-block.f-w-600 Dion Cast button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/4.jpg') span.d-block.f-w-600 Karlene Lex button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/8.jpg') span.d-block.f-w-600 Vella Chism button.btn.btn-primary.btn-xs Add Friend li .add-friend.text-center img.img-60.img-fluid.rounded-circle(alt='', src='assets/images/user/10.jpg') span.d-block.f-w-600 Wai Schalk button.btn.btn-primary.btn-xs Add Friend .col-sm-12 .card .card-header h5 Activity Log .card-body.pt-0 .activity-log .my-activity h6.f-w-600 Today p span i.m-r-20(data-feather='thumbs-up') | Comeren Diaz likes your photos. p span i.m-r-20(data-feather='user-plus') | Karlene Lex and Comeren Diaz now friends. p span i.m-r-20(data-feather='message-square') | Sarah Loren wrote on your timeline p span i.m-r-20(data-feather='thumbs-up') | Johny Waston likes your post's. p span i.m-r-20(data-feather='user-plus') | Andew Jon became friends with Comeren Diaz. p span i.m-r-20(data-feather='user-plus') | Johny Waston became friends with Bucky Barnes. .my-activity h6.f-w-600 25 December p span i.m-r-20(data-feather='thumbs-up') | Comeren Diaz likes your photos. p span i.m-r-20(data-feather='thumbs-up') | Johny Waston likes your post's. p span i.m-r-20(data-feather='user-plus') | Karlene Lex and Comeren Diaz now friends. p span i.m-r-20(data-feather='user-plus') | Johny Waston became friends with Bucky Barnes. p span i.m-r-20(data-feather='message-square') | Sarah Loren wrote on your timeline p span i.m-r-20(data-feather='message-square') | Comeren Diaz wrote on your timeline .my-activity h6.f-w-600 8 september p span i.m-r-20(data-feather='thumbs-up') | Comeren Diaz likes your photos. p span i.m-r-20(data-feather='thumbs-up') | Johny Waston likes your post's. p span i.m-r-20(data-feather='user-plus') | Karlene Lex and Comeren Diaz now friends. p span i.m-r-20(data-feather='user-plus') | Johny Waston became friends with Bucky Barnes. p span i.m-r-20(data-feather='message-square') | Sarah Loren wrote on your timeline p span i.m-r-20(data-feather='user-plus') | Andew Jon became friends with Comeren Diaz. .my-activity h6.f-w-600 6 June p span i.m-r-20(data-feather='thumbs-up') | Comeren Diaz likes your photos. p span i.m-r-20(data-feather='user-plus') | Karlene Lex and Comeren Diaz now friends. p span i.m-r-20(data-feather='message-square') | Sarah Loren wrote on your timeline p span i.m-r-20(data-feather='thumbs-up') | Johny Waston likes your post's. p span i.m-r-20(data-feather='user-plus') | Andew Jon became friends with Comeren Diaz. p span i.m-r-20(data-feather='user-plus') | Johny Waston became friends with Bucky Barnes. .col-xl-3.xl-100.box-col-12 #accordionoc3.default-according.style-1.faq-accordion.job-accordion .row .col-xl-12.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon7', aria-expanded='true', aria-controls='collapseicon7') | Profile Intro #collapseicon7.collapse.show(aria-labelledby='collapseicon', data-parent='#accordion',aria-controls='collapseicon7') .card-body.filter-cards-view .filter-view-group span.f-w-600 About Me : p | Hi, I’m elana, I’m 30 and I work as a | web Designer for the “Daydreams” | Agency in Pier 56. .filter-view-group span.f-w-600 Favourite TV shows : p | Breaking Good, RedDevil, People of | Interest, The Running Dead, | Found, American Guy. .filter-view-group span.f-w-600 Favourite Music Bands : p | Breaking Good, RedDevil, People of | Interest, The Running Dead, | Found, American Guy. div.social-network.theme-form span.f-w-600 Social Networks button.btn.social-btn.btn-fb.mb-2.text-center i.fa.fa-facebook.m-r-5 | Facebook button.btn.social-btn.btn-twitter.mb-2.text-center i.fa.fa-twitter.m-r-5 | Twitter button.btn.social-btn.btn-google.text-center i.fa.fa-dribbble.m-r-5 | Dribbble .col-xl-12.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon8', aria-expanded='true', aria-controls='collapseicon8') | Followers #collapseicon8.collapse.show(aria-labelledby='collapseicon8', data-parent='#accordion') .card-body.social-list.filter-cards-view .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/2.png') .media-body span.d-block Bucky Barnes a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.png') .media-body span.d-block Sarah Loren a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.jpg') .media-body span.d-block Jason Borne a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/10.jpg') .media-body span.d-block Comeren Diaz a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/11.png') .media-body span.d-block Andew Jon a(href='javascript:void(0)') Add Friend .col-xl-12.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon11', aria-expanded='true', aria-controls='collapseicon11') | Followings #collapseicon11.collapse.show(aria-labelledby='collapseicon11', data-parent='#accordion') .card-body.social-list.filter-cards-view .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.png') .media-body span.d-block Sarah Loren a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/2.png') .media-body span.d-block Bucky Barnes a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/10.jpg') .media-body span.d-block Comeren Diaz a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/3.jpg') .media-body span.d-block Jason Borne a(href='javascript:void(0)') Add Friend .media img.img-50.img-fluid.m-r-20.rounded-circle(alt='', src='assets/images/user/11.png') .media-body span.d-block Andew Jon a(href='javascript:void(0)') Add Friend .col-xl-12.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon9', aria-expanded='true', aria-controls='collapseicon9') | Latest Photos #collapseicon9.collapse.show(data-parent='#accordion', aria-labelledby='collapseicon9') .card-body.photos.filter-cards-view ul.text-center li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-1.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-2.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-3.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-4.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-5.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-6.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-7.png') li .latest-post img.img-fluid(alt='', src='assets/images/social-app/post-8.png') .col-xl-12.xl-50.box-col-6 .card .card-header h5.p-0 button.btn.btn-link.ps-0(data-bs-toggle='collapse', data-bs-target='#collapseicon15', aria-expanded='true', aria-controls='collapseicon15') | Friends #collapseicon15.collapse.show(data-parent='#accordion', aria-labelledby='collapseicon15') .card-body.avatar-showcase.filter-cards-view .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/3.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/5.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/1.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/2.png', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/3.png', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/6.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/10.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/14.png', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/1.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/4.jpg', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/11.png', alt='#') .d-inline-block.friend-pic img.img-50.rounded-circle(src='assets/images/user/8.jpg', alt='#') .col-xl-12.xl-50.box-col-6 .card img.img-fluid(src='assets/images/social-app/timeline-4.png', alt='') .tab-pane.fade#friends(role='tabpanel', aria-labelledby='friends') .row .col-sm-6.col-lg-6.col-xl-4 .card.custom-card .card-header img.img-fluid(src='assets/images/user-card/1.jpg', alt='') .card-profile img.rounded-circle(src='assets/images/avtar/3.jpg', alt='') ul.card-social li a(href='javascript:void(0)') i.fa.fa-facebook li a(href='javascript:void(0)') i.fa.fa-google-plus li a(href='javascript:void(0)') i.fa.fa-twitter li a(href='javascript:void(0)') i.fa.fa-instagram li a(href='javascript:void(0)') i.fa.fa-rss .text-center.profile-details h4 Mark Jecno h6 Manager .card-footer.row .col-4.col-sm-4 h6 Follower h3.counter 9564 .col-4.col-sm-4 h6 Following h3 span.counter 49 | K .col-4.col-sm-4 h6 Total Post h3 span.counter 96 | M .col-sm-6.col-lg-6.col-xl-4 .card.custom-card .card-header img.img-fluid(src='assets/images/user-card/2.jpg', alt='') .card-profile img.rounded-circle(src='assets/images/avtar/16.jpg', alt='') ul.card-social li a(href='javascript:void(0)') i.fa.fa-facebook li a(href='javascript:void(0)') i.fa.fa-google-plus li a(href='javascript:void(0)') i.fa.fa-twitter li a(href='javascript:void(0)') i.fa.fa-instagram li a(href='javascript:void(0)') i.fa.fa-rss .text-center.profile-details h4 Johan Deo h6 Designer .card-footer.row .col-4.col-sm-4 h6 Follower h3.counter 2578 .col-4.col-sm-4 h6 Following h3 span.counter 26 | K .col-4.col-sm-4 h6 Total Post h3 span.counter 96 | M .col-sm-6.col-lg-6.col-xl-4 .card.custom-card .card-header img.img-fluid(src='assets/images/user-card/3.jpg', alt='') .card-profile img.rounded-circle(src='assets/images/avtar/11.jpg', alt='') ul.card-social li a(href='javascript:void(0)') i.fa.fa-facebook li a(href='javascript:void(0)') i.fa.fa-google-plus li a(href='javascript:void(0)') i.fa.fa-twitter li a(href='javascript:void(0)') i.fa.fa-instagram li a(href='javascript:void(0)') i.fa.fa-rss .text-center.profile-details h4 Dev John h6 Devloper .card-footer.row .col-4.col-sm-4 h6 Follower h3.counter 6545 .col-4.col-sm-4 h6 Following h3 span.counter 91 | K .col-4.col-sm-4 h6 Total Post h3 span.counter 21 | M .col-sm-6.col-lg-6.col-xl-4 .card.custom-card .card-header img.img-fluid(src='assets/images/user-card/7.jpg', alt='') .card-profile img.rounded-circle(src='assets/images/avtar/16.jpg', alt='') ul.card-social li a(href='javascript:void(0)') i.fa.fa-facebook li a(href='javascript:void(0)') i.fa.fa-google-plus li a(href='javascript:void(0)') i.fa.fa-twitter li a(href='javascript:void(0)') i.fa.fa-instagram li a(href='javascript:void(0)') i.fa.fa-rss .text-center.profile-details h4 Johan Deo h6 Designer .card-footer.row .col-4.col-sm-4 h6 Follower h3.counter 2578 .col-4.col-sm-4 h6 Following h3 span.counter 26 | K .col-4.col-sm-4 h6 Total Post h3 span.counter 96 | M .col-sm-6.col-lg-6.col-xl-4 .card.custom-card .card-header img.img-fluid(src='assets/images/user-card/5.jpg', alt='') .card-profile img.rounded-circle(src='assets/images/avtar/11.jpg', alt='') ul.card-social li a(href='javascript:void(0)') i.fa.fa-facebook li a(href='javascript:void(0)') i.fa.fa-google-plus li a(href='javascript:void(0)') i.fa.fa-twitter li a(href='javascript:void(0)') i.fa.fa-instagram li a(href='javascript:void(0)') i.fa.fa-rss .text-center.profile-details h4 Dev John h6 Devloper .card-footer.row .col-4.col-sm-4 h6 Follower h3.counter 6545 .col-4.col-sm-4 h6 Following h3 span.counter 91 | K .col-4.col-sm-4 h6 Total Post h3 span.counter 21 | M .col-sm-6.col-lg-6.col-xl-4 .card.custom-card .card-header img.img-fluid(src='assets/images/user-card/6.jpg', alt='') .card-profile img.rounded-circle(src='assets/images/avtar/3.jpg', alt='') ul.card-social li a(href='javascript:void(0)') i.fa.fa-facebook li a(href='javascript:void(0)') i.fa.fa-google-plus li a(href='javascript:void(0)') i.fa.fa-twitter li a(href='javascript:void(0)') i.fa.fa-instagram li a(href='javascript:void(0)') i.fa.fa-rss .text-center.profile-details h4 Mark Jecno h6 Manager .card-footer.row .col-4.col-sm-4 h6 Follower h3.counter 9564 .col-4.col-sm-4 h6 Following h3 span.counter 49 | K .col-4.col-sm-4 h6 Total Post h3 span.counter 96 | M .tab-pane.fade#photos(role='tabpanel', aria-labelledby='photos') .row .col-sm-12 .card .my-gallery.card-body.row.gallery-with-description(itemscope='') figure.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='') a(href='assets/images/big-lightgallry/01.jpg', itemprop='contentUrl', data-size='1600x950') img(src='assets/images/lightgallry/01.jpg', itemprop='thumbnail', alt='Image description') .caption h4 Johan Deo p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figcaption(itemprop='caption description') h4 Johan Deo p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figure.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='') a(href='assets/images/big-lightgallry/02.jpg', itemprop='contentUrl', data-size='1600x950') img(src='assets/images/lightgallry/02.jpg', itemprop='thumbnail', alt='Image description') .caption h4 Dev John p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figcaption(itemprop='caption description') h4 Dev John p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figure.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='') a(href='assets/images/big-lightgallry/03.jpg', itemprop='contentUrl', data-size='1600x950') img(src='assets/images/lightgallry/03.jpg', itemprop='thumbnail', alt='Image description') .caption h4 Johan Deo p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figcaption(itemprop='caption description') h4 Johan Deo p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figure.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='') a(href='assets/images/big-lightgallry/04.jpg', itemprop='contentUrl', data-size='1600x950') img(src='assets/images/lightgallry/04.jpg', itemprop='thumbnail', alt='Image description') .caption h4 Comeren Diaz p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figcaption(itemprop='caption description') h4 Comeren Diaz p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figure.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='') a(href='assets/images/big-lightgallry/05.jpg', itemprop='contentUrl', data-size='1600x950') img(src='assets/images/lightgallry/05.jpg', itemprop='thumbnail', alt='Image description') .caption h4 Andew Jon p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figcaption(itemprop='caption description') h4 Andew Jon p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figure.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='') a(href='assets/images/big-lightgallry/011.jpg', itemprop='contentUrl', data-size='1600x950') img(src='assets/images/lightgallry/011.jpg', itemprop='thumbnail', alt='Image description') .caption h4 Sarah Loren p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figcaption(itemprop='caption description') h4 Sarah Loren p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figure.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='') a(href='assets/images/big-lightgallry/010.jpg', itemprop='contentUrl', data-size='1600x950') img(src='assets/images/lightgallry/010.jpg', itemprop='thumbnail', alt='Image description') .caption h4 Andew Jon p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figcaption(itemprop='caption description') h4 Andew Jon p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figure.col-xl-3.col-sm-6(itemprop='associatedMedia', itemscope='') a(href='assets/images/big-lightgallry/08.jpg', itemprop='contentUrl', data-size='1600x950') img(src='assets/images/lightgallry/08.jpg', itemprop='thumbnail', alt='Image description') .caption h4 Bucky Barnes p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. figcaption(itemprop='caption description') h4 Bucky Barnes p | is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy. // Root element of PhotoSwipe. Must have class pswp. .pswp(tabindex='-1', role='dialog', aria-hidden='true') // Background of PhotoSwipe. It's a separate element, as animating opacity is faster than rgba(). .pswp__bg // Slides wrapper with overflow:hidden. .pswp__scroll-wrap // Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. // don't modify these 3 pswp__item elements, data is added later on. .pswp__container .pswp__item .pswp__item .pswp__item // Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. .pswp__ui.pswp__ui--hidden .pswp__top-bar // Controls are self-explanatory. Order can be changed. .pswp__counter button.pswp__button.pswp__button--close(title='Close (Esc)') button.pswp__button.pswp__button--share(title='Share') button.pswp__button.pswp__button--fs(title='Toggle fullscreen') button.pswp__button.pswp__button--zoom(title='Zoom in/out') // Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR // element will get class pswp__preloader--active when preloader is running .pswp__preloader .pswp__preloader__icn .pswp__preloader__cut .pswp__preloader__donut .pswp__share-modal.pswp__share-modal--hidden.pswp__single-tap .pswp__share-tooltip button.pswp__button.pswp__button--arrow--left(title='Previous (arrow left)') button.pswp__button.pswp__button--arrow--right(title='Next (arrow right)') .pswp__caption .pswp__caption__center // Container-fluid Ends include ../../components/footer include ../../components/footer-files