- var tour                  = true;
- var theme_customizer      = 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
                    | Tour
                .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 Bonus Ui
                    li.breadcrumb-item.active Tour
          // Container-fluid starts
          .container-fluid
            .user-profile
              .row
                // user profile first-style start
                .col-sm-12
                  .card.hovercard.text-center
                    .cardheader
                    .user-image
                      .avatar
                        img(alt='', src='../assets/images/user/7.jpg', data-intro='This is Profile image')
                      .icon-wrapper
                        i.icofont.icofont-pencil-alt-5(data-intro='Change Profile image here')
                    .info
                      .row(data-intro='This is the your details')
                        .col-sm-6.col-lg-4.order-sm-1.order-xl-0
                          .row
                            .col-md-6
                              .ttl-info.text-start
                                h6
                                  i.fa.fa-envelope
                                  |    Email
                                span Marekjecno@yahoo.com
                            .col-md-6
                              .ttl-info.text-start.ttl-sm-mb-0
                                h6
                                  i.fa.fa-calendar
                                  |    BOD
                                span 02 January 1988
                        .col-sm-12.col-lg-4.order-sm-0.order-xl-1
                          .user-designation
                            .title
                              a(target='_blank', href='') Mark jecno
                            .desc.mt-2 designer
                        .col-sm-6.col-lg-4.order-sm-2.order-xl-2
                          .row
                            .col-md-6
                              .ttl-info.text-start.ttl-xs-mt
                                h6
                                  i.fa.fa-phone
                                  |    Contact Us
                                span India +91 123-456-7890
                            .col-md-6
                              .ttl-info.text-start.ttl-sm-mb-0
                                h6
                                  i.fa.fa-location-arrow
                                  |    Location
                                span B69 Near Schoool Demo Home
                      hr
                      .social-media(data-intro='This is your Social details')
                        ul.list-inline
                          li.list-inline-item
                            a(href='https://www.facebook.com/' target="_blank")
                              i.fa.fa-facebook
                          li.list-inline-item
                            a(href='https://accounts.google.com/' target="_blank")
                              i.fa.fa-google-plus
                          li.list-inline-item
                            a(href='https://twitter.com/' target="_blank")
                              i.fa.fa-twitter
                          li.list-inline-item
                            a(href='https://www.instagram.com/' target="_blank")
                              i.fa.fa-instagram
                          li.list-inline-item
                            a(href='https://rss.app/' target="_blank")
                              i.fa.fa-rss
                      .follow
                        .row
                          .col-6.border-right
                            .follow-num.counter 25869
                            span Follower
                          .col-6
                            .follow-num.counter 659887
                            span Following
                // user profile first-style end
                // user profile second-style start
                .col-sm-12(data-intro='This is the your first Post')
                  .card
                    .profile-img-style
                      .row.g-2
                        .col-sm-8
                          .media
                            img.img-thumbnail.rounded-circle.me-3(src='../assets/images/user/7.jpg', alt='Generic placeholder image')
                            .media-body.align-self-center
                              h5.mt-0.user-name JOHAN DIO
                        .col-sm-4.align-self-center
                          .float-sm-end
                            small 10 Hours ago
                      hr
                      p
                        | you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.
                      .img-container
                        #aniimated-thumbnials
                          a(href='javascript:void(0)')
                            img.img-fluid.rounded(src='../assets/images/other-images/profile-style-img3.png', alt='gallery')
                      .like-comment.mt-4
                        ul.list-inline
                          li.list-inline-item.border-right.pe-3
                            label.m-0
                              a(href='#')
                                i.fa.fa-heart
                              |   Like
                            span.ms-2.counter 2659
                          li.list-inline-item.ms-2
                            label.m-0
                              a(href='#')
                                i.fa.fa-comment
                              |   Comment
                            span.ms-2.counter 569
                // user profile second-style end
                // user profile third-style start
                .col-sm-12
                  .card
                    .profile-img-style
                      .row.g-2
                        .col-sm-8
                          .media
                            img.img-thumbnail.rounded-circle.me-3(src='../assets/images/user/7.jpg', alt='Generic placeholder image')
                            .media-body.align-self-center
                              h5.mt-0.user-name JOHAN DIO
                        .col-sm-4.align-self-center
                          .float-sm-end
                            small 10 Hours ago
                      hr
                      p
                        | you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.
                      #aniimated-thumbnials-2.row.mt-4.pictures
                        a.col-sm-6(href='javascript:void(0)')
                          img.img-fluid.rounded(src='../assets/images/other-images/profile-style-img.png', alt='gallery')
                        a.col-sm-6(href='javascript:void(0)')
                          img.img-fluid.rounded(src='../assets/images/other-images/profile-style-img.png', alt='gallery')
                      .like-comment.mt-4
                        ul.list-inline
                          li.list-inline-item.border-right.pe-3
                            label.m-0
                              a(href='#')
                                i.fa.fa-heart
                              |   Like
                            span.ms-2.counter 2659
                          li.list-inline-item.ms-2
                            label.m-0
                              a(href='#')
                                i.fa.fa-comment
                              |   Comment
                            span.ms-2.counter 569
                // user profile third-style end
                // user profile fourth-style start
                .col-sm-12
                  .card
                    .profile-img-style
                      .row.g-2
                        .col-sm-8
                          .media
                            img.img-thumbnail.rounded-circle.me-3(src='../assets/images/user/7.jpg', alt='Generic placeholder image')
                            .media-body.align-self-center
                              h5.mt-0.user-name JOHAN DIO
                        .col-sm-4.align-self-center
                          .float-sm-end
                            small 10 Hours ago
                      hr
                      p
                        | Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source .Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source
                      .like-comment.mt-4
                        ul.list-inline
                          li.list-inline-item.border-right.pe-3
                            label.m-0
                              a(href='#')
                                i.fa.fa-heart
                              |   Like
                            span.ms-2.counter 2659
                          li.list-inline-item.ms-2
                            label.m-0
                              a(href='#')
                                i.fa.fa-comment
                              |   Comment
                            span.ms-2.counter 569
                // user profile fourth-style end
                // user profile fifth-style start
                .col-sm-12
                  .card
                    .profile-img-style
                      .row.g-2
                        .col-sm-8
                          .media
                            img.img-thumbnail.rounded-circle.me-3(src='../assets/images/user/7.jpg', alt='Generic placeholder image')
                            .media-body.align-self-center
                              h5.mt-0.user-name JOHAN DIO
                        .col-sm-4.align-self-center
                          .float-sm-end
                            small 10 Hours ago
                      hr
                      .row
                        .col-lg-12.col-xl-4
                          #aniimated-thumbnials-3
                            a(href='javascript:void(0)')
                              img.img-fluid.rounded(src='../assets/images/blog/img.png', alt='gallery')
                          .like-comment.mt-4.like-comment-lg-mb
                            ul.list-inline
                              li.list-inline-item.border-right.pe-3
                                label.m-0
                                  a(href='#')
                                    i.fa.fa-heart
                                  |   Like
                                span.ms-2.counter 2659
                              li.list-inline-item.ms-2
                                label.m-0
                                  a(href='#')
                                    i.fa.fa-comment
                                  |   Comment
                                span.ms-2.counter 569
                        .col-xl-6
                          p
                            | Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consecteturContrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur
                // user profile fifth-style end

          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
