- var theme_customizer = true; - var photo_swipe = true; - var sidebar = true; - var slick = true; - var header_slider = true; - var animate = true; - var scrollbar = true; doctype html html(lang='en') include ../../components/header-files body include ../../components/loader include ../../components/taptop // page-wrapper Start #pageWrapper.page-wrapper.compact-wrapper include ../../components/header // Page Body Start .page-body-wrapper include ../../components/sidebar .page-body .container-fluid .page-title .row .col-6 h3 | Social App .col-6 ol.breadcrumb li.breadcrumb-item a(href='index.html') svg.stroke-icon use(href='../assets/svg/icon-sprite.svg#stroke-home') li.breadcrumb-item Apps li.breadcrumb-item.active Social App // Container-fluid starts .container-fluid .user-profile.social-app-profile .row // user profile first-style start .col-sm-12.box-col-12 .card.hovercard.text-center .cardheader.socialheader .user-image .avatar img(alt='', src='../assets/images/user/1.jpg') .icon-wrapper i.icofont.icofont-pencil-alt-5 ul.share-icons li a(href='#').social-icon.bg-primary i(class='fa fa-smile-o') li a(href='#').social-icon.bg-secondary i(class='fa fa-wechat') li a(href='#').social-icon.bg-warning i(class='fa fa-share-alt') .info.market-tabs.p-0 ul#top-tab.nav.nav-tabs.border-tab.tabs-scoial(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') | Timeline li.nav-item a#top-about.nav-link(data-bs-toggle='tab', href='#about', role='tab', aria-controls='about', aria-selected='false') | About li.nav-item .user-designation .title a(target='_blank', href='') ElANA .desc.mt-2 general manager li.nav-item a#top-friends.nav-link(data-bs-toggle='tab', href='#friends', role='tab', aria-controls='friends', aria-selected='false') | Friends li.nav-item a#top-photos.nav-link(data-bs-toggle='tab', href='#photos', role='tab', aria-controls='photos', aria-selected='false') | Photos #top-tabContent.tab-content .tab-pane.fade.show.active#timeline(role='tabpanel', aria-labelledby='timeline') .row .col-xl-3.xl-40.col-lg-12.col-md-5.box-col-4 #accordionExample.default-according.style-1.faq-accordion .card #headingOne.card-header h2.mb-0 button.btn.btn-link.btn-block.text-start(type='button' data-bs-toggle='collapse' data-bs-target='#collapseOne' aria-expanded='true' aria-controls='collapseOne') | My Profile #collapseOne.collapse.show(aria-labelledby='headingOne' data-bs-parent='#accordionExample') .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 h6.font-primary.f-w-600 My Page span.d-block span i.fa.fa-comments-o span.px-2 Messages span.badge.rounded-pill.badge-light.ms-2 9 span.d-block span i.fa.fa-bell-o span.px-2 notification span.badge.rounded-pill.badge-light.ms-2 9 .social-btngroup.d-flex button.btn.btn-primary.text-center(type='button') Likes button.btn.btn-light.text-center.ms-2(type='button') View .likes-profile.text-center h5 span i.fa.fa-heart.font-danger | 884 div.text-center | 35 New Likes This Week .customers.text-center.social-group ul li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/3.jpg', alt='' data-container='body', data-bs-toggle='tooltip', title='Johny Waston') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/5.jpg', alt='' data-container='body', data-bs-toggle='tooltip', title='Andew Jon') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/1.jpg', alt='' data-container='body', data-bs-toggle='tooltip', title='Comeren Diaz') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/2.png', alt='' data-container='body', data-bs-toggle='tooltip', title='Bucky Barnes') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/8.jpg', alt='' data-container='body', data-bs-toggle='tooltip', title='Jason Borne') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/11.png', alt='' data-container='body', data-bs-toggle='tooltip', title='Comeren Diaz') img.img-fluid.mt-5(alt='', src='../assets/images/social-app/timeline-3.png') .card #headingTwo.card-header h2.mb-0 button.btn.btn-link.btn-block.text-start.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseTwo' aria-expanded='true' aria-controls='collapseTwo') | Mutual Friends #collapseTwo.collapse.show(aria-labelledby='headingTwo' data-bs-parent='#accordionExample') .card-body.social-status.filter-cards-view .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 .card #headingThree.card-header h2.mb-0 button.btn.btn-link.btn-block.text-start.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseThree' aria-expanded='true' aria-controls='collapseThree') | Activity Feed #collapseThree.collapse.show(aria-labelledby='headingThree' data-bs-parent='#accordionExample') .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='#') 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='#') 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='#') 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='#') 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='#') 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='#') Photo span.light-span 6 days Ago .col-xl-6.xl-60.col-lg-12.col-md-7.box-col-8e .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') .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 .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(href='#') 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-append button.btn.btn-transparent(type='button') i.fa.fa-smile-o .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(href='#') 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-append button.btn.btn-transparent(type='button') i.fa.fa-smile-o .col-xl-3.xl-100.box-col-12 #accordionoc1.default-according.style-1.faq-accordion.job-accordion .row .col-xl-12.xl-50.box-col-6 .card .card-header h5.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon2', aria-expanded='true', aria-controls='collapseicon2') | Profile Intro #collapseicon2.collapse.show(aria-labelledby='collapseicon2', data-bs-parent='#accordion') .card-body.filter-cards-view span.f-w-600.mb-2.d-block About Me : p | Hi, I’m elana, I’m 30 and I work as a | web Designer for the “Daydreams” | Agency in Pier 56. span.f-w-600.mb-2.d-block Favourite TV shows : p | Breaking Good, RedDevil, People of | Interest, The Running Dead, | Found, American Guy. span.f-w-600.mb-2.d-block 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.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon3', aria-expanded='true', aria-controls='collapseicon3') | Followers #collapseicon3.collapse.show(aria-labelledby='collapseicon3', data-bs-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='#') 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='#') 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='#') 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='#') 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='#') Add Friend .col-xl-12.xl-50.box-col-6 .card .card-header h5.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon10', aria-expanded='true', aria-controls='collapseicon10') | Followings #collapseicon10.collapse.show(aria-labelledby='collapseicon10', data-bs-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='#') 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='#') 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='#') 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='#') 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='#') Add Friend .col-xl-12.xl-50.box-col-6 .card .card-header h5.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon4', aria-expanded='true', aria-controls='collapseicon4') | Latest Photos #collapseicon4.collapse.show(data-bs-parent='#accordion', aria-labelledby='collapseicon4') .card-body.photos.filter-cards-view.px-0 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.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon13', aria-expanded='true', aria-controls='collapseicon13') | Friends #collapseicon13.collapse.show(data-bs-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.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 #accordionExample1.default-according.style-1.faq-accordion .card #headingOneone.card-header h2.mb-0 button.btn.btn-link.btn-block.text-start(type='button' data-bs-toggle='collapse' data-bs-target='#collapseOneone' aria-expanded='true' aria-controls='collapseOneone') | My Profile #collapseOneone.collapse.show(aria-labelledby='headingOneone' data-bs-parent='#accordionExample1') .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 h6.font-primary.f-w-600 My Page span.d-block span i.fa.fa-comments-o span.px-2 Messages span.badge.rounded-pill.badge-light.ms-2 9 span.d-block span i.fa.fa-bell-o span.px-2 notification span.badge.rounded-pill.badge-light.ms-2 9 .social-btngroup.d-flex button.btn.btn-primary.text-center(type='button') Likes button.btn.btn-light.text-center.ms-2(type='button') View .likes-profile.text-center h5 span i.fa.fa-heart.font-danger | 884 div.text-center | 35 New Likes This Week .customers.text-center.social-group ul li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/3.jpg', alt='' data-container='body', data-bs-toggle='tooltip', title='', data-original-title='Johny Waston') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/5.jpg', alt='' data-container='body', data-bs-toggle='tooltip', title='', data-original-title='Andew Jon') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/1.jpg', alt='' data-container='body', data-bs-toggle='tooltip', title='', data-original-title='Comeren Diaz') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/2.png', alt='' data-container='body', data-bs-toggle='tooltip', title='', data-original-title='Bucky Barnes') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/8.jpg', alt='' data-container='body', data-bs-toggle='tooltip', title='', data-original-title='Jason Borne') li.d-inline-block img.img-40.rounded-circle(src='../assets/images/user/11.png', alt='' data-container='body', data-bs-toggle='tooltip', title='', data-original-title='Comeren Diaz') img.img-fluid.mt-5(alt='', src='../assets/images/social-app/timeline-3.png') .card #headingTwotwo.card-header h2.mb-0 button.btn.btn-link.btn-block.text-start.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseTwotwo' aria-expanded='true' aria-controls='collapseTwotwo') | Mutual Friends #collapseTwotwo.collapse.show(aria-labelledby='headingTwotwo' data-bs-parent='#accordionExample1') .card-body.social-status.filter-cards-view .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 .card #headingThreeThree.card-header h2.mb-0 button.btn.btn-link.btn-block.text-start.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseThreeThree' aria-expanded='true' aria-controls='collapseThreeThree') | Activity Feed #collapseThreeThree.collapse.show(aria-labelledby='headingThreeThree' data-bs-parent='#accordionExample1') .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='#') 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='#') 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='#') 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='#') 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='#') 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='#') Photo span.light-span 6 days Ago .col-xl-6.xl-60.col-lg-12.col-md-8.box-col-8e .row .col-sm-12 .card .card-header h5 Pepole You May Know .card-body.avatar-showcase .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 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 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 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 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 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 Wai Schalk 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/14.png') span.d-block Karlene Lex button.btn.btn-primary.btn-xs Add Friend .col-sm-12 .card .card-header.social-header h5 span Hobbies and Interests span.pull-right i(data-feather='more-vertical') .card-body .row.details-about .col-sm-6 .your-details span.f-w-600.mb-2.d-block 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 span.f-w-600.mb-2.d-block 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 span.f-w-600.mb-2.d-block Favourite TV Shows: p Breaking Good, RedDevil, People of Interest, The Running Dead, Found, American Guy. .col-sm-6 .your-details.your-details-xs span.f-w-600.mb-2.d-block 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 span.f-w-600.mb-2.d-block Favourite Movies: p Idiocratic, The Scarred Wizard and the Fire Crown, Crime Squad Ferrum Man. .col-sm-6 .your-details.your-details-xs span.f-w-600.mb-2.d-block Favourite Writers: p Martin T. Georgeston, Jhonathan R. Token, Ivana Rowle, Alexandr Platt, Marcus Roth. .row.details-about .col-sm-6 .your-details span.f-w-600.mb-2.d-block 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 span.f-w-600.mb-2.d-block Other Interests: p Swimming, Surfing, Scuba Diving, Anime, Photography, Tattoos, Street Art. .col-sm-12 .card .card-header.social-header h5 span Education and Employement span.pull-right i(data-feather='more-vertical') .card-body .row.details-about .col-sm-6 .your-details span.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 span.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 span.f-w-600 Rembrandt Institute p 2008 p Five months Digital Illustration course. Professor: Leonardo Stagg. .col-sm-6 .your-details.your-details-xs span.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 span.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 span.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 .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 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 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 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 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 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 Wai Schalk 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/14.png') span.d-block Karlene Lex button.btn.btn-primary.btn-xs Add Friend .col-sm-12 .card .card-header h5 Activity Log .card-body .activity-log .my-activity h6.f-w-600.mb-3 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.mb-3 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.mb-3 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.mb-3 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.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon7', aria-expanded='true', aria-controls='collapseicon7') | Profile Intro #collapseicon7.collapse.show(aria-labelledby='collapseicon', data-bs-parent='#accordion',aria-controls='collapseicon7') .card-body.filter-cards-view span.f-w-600.mb-2.d-block About Me : p | Hi, I’m elana, I’m 30 and I work as a | web Designer for the “Daydreams” | Agency in Pier 56. span.f-w-600.mb-2.d-block Favourite TV shows : p | Breaking Good, RedDevil, People of | Interest, The Running Dead, | Found, American Guy. span.f-w-600.mb-2.d-block 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.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon8', aria-expanded='true', aria-controls='collapseicon8') | Followers #collapseicon8.collapse.show(aria-labelledby='collapseicon8', data-bs-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='#') 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='#') 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='#') 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='#') 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='#') Add Friend .col-xl-12.xl-50.box-col-6 .card .card-header h5.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon11', aria-expanded='true', aria-controls='collapseicon11') | Followings #collapseicon11.collapse.show(aria-labelledby='collapseicon11', data-bs-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='#') 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='#') 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='#') 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='#') 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='#') Add Friend .col-xl-12.xl-50.box-col-6 .card .card-header h5.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon9', aria-expanded='true', aria-controls='collapseicon9') | Latest Photos #collapseicon9.collapse.show(data-bs-parent='#accordion', aria-labelledby='collapseicon9') .card-body.photos.filter-cards-view.px-0 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') li .latest-post img.img-fluid(alt='', src='../assets/images/social-app/post-9.png') .col-xl-12.xl-50.box-col-6 .card .card-header h5.mb-0 button.btn.btn-link(data-bs-toggle='collapse', data-bs-target='#collapseicon15', aria-expanded='true', aria-controls='collapseicon15') | Friends #collapseicon15.collapse.show(data-bs-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-xl-4.col-sm-6.col-xxl-3.col-ed-4.box-col-4 .card.social-profile .card-body .social-img-wrap .social-img img(src="../assets/images/dashboard-5/profile.png", alt="profile") .edit-icon svg use(href='../assets/svg/icon-sprite.svg#profile-check') .social-details h5.mb-1 a(href="social-app.html") Brooklyn Simmons span.f-light @brookly.simmons ul.card-social li a(href='https://www.facebook.com/' target="_blank") i.fa.fa-facebook li a(href='https://accounts.google.com/' target="_blank") i.fa.fa-google-plus li a(href='https://twitter.com/' target="_blank") i.fa.fa-twitter li a(href='https://www.instagram.com/' target="_blank") i.fa.fa-instagram li a(href='https://rss.app/' target="_blank") i.fa.fa-rss ul.social-follow li h5.mb-0 1,908 span.f-light Posts li h5.mb-0 34.0k span.f-light Followers li h5.mb-0 897 span.f-light Following .col-xl-4.col-sm-6.col-xxl-3.col-ed-4.box-col-4 .card.social-profile .card-body .social-img-wrap .social-img img.img-fluid(src="../assets/images/avtar/3.jpg", alt="profile") .edit-icon svg use(href='../assets/svg/icon-sprite.svg#profile-check') .social-details h5.mb-1 a(href="social-app.html") Mark Jecno span.f-light @mark.jeco ul.card-social li a(href='https://www.facebook.com/' target="_blank") i.fa.fa-facebook li a(href='https://accounts.google.com/' target="_blank") i.fa.fa-google-plus li a(href='https://twitter.com/' target="_blank") i.fa.fa-twitter li a(href='https://www.instagram.com/' target="_blank") i.fa.fa-instagram li a(href='https://rss.app/' target="_blank") i.fa.fa-rss ul.social-follow li h5.mb-0 875 span.f-light Posts li h5.mb-0 12.0k span.f-light Followers li h5.mb-0 1400 span.f-light Following .col-xl-4.col-sm-6.col-xxl-3.col-ed-4.box-col-4 .card.social-profile .card-body .social-img-wrap .social-img img.img-fluid(src="../assets/images/avtar/11.jpg", alt="profile") .edit-icon svg use(href='../assets/svg/icon-sprite.svg#profile-check') .social-details h5.mb-1 a(href="social-app.html") Dev John span.f-light @john.dev ul.card-social li a(href='https://www.facebook.com/' target="_blank") i.fa.fa-facebook li a(href='https://accounts.google.com/' target="_blank") i.fa.fa-google-plus li a(href='https://twitter.com/' target="_blank") i.fa.fa-twitter li a(href='https://www.instagram.com/' target="_blank") i.fa.fa-instagram li a(href='https://rss.app/' target="_blank") i.fa.fa-rss ul.social-follow li h5.mb-0 1,274 span.f-light Posts li h5.mb-0 15.0k span.f-light Followers li h5.mb-0 1874 span.f-light Following .col-xl-4.col-sm-6.col-xxl-3.col-ed-4.box-col-4 .card.social-profile .card-body .social-img-wrap .social-img img.img-fluid(src="../assets/images/avtar/16.jpg", alt="profile") .edit-icon svg use(href='../assets/svg/icon-sprite.svg#profile-check') .social-details h5.mb-1 a(href="social-app.html") Johan Deo span.f-light @deo.johan ul.card-social li a(href='https://www.facebook.com/' target="_blank") i.fa.fa-facebook li a(href='https://accounts.google.com/' target="_blank") i.fa.fa-google-plus li a(href='https://twitter.com/' target="_blank") i.fa.fa-twitter li a(href='https://www.instagram.com/' target="_blank") i.fa.fa-instagram li a(href='https://rss.app/' target="_blank") i.fa.fa-rss ul.social-follow li h5.mb-0 500 span.f-light Posts li h5.mb-0 8.0k span.f-light Followers li h5.mb-0 570 span.f-light Following .col-xl-4.col-sm-6.col-xxl-3.col-ed-4.box-col-4 .card.social-profile .card-body .social-img-wrap .social-img img.img-fluid(src="../assets/images/user/7.jpg", alt="profile") .edit-icon svg use(href='../assets/svg/icon-sprite.svg#profile-check') .social-details h5.mb-1 a(href="social-app.html") Douglas Reichel span.f-light @reichel.douglas ul.card-social li a(href='https://www.facebook.com/' target="_blank") i.fa.fa-facebook li a(href='https://accounts.google.com/' target="_blank") i.fa.fa-google-plus li a(href='https://twitter.com/' target="_blank") i.fa.fa-twitter li a(href='https://www.instagram.com/' target="_blank") i.fa.fa-instagram li a(href='https://rss.app/' target="_blank") i.fa.fa-rss ul.social-follow li h5.mb-0 460 span.f-light Posts li h5.mb-0 2k span.f-light Followers li h5.mb-0 350 span.f-light Following .col-xl-4.col-sm-6.col-xxl-3.col-ed-4.box-col-4 .card.social-profile .card-body .social-img-wrap .social-img img.img-fluid(src="../assets/images/avtar/4.jpg", alt="profile") .edit-icon svg use(href='../assets/svg/icon-sprite.svg#profile-check') .social-details h5.mb-1 a(href="social-app.html") Lisa lillian span.f-light @lisa.lillian ul.card-social li a(href='https://www.facebook.com/' target="_blank") i.fa.fa-facebook li a(href='https://accounts.google.com/' target="_blank") i.fa.fa-google-plus li a(href='https://twitter.com/' target="_blank") i.fa.fa-twitter li a(href='https://www.instagram.com/' target="_blank") i.fa.fa-instagram li a(href='https://rss.app/' target="_blank") i.fa.fa-rss ul.social-follow li h5.mb-0 547 span.f-light Posts li h5.mb-0 3.5k span.f-light Followers li h5.mb-0 822 span.f-light Following .col-xl-4.col-sm-6.col-xxl-3.col-ed-4.box-col-4 .card.social-profile .card-body .social-img-wrap .social-img img.img-fluid(src="../assets/images/user/1.jpg", alt="profile") .edit-icon svg use(href='../assets/svg/icon-sprite.svg#profile-check') .social-details h5.mb-1 a(href="social-app.html") Olivia rose span.f-light @rose.olivia ul.card-social li a(href='https://www.facebook.com/' target="_blank") i.fa.fa-facebook li a(href='https://accounts.google.com/' target="_blank") i.fa.fa-google-plus li a(href='https://twitter.com/' target="_blank") i.fa.fa-twitter li a(href='https://www.instagram.com/' target="_blank") i.fa.fa-instagram li a(href='https://rss.app/' target="_blank") i.fa.fa-rss ul.social-follow li h5.mb-0 868 span.f-light Posts li h5.mb-0 1k span.f-light Followers li h5.mb-0 742 span.f-light Following .col-xl-4.col-sm-6.col-xxl-3.col-ed-4.box-col-4 .card.social-profile .card-body .social-img-wrap .social-img img.img-fluid(src="../assets/images/user/2.png", alt="profile") .edit-icon svg use(href='../assets/svg/icon-sprite.svg#profile-check') .social-details h5.mb-1 a(href="social-app.html") Sarah Karen span.f-light @karen.sarah ul.card-social li a(href='https://www.facebook.com/' target="_blank") i.fa.fa-facebook li a(href='https://accounts.google.com/' target="_blank") i.fa.fa-google-plus li a(href='https://twitter.com/' target="_blank") i.fa.fa-twitter li a(href='https://www.instagram.com/' target="_blank") i.fa.fa-instagram li a(href='https://rss.app/' target="_blank") i.fa.fa-rss ul.social-follow li h5.mb-0 972 span.f-light Posts li h5.mb-0 2.5k span.f-light Followers li h5.mb-0 864 span.f-light Following .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