|
|
| (77 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <html> | | {{Home Slider}} |
| <style> | | </br> |
| /**
| | {{Series Buttons}} |
| * WEBSITE: https://themefisher.com
| | </br> |
| * TWITTER: https://twitter.com/themefisher
| | === Upcoming UK 'Now' Releases === |
| * FACEBOOK: https://www.facebook.com/themefisher
| | {{#ask: |
| * GITHUB: https://github.com/themefisher/
| | [[Version Release Date ::>{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]] |
| */ | | [[Version Release Date ::!{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]] [[Category:Album Version]] |
| | [[Country Of Release::UK]] |
| | |?Version Main Cover |
| | |?Version Release Date#GR-F[F j, Y] |
| | |?Album Title |
| | |?Version Format Type |
| | |?Amazon Link#nowiki |
| | |Sort=Version Release Date, |
| | |order=desc,asc |
| | |headers=hide |
| | |limit=100 |
| | |link=none |
| | |searchlabel= |
| | |format=plainlist |
| | |template=Album Card List |
| | |introtemplate=Album Card List Intro |
| | |outrotemplate=Album Card List Outro |
| | }} |
|
| |
|
| /*
| | ==Recent 'Now' Releases== |
| Author : Themefisher
| | {{#ask: |
| Template Name: Influencer - Book landing template
| | [[Version Release Date ::<{{CURRENTYEAR}}/{{CURRENTMONTH}}/{{CURRENTDAY}}]] [[Category:Album Version]] |
| Author URI : https://themefisher.com/
| | |?Version Main Cover |
| Description: Influencer,it, onepage,clean,bootstrap4,
| | |?Version Release Date#GR-F[F j, Y] |
| Version : 1.0 | | |?Album Title |
| */
| | |?Version Format Type |
| @import url("https://fonts.googleapis.com/css?family=Lora:400,700|Open+Sans:400,600,700&display=swap");
| | |?Amazon Link#nowiki |
| html {
| | |Sort=Version Release Date, |
| font-family: sans-serif;
| | |order=desc,asc |
| line-height: 1.15;
| | |headers=hide |
| -webkit-text-size-adjust: 100%;
| | |limit=10 |
| -ms-text-size-adjust: 100%;
| | |link=none |
| -ms-overflow-style: scrollbar;
| | |searchlabel= |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
| | |format=plainlist |
| overflow-x: hidden;
| | |template=Album Card List |
| } | | |introtemplate=Album Card List Intro |
| | |outrotemplate=Album Card List Outro |
| | }} |
|
| |
|
| body {
| |
| font-family: "Open Sans", sans-serif;
| |
| font-size: 16px;
| |
| line-height: 30px;
| |
| margin: 0;
| |
| text-align: left;
| |
| background-color: #fff;
| |
| font-weight: 300;
| |
| color: #6a7695;
| |
| }
| |
|
| |
|
| body, html {
| | {{Most Appearances}} |
| width: 100%;
| |
| height: 100%;
| |
| } | |
|
| |
|
| /*--------------------
| | __NOTITLE__ |
| TYPOGRAPHY
| |
| -----------------*/
| |
| .h1,
| |
| .h2,
| |
| .h3,
| |
| .h4,
| |
| .h5,
| |
| .h6,
| |
| h1,
| |
| h2,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6 {
| |
| font-family: "Lora", serif;
| |
| font-weight: 700;
| |
| line-height: 1.35;
| |
| margin-bottom: 0.5rem;
| |
| color: #3f4451;
| |
| }
| |
| | |
| .h1,
| |
| h1 {
| |
| font-size: 2.125rem;
| |
| line-height: 40px;
| |
| }
| |
| | |
| .h2,
| |
| h2 {
| |
| font-size: 1.625rem;
| |
| }
| |
| | |
| .h3,
| |
| h3 {
| |
| font-size: 28px;
| |
| }
| |
| | |
| .h4,
| |
| h4 {
| |
| font-size: 22px;
| |
| }
| |
| | |
| .h5,
| |
| h5 {
| |
| font-size: 18px;
| |
| }
| |
| | |
| .h6,
| |
| h6 {
| |
| font-size: 16px;
| |
| }
| |
| | |
| .text-sm {
| |
| font-size: 14px;
| |
| }
| |
| | |
| .h1 a,
| |
| .h2 a,
| |
| .h3 a,
| |
| .h4 a,
| |
| .h5 a,
| |
| .h6 a,
| |
| h1 a,
| |
| h2 a,
| |
| h3 a,
| |
| h4 a,
| |
| h5 a,
| |
| h6 a {
| |
| color: #263b5e;
| |
| }
| |
| .h1 a:hover,
| |
| .h2 a:hover,
| |
| .h3 a:hover,
| |
| .h4 a:hover,
| |
| .h5 a:hover,
| |
| .h6 a:hover,
| |
| h1 a:hover,
| |
| h2 a:hover,
| |
| h3 a:hover,
| |
| h4 a:hover,
| |
| h5 a:hover,
| |
| h6 a:hover {
| |
| color: #cc302b;
| |
| }
| |
| | |
| .section-heading h2 {
| |
| color: #263b5e;
| |
| font-weight: 600;
| |
| }
| |
| | |
| /*--------------------
| |
| Common Styles
| |
| -----------------*/
| |
| .section-heading {
| |
| margin-bottom: 80px;
| |
| }
| |
| | |
| .section {
| |
| position: relative;
| |
| padding: 8.125rem 0;
| |
| }
| |
| | |
| @media (min-width: 768px) {
| |
| .section {
| |
| padding: 7.5rem 0;
| |
| }
| |
| }
| |
| .section-top {
| |
| padding-top: 8.125rem;
| |
| }
| |
| | |
| .section-bottom {
| |
| padding-bottom: 8.125rem;
| |
| }
| |
| | |
| @media (min-width: 768px) {
| |
| .section-top {
| |
| padding-top: 10.3125rem;
| |
| }
| |
| }
| |
| .bg-grey {
| |
| background: #F4F7FC;
| |
| }
| |
| | |
| .text-color {
| |
| color: #cc302b;
| |
| }
| |
| | |
| /*-------------------
| |
| BUTTONS STYLE
| |
| ----------------=----*/
| |
| .btn {
| |
| font-weight: 700;
| |
| position: relative;
| |
| text-transform: uppercase;
| |
| padding: 15px 40px;
| |
| border-radius: 35px;
| |
| font-size: 14px;
| |
| font-family: "Open Sans", sans-serif;
| |
| cursor: pointer;
| |
| border: 1px solid transparent;
| |
| transition: all 0.2s ease-in-out;
| |
| transform: translateY(0px);
| |
| transition: all 0.3s ease-in-out !important;
| |
| }
| |
| | |
| .btn:focus {
| |
| box-shadow: none !important;
| |
| }
| |
| | |
| .btn-main {
| |
| border-color: #385777;
| |
| color: #fff;
| |
| background: #385777;
| |
| }
| |
| .btn-main:hover {
| |
| background: #cc302b;
| |
| color: #fff;
| |
| border-color: #cc302b;
| |
| }
| |
| | |
| .btn-main-2 {
| |
| background: #cc302b;
| |
| color: #fff;
| |
| border-color: #cc302b;
| |
| }
| |
| .btn-main-2:hover {
| |
| background: #385777;
| |
| color: #fff;
| |
| border-color: #385777;
| |
| }
| |
| | |
| .btn-white {
| |
| background: #fff !important;
| |
| color: #cc302b;
| |
| border-color: #fff;
| |
| }
| |
| | |
| .btn-border-tp {
| |
| border-color: #385777;
| |
| background: transparent;
| |
| color: #385777;
| |
| }
| |
| .btn-border-tp:hover {
| |
| background: #385777;
| |
| color: #fff !important;
| |
| }
| |
| | |
| .btn-small {
| |
| padding: 12px 22px;
| |
| font-size: 13px;
| |
| }
| |
| | |
| /*------------------------
| |
| BACKGROUND
| |
| ----------------------------*/
| |
| a {
| |
| color: #222;
| |
| transition: all 0.3s ease-in-out;
| |
| }
| |
| | |
| a:hover, a:focus {
| |
| outline: none;
| |
| text-decoration: none;
| |
| color: #cc302b;
| |
| }
| |
| | |
| .border-top {
| |
| border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
| |
| }
| |
| | |
| .border-bottom {
| |
| border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
| |
| }
| |
| | |
| .text-color-2 {
| |
| color: #385777;
| |
| }
| |
| | |
| .text-lg {
| |
| font-size: 40px;
| |
| line-height: 1.4;
| |
| }
| |
| | |
| .text-md {
| |
| font-size: 32px;
| |
| line-height: 1.3;
| |
| }
| |
| | |
| .letter-spacing {
| |
| letter-spacing: 2px;
| |
| }
| |
| | |
| .text-sm {
| |
| font-size: 14px;
| |
| color: #cc302b;
| |
| }
| |
| | |
| @media (max-width: 400px) {
| |
| .btn {
| |
| padding: 15px 37px;
| |
| }
| |
| .display-4 {
| |
| font-size: 2rem;
| |
| }
| |
| .comment-area .media {
| |
| display: block;
| |
| }
| |
| .comment-area .media-body {
| |
| margin-top: 20px;
| |
| }
| |
| }
| |
| /*--------------------------
| |
| PAGE BANNER
| |
| --------------------------*/
| |
| .page-banner-area {
| |
| padding: 180px 0px 90px;
| |
| position: relative;
| |
| }
| |
| | |
| /*-------------------
| |
| MENU
| |
| ----------------------*/
| |
| .main-navigation {
| |
| z-index: 9999;
| |
| padding: 10px 0px;
| |
| }
| |
| | |
| .navbar-nav .nav-link {
| |
| padding-right: 1rem !important;
| |
| padding-left: 1rem !important;
| |
| font-weight: 700;
| |
| color: #051441 !important;
| |
| text-transform: capitalize;
| |
| }
| |
| | |
| .navbar-nav .nav-link.active {
| |
| color: #cc302b !important;
| |
| }
| |
| | |
| .navbar {
| |
| position: relative;
| |
| padding: 1rem 1rem;
| |
| }
| |
| | |
| .fixed-top {
| |
| position: fixed;
| |
| z-index: 1030;
| |
| right: 0;
| |
| left: 0;
| |
| }
| |
| | |
| .navbar-toggler-icon {
| |
| display: inline-block;
| |
| width: 1.5em;
| |
| height: 1.5em;
| |
| content: "";
| |
| vertical-align: middle;
| |
| background: no-repeat 50%;
| |
| background-size: 100% 100%;
| |
| }
| |
| | |
| .nav-item.dropdown .dropdown-menu {
| |
| transition: all 300ms ease;
| |
| display: block;
| |
| visibility: hidden;
| |
| opacity: 0;
| |
| top: 120%;
| |
| box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
| |
| border: 0px;
| |
| padding: 0px;
| |
| position: absolute;
| |
| }
| |
| .nav-item.dropdown:hover .dropdown-menu {
| |
| opacity: 1;
| |
| visibility: visible;
| |
| top: 100%;
| |
| }
| |
| | |
| /*-------------------
| |
| DROPDOWN MENU
| |
| ----------------------*/
| |
| .dropdown-menu {
| |
| opacity: 0;
| |
| }
| |
| | |
| .dropdown-menu.show {
| |
| -webkit-animation: 0.2s forwards b;
| |
| animation: 0.2s forwards b;
| |
| }
| |
| | |
| @-webkit-keyframes b {
| |
| to {
| |
| opacity: 1;
| |
| }
| |
| }
| |
| | |
| @keyframes b {
| |
| to {
| |
| opacity: 1;
| |
| }
| |
| }
| |
| .dropdown-item {
| |
| font-size: 0.6875rem;
| |
| font-weight: 500;
| |
| padding-top: 0.5rem;
| |
| padding-bottom: 0.5rem;
| |
| transition: background-color 0.1s;
| |
| text-transform: uppercase;
| |
| }
| |
| .dropdown-item:hover {
| |
| color: #fff;
| |
| text-decoration: none;
| |
| background-color: #cc302b;
| |
| }
| |
| | |
| .header-white {
| |
| background: #fff;
| |
| transition: 0s all ease;
| |
| }
| |
| | |
| @media (max-width: 480px) {
| |
| .fixed-top.site-header {
| |
| background: #fff;
| |
| }
| |
| }
| |
| .navbar-collapse.collapse.show {
| |
| background: #fff;
| |
| padding: 30px 0px;
| |
| }
| |
| | |
| /*----------------------
| |
| BANNER STYLE
| |
| -----------------------*/
| |
| .py-7 {
| |
| padding: 7.5rem 0;
| |
| }
| |
| | |
| /*-------------------------
| |
| HOME -2
| |
| -----------------------------*/
| |
| .banner-main {
| |
| position: relative;
| |
| }
| |
| .banner-main:before {
| |
| position: absolute;
| |
| content: "";
| |
| left: 0px;
| |
| top: 0px;
| |
| width: 100%;
| |
| background: #F4F7FC;
| |
| height: 80%;
| |
| }
| |
| | |
| h1 {
| |
| font-size: 60px;
| |
| line-height: 70px;
| |
| color: #263b5e;
| |
| font-weight: 600;
| |
| }
| |
| | |
| .main-banner {
| |
| padding: 80px 0px 150px;
| |
| }
| |
| .main-banner p {
| |
| padding-right: 100px;
| |
| }
| |
| | |
| @media (max-width: 480px) {
| |
| h1 {
| |
| font-size: 45px;
| |
| line-height: 55px;
| |
| }
| |
| }
| |
| @media (max-width: 400px) {
| |
| h1 {
| |
| font-size: 36px;
| |
| line-height: 46px;
| |
| }
| |
| }
| |
| .feature-item i {
| |
| width: 80px;
| |
| height: 80px;
| |
| border-radius: 100%;
| |
| text-align: center;
| |
| display: inline-block;
| |
| font-size: 20px;
| |
| padding-top: 28px;
| |
| color: #222;
| |
| }
| |
| .feature-item .content {
| |
| padding-left: 30px;
| |
| }
| |
| | |
| .cta-2 {
| |
| background: rgba(238, 223, 204, 0.5);
| |
| padding: 20px 0px 6.5rem 0px;
| |
| }
| |
| .cta-2 .subscribe .form-control {
| |
| background: rgba(255, 255, 255, 0.7);
| |
| border: 1px solid rgba(0, 0, 0, 0.03);
| |
| border-radius: 5px;
| |
| }
| |
| | |
| .about {
| |
| position: relative;
| |
| }
| |
| .about .about-img img {
| |
| box-shadow: 0px 20px 40px 0px rgba(38, 59, 94, 0.1);
| |
| border: 10px solid #fff;
| |
| border-radius: 20px;
| |
| }
| |
| .about:before {
| |
| position: absolute;
| |
| content: "";
| |
| right: 0px;
| |
| top: 0px;
| |
| width: 75%;
| |
| height: 100%;
| |
| background: #F4F7FC;
| |
| border-radius: 20px 0px 0px 20px;
| |
| }
| |
| | |
| .cta-home {
| |
| background: #F4F7FC;
| |
| }
| |
| | |
| .chapter-item {
| |
| padding: 30px;
| |
| box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
| |
| margin-bottom: 30px;
| |
| }
| |
| .chapter-item h4 {
| |
| margin-bottom: 20px;
| |
| text-transform: uppercase;
| |
| font-size: 18px;
| |
| letter-spacing: 1px;
| |
| color: #cc302b;
| |
| }
| |
| | |
| .book-preview {
| |
| display: inline-block;
| |
| max-width: 400px;
| |
| width: 100%;
| |
| position: relative;
| |
| }
| |
| | |
| .book-preview .background-device {
| |
| width: 100%;
| |
| position: absolute;
| |
| }
| |
| | |
| /* Owl Slider */
| |
| .owl-book {
| |
| width: 80%;
| |
| display: inline-block;
| |
| margin: 0 auto;
| |
| }
| |
| | |
| .owl-book .item {
| |
| box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
| |
| margin-top: 48px;
| |
| position: relative;
| |
| }
| |
| | |
| .owl-book .item .overlay {
| |
| position: absolute;
| |
| left: 0;
| |
| top: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| opacity: 0;
| |
| transition: all 0.3s ease;
| |
| background: rgba(0, 0, 0, 0.7);
| |
| }
| |
| | |
| .owl-book .item:hover .overlay {
| |
| opacity: 1;
| |
| }
| |
| | |
| .owl-book .item img {
| |
| width: 100%;
| |
| transition: all 0.3s ease;
| |
| border-radius: 4px;
| |
| }
| |
| | |
| .owl-book .item .overlay > a {
| |
| position: absolute;
| |
| display: inline-block;
| |
| left: calc(50% - 30px);
| |
| top: calc(50% - 25px);
| |
| font-size: 24px;
| |
| line-height: 50px;
| |
| width: 50px;
| |
| height: 50px;
| |
| text-align: center;
| |
| background: white;
| |
| border-radius: 50%;
| |
| box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
| |
| color: #385777;
| |
| }
| |
| | |
| .owl-book .item .overlay > a:hover {
| |
| color: white;
| |
| background: #cc302b;
| |
| }
| |
| | |
| .owl-reviews .item {
| |
| padding: 0 15px;
| |
| }
| |
| | |
| .owl-reviews .owl-controls {
| |
| position: absolute;
| |
| width: 100%;
| |
| top: calc(50% - 30px);
| |
| }
| |
| | |
| .owl-reviews .owl-controls .owl-prev,
| |
| .owl-reviews .owl-controls .owl-next {
| |
| position: absolute;
| |
| font-size: 36px;
| |
| color: #bbb;
| |
| transition: all 0.3s ease;
| |
| }
| |
| | |
| .owl-reviews .owl-controls .owl-prev:hover,
| |
| .owl-reviews .owl-controls .owl-next:hover {
| |
| color: #484d53;
| |
| }
| |
| | |
| .owl-reviews .owl-controls .owl-prev {
| |
| left: -40px;
| |
| }
| |
| | |
| .owl-reviews .owl-controls .owl-next {
| |
| right: -40px;
| |
| }
| |
| | |
| @media (max-width: 768px) {
| |
| .owl-reviews .owl-controls {
| |
| position: relative;
| |
| text-align: center;
| |
| top: -30px;
| |
| }
| |
| .owl-reviews .owl-controls .owl-prev,
| |
| .owl-reviews .owl-controls .owl-next {
| |
| position: relative;
| |
| display: inline-block;
| |
| font-size: 36px;
| |
| }
| |
| }
| |
| .book-info ul li {
| |
| padding: 15px 30px;
| |
| margin-bottom: 5px;
| |
| font-weight: 700;
| |
| box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
| |
| }
| |
| .book-info ul li i {
| |
| color: #cc302b;
| |
| }
| |
| | |
| .book-item {
| |
| position: relative;
| |
| }
| |
| .book-item:hover .hover-item {
| |
| opacity: 1;
| |
| visibility: visible;
| |
| }
| |
| .book-item .hover-item {
| |
| position: absolute;
| |
| content: "";
| |
| width: 100%;
| |
| height: 100%;
| |
| background: rgba(0, 0, 0, 0.6);
| |
| left: 0px;
| |
| top: 0px;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| opacity: 0;
| |
| visibility: hidden;
| |
| transition: all 0.35s ease;
| |
| }
| |
| .book-item .hover-item i {
| |
| width: 60px;
| |
| height: 60px;
| |
| background: #fff;
| |
| color: #222;
| |
| text-align: center;
| |
| display: inline-block;
| |
| border-radius: 100%;
| |
| padding-top: 20px;
| |
| transition: all 0.35s ease;
| |
| }
| |
| .book-item .hover-item i:hover {
| |
| background: #cc302b;
| |
| color: #fff;
| |
| }
| |
| | |
| .order-details {
| |
| padding: 30px 0px;
| |
| border-top: 1px solid #eee;
| |
| border-bottom: 1px solid #eee;
| |
| }
| |
| .order-details li {
| |
| line-height: 1;
| |
| margin-right: 2em;
| |
| margin-left: 0;
| |
| padding-right: 4em;
| |
| color: #777;
| |
| padding-left: 0;
| |
| list-style-type: none;
| |
| text-transform: uppercase;
| |
| border-right: 1px dashed #d3ced2;
| |
| }
| |
| .order-details li h5 {
| |
| margin-top: 15px;
| |
| text-transform: capitalize;
| |
| }
| |
| | |
| @media (max-width: 480px) {
| |
| .order-details li {
| |
| width: 100%;
| |
| border-right: 0px;
| |
| padding: 20px 20px;
| |
| background: #eee;
| |
| }
| |
| .owl-book .item img {
| |
| width: 92%;
| |
| margin: 0px;
| |
| }
| |
| }
| |
| @media (max-width: 400px) {
| |
| .order-details li {
| |
| width: 100%;
| |
| border-right: 0px;
| |
| padding: 20px 20px;
| |
| background: #eee;
| |
| }
| |
| .owl-book .item img {
| |
| width: 69%;
| |
| margin: 0px;
| |
| }
| |
| .owl-book .item {
| |
| margin-top: 35px;
| |
| }
| |
| }
| |
| @media (max-width: 768px) {
| |
| .order-details li {
| |
| width: 100%;
| |
| border-right: 0px;
| |
| padding: 20px 20px;
| |
| background: #eee;
| |
| }
| |
| }
| |
| @media (max-width: 992px) {
| |
| .order-details li {
| |
| width: 100%;
| |
| border-right: 0px;
| |
| padding: 20px 20px;
| |
| background: #eee;
| |
| }
| |
| }
| |
| .service-block {
| |
| padding: 60px 40px;
| |
| text-align: center;
| |
| border-radius: 40px;
| |
| box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
| |
| transition: all 0.3s ease-in-out;
| |
| }
| |
| .service-block:hover {
| |
| background: #fff;
| |
| }
| |
| .service-block i {
| |
| font-size: 60px;
| |
| }
| |
| | |
| /*------------------------------------
| |
| SECTION TESTIMONIAL
| |
| -------------------------------------*/
| |
| .testimonial {
| |
| position: relative;
| |
| }
| |
| .testimonial:before {
| |
| position: absolute;
| |
| content: "";
| |
| left: 0px;
| |
| bottom: 0px;
| |
| width: 100%;
| |
| height: 40%;
| |
| background: #F4F7FC;
| |
| }
| |
| | |
| .testimonial-item-content {
| |
| text-align: center;
| |
| transition: all 0.7s ease;
| |
| position: relative;
| |
| padding: 40px 30px;
| |
| }
| |
| .testimonial-item-content:hover {
| |
| cursor: pointer;
| |
| }
| |
| | |
| .test-author-thumb img {
| |
| margin: 0 auto;
| |
| width: 80px;
| |
| height: 80px;
| |
| border-radius: 100%;
| |
| }
| |
| | |
| .testimonial-wrap {
| |
| box-shadow: 0px 20px 40px 0px rgba(38, 59, 94, 0.1);
| |
| background: #fff;
| |
| border-radius: 15px;
| |
| }
| |
| | |
| .rating a {
| |
| color: #cc302b;
| |
| }
| |
| | |
| /*---------------------------
| |
| CONTACT PAGE
| |
| -----------------------------*/
| |
| .contact-info-block {
| |
| padding: 60px 20px;
| |
| background: #fff;
| |
| }
| |
| .contact-info-block h4 {
| |
| margin-bottom: 0px;
| |
| }
| |
| .contact-info-block i {
| |
| font-size: 40px;
| |
| margin-bottom: 20px;
| |
| display: block;
| |
| color: #cc302b;
| |
| }
| |
| | |
| .form-control {
| |
| border: 1px solid rgba(0, 0, 0, 0.04);
| |
| box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
| |
| background: #fff;
| |
| height: 60px;
| |
| padding-left: 15px;
| |
| }
| |
| | |
| .form-control:focus, .form-control:hover {
| |
| border-color: #cc302b;
| |
| box-shadow: none;
| |
| }
| |
| | |
| .blog-item {
| |
| box-shadow: 12px 7px 90px 0 rgba(110, 123, 131, 0.1);
| |
| }
| |
| .quote {
| |
| background: #eee;
| |
| padding: 40px;
| |
| color: #000;
| |
| font-size: 18px;
| |
| border-left: 4px solid #cc302b;
| |
| }
| |
| | |
| .share li a {
| |
| padding-right: 10px;
| |
| border-right: 1px solid rgba(0, 0, 0, 0.08);
| |
| }
| |
| | |
| .sidebar-widget.category ul li {
| |
| padding: 12px 0px;
| |
| border-bottom: 1px solid rgba(0, 0, 0, 0.08);
| |
| }
| |
| .sidebar-widget.tags a {
| |
| display: inline-block;
| |
| padding: 4px 15px;
| |
| border: 1px solid rgba(0, 0, 0, 0.08);
| |
| margin-bottom: 4px;
| |
| color: #777;
| |
| }
| |
| .sidebar-widget.tags a:hover {
| |
| background: #cc302b;
| |
| color: #fff;
| |
| }
| |
| | |
| /*----------------------
| |
| FOOTER
| |
| -----------------------*/
| |
| .footer {
| |
| padding: 80px 0px 20px 0px;
| |
| }
| |
| | |
| .footer-copy {
| |
| font-size: 16px;
| |
| }
| |
| | |
| .current-year {
| |
| color: #cc302b !important;
| |
| }
| |
| | |
| .text-black {
| |
| color: #222;
| |
| }
| |
| | |
| /*-----------------------------
| |
| SCROLL TO TOP
| |
| --------------------------------*/
| |
| .scroll-to-top {
| |
| position: fixed;
| |
| content: "";
| |
| right: 30px;
| |
| bottom: 50px;
| |
| z-index: 999;
| |
| background: #cc302b;
| |
| color: #fff !important;
| |
| border-radius: 100%;
| |
| opacity: 0;
| |
| }
| |
| .scroll-to-top i {
| |
| width: 60px;
| |
| height: 60px;
| |
| border-radius: 100%;
| |
| text-align: center;
| |
| font-size: 22px;
| |
| line-height: 60px;
| |
| display: block;
| |
| box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);
| |
| }
| |
| | |
| .scroll-to-top:hover, .scroll-to-top:focus {
| |
| text-decoration: none;
| |
| }
| |
| /*# sourceMappingURL=style.css.map */
| |
| </style>
| |
| | |
| | |
| <!--
| |
| // WEBSITE: https://themefisher.com
| |
| // TWITTER: https://twitter.com/themefisher
| |
| // FACEBOOK: https://www.facebook.com/themefisher
| |
| // GITHUB: https://github.com/themefisher/
| |
| -->
| |
| | |
| <html lang="en">
| |
| | |
| <head>
| |
| <!-- Required meta tags -->
| |
| <meta charset="utf-8">
| |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
| |
| <meta name="description" content="Influencer- Book landing template">
| |
| <meta name="keywords" content="Influencer,creative, agency, startup,onepage, clean, modern,business, company,it">
| |
|
| |
| <meta name="author" content="themefisher.com">
| |
|
| |
| <!-- theme meta -->
| |
| <meta name="theme-name" content="influencer" />
| |
| | |
| <title>Influencer-Book Landing Template</title>
| |
| | |
| <!-- Favicon -->
| |
| <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
| |
| <!-- bootstrap.min css -->
| |
| <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
| |
| <!-- Animate Css -->
| |
| <link rel="stylesheet" href="plugins/animate-css/animate.css">
| |
| <!-- Themify icon Css -->
| |
| <link rel="stylesheet" href="plugins/themify/css/themify-icons.css">
| |
| <link rel="stylesheet" href="plugins/magnific-popup/magnific-popup.css">
| |
| <!-- Slick Carousel CSS -->
| |
| <link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css">
| |
| <link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css">
| |
| <link rel="stylesheet" href="plugins/owl-carousel/owl.css">
| |
| | |
| <!-- Main Stylesheet -->
| |
| <link rel="stylesheet" href="css/style.css">
| |
| | |
| </head>
| |
| | |
| | |
| <body id="top-header">
| |
| <!-- Navigation Menu -->
| |
| | |
| <!-- NAVBAR
| |
| ================================================= -->
| |
| <div class="main-navigation fixed-top site-header" id="mainmenu-area">
| |
| <nav class="navbar navbar-expand-lg ">
| |
| <div class="container align-items-center">
| |
| <a class="navbar-brand" href="index.html">
| |
| <h2 class="mb-0"><span class="text-color">Influ</span>encer</h2>
| |
| </a>
| |
| <!-- Toggler -->
| |
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarmain" aria-controls="navbarmain" aria-expanded="false" aria-label="Toggle navigation">
| |
| <span class="ti-menu-alt"></span>
| |
| </button>
| |
| | |
| <!-- Collapse -->
| |
| <div class="collapse navbar-collapse text-center text-lg-left" id="navbarmain">
| |
| <!-- Links -->
| |
| <ul class="navbar-nav ml-auto">
| |
| <li class="nav-item ">
| |
| <a href="#banner" class="nav-link smoth-scroll">
| |
| Home
| |
| </a>
| |
| </li>
| |
| <li class="nav-item ">
| |
| <a href="#book" class="nav-link smoth-scroll">
| |
| About
| |
| </a>
| |
| </li>
| |
| | |
| <li class="nav-item ">
| |
| <a href="#chapter" class="nav-link smoth-scroll">
| |
| Chapters
| |
| </a>
| |
| </li>
| |
| <li class="nav-item ">
| |
| <a href="#review" class="nav-link smoth-scroll">
| |
| Reviews
| |
| </a>
| |
| </li>
| |
| | |
| <li class="nav-item ">
| |
| <a href="#author" class="nav-link smoth-scroll">
| |
| Author
| |
| </a>
| |
| </li>
| |
| <li class="nav-item ">
| |
| <a href="#blog" class="nav-link smoth-scroll">
| |
| Blog
| |
| </a>
| |
| </li>
| |
| <li class="nav-item ">
| |
| <a href="#contact" class="nav-link smoth-scroll">
| |
| Contact
| |
| </a>
| |
| </li>
| |
| <li class="nav-item dropdown">
| |
| <a class="nav-link dropdown-toggle" href="#" id="navbarWelcome" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
| |
| Pages
| |
| </a>
| |
| <div class="dropdown-menu" aria-labelledby="navbarWelcome">
| |
| <a class="dropdown-item " href="blog.html">
| |
| Blog
| |
| </a>
| |
| <a class="dropdown-item " href="blog-single.html">
| |
| Blog Single
| |
| </a>
| |
| <a class="dropdown-item " href="checkout.html">
| |
| Purchase
| |
| </a>
| |
| <a class="dropdown-item " href="confirmation.html">
| |
| Confirmation
| |
| </a>
| |
| </div>
| |
| </li>
| |
| </ul>
| |
| | |
| <a href="checkout.html" class="btn btn-border-tp btn-small ml-3">Purchase Now</a>
| |
| </div>
| |
| </div>
| |
| </nav>
| |
| </div>
| |
| | |
| <!-- Banner -->
| |
| <section class="banner-main py-7" id="banner">
| |
| <div class="container">
| |
| <div class="row justify-content-between">
| |
| <div class="col-lg-7 col-md-8">
| |
| <div class="main-banner">
| |
| <span class="text-color font-weight-bold">George Stewart</span>
| |
| <h1 class="mb-3 mt-2">
| |
| The Man in the <br>Glass House
| |
| </h1>
| |
| | |
| <div class="mb-4">
| |
| <h4>Price :- <span class="text-color">$14.99</span></h4>
| |
| </div>
| |
| <p class="mb-4">We work with our partners to streamline project plans that don’t just deliver on product perfection, but also delivers on time.</p>
| |
| | |
| <a href="#" target="_blank" class="btn btn-main mt-2">
| |
| Purchase now <i class="ti-angle-right ml-3"></i>
| |
| </a>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="col-lg-5 d-none d-lg-block">
| |
| <div class="banner-img pt-5">
| |
| <img src="images/about/book.png" alt="" class="img-fluid w-100">
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| | |
| | |
| <!-- Book preview -->
| |
| <section class="setcion" id="book">
| |
| <div class="container">
| |
| <div class="row">
| |
| <div class="col-lg-5">
| |
| <div class="book-preview">
| |
| <img src="images/about/kindle.png" class="background-device img-fluid" alt="">
| |
| <div class="owl-book owl-carousel owl-theme" style="opacity: 1; display: block;">
| |
| <div class="owl-wrapper-outer">
| |
| <div class="owl-wrapper" style="width: 1920px; left: 0px; display: block; transition: all 800ms ease 0s; transform: translate3d(-640px, 0px, 0px);">
| |
| <div class="owl-item" style="width: 320px;">
| |
| <div class="item">
| |
| <img src="images/about/book_page.png" alt="" class="img-fluid">
| |
| <div class="overlay">
| |
| <a href="images/about/book_page.png" class="popup-gallery img-fluid" data-title="Image Caption"><i class="ti-fullscreen"></i></a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="owl-item" style="width: 320px;">
| |
| <div class="item">
| |
| <img src="images/about/book_page2.png" alt="" class="img-fluid">
| |
| <div class="overlay">
| |
| <a href="images/about/book_page2.png" class="popup-gallery img-fluid" data-title="Image Caption"><i class="ti-fullscreen"></i></a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="owl-item" style="width: 320px;">
| |
| <div class="item">
| |
| <img src="images/about/book_page.png" alt="" class="img-fluid">
| |
| <div class="overlay">
| |
| <a href="images/about/book_page.png" class="popup-gallery img-fluid" data-title="Image Caption"><i class="ti-fullscreen"></i></a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="col-lg-6">
| |
| <div class="section-heading book-info mt-5 mt-lg-0">
| |
| <h2 class="text-lg mb-4">Look Inside the book</h2>
| |
| <p >This lovely, well-written book is concerned with creating typography and is essential for professionals who regularly work for clients.</p>
| |
| | |
| <p>Dolor quam consectetur corrupti, dignissimos sequi. Nihil totam alias, ipsa facere quibusdam, modi accusamus quod quae quaerat.</p>
| |
| | |
| <ul class="list-unstyled mt-4 mb-5">
| |
| <li><i class="ti-check mr-3"></i> 7 Chapter</li>
| |
| <li><i class="ti-check mr-3"></i> Explained Details</li>
| |
| <li><i class="ti-check mr-3"></i> Clear Understanding</li>
| |
| <li><i class="ti-check mr-3"></i> Best practices</li>
| |
| </ul>
| |
| | |
| <a href="#" class="btn btn-main-2">Purchase on Amazon</a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| | |
| <!--Features -->
| |
| <section class="pt-4 section-bottom" id="service">
| |
| <div class="container">
| |
| <div class="row align-items-center">
| |
| <div class="col-lg-4 col-md-6 col-sm-6">
| |
| <div class="service-block mb-4 mb-lg-0">
| |
| <i class="ti-microphone text-danger"></i>
| |
| <h4 class="mb-3 mt-4">Experience</h4>
| |
| <p class="mb-0">Must explain to you how this denouncing praisig pain was give you explain to you how…</p>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-4 col-md-6 col-sm-6">
| |
| <div class="service-block mb-4 mb-lg-0">
| |
| <i class="ti-rocket text-success"></i>
| |
| <h4 class="mb-3 mt-4">Marketing Goals</h4>
| |
| <p class="mb-0">Must explain to you how this denouncing praisig pain was give you explain to you how…</p>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-4 col-md-6 col-sm-6">
| |
| <div class="service-block mb-4 mb-lg-0">
| |
| <i class="ti-email text-warning"></i>
| |
| <h4 class="mb-3 mt-4">Targetting Vission</h4>
| |
| <p class="mb-0">Must explain to you how this denouncing praisig pain was give you explain to you how…</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| | |
| <!-- Call to action -->
| |
| <section class="section cta-home">
| |
| <div class="container">
| |
| <div class="row justify-content-center">
| |
| <div class="col-lg-8">
| |
| <div class="text-center">
| |
| <blockquote class="blockquote">
| |
| <h2 class="text-lg">"It's simply the best guide to making money online ever released which only a fool would ignore."</h2>
| |
| <footer class="blockquote-footer h5 text-color mt-4">John Smith </footer>
| |
| </blockquote>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| <!-- Chapter -->
| |
| <section class="section chapter" id="chapter">
| |
| <div class="container">
| |
| <div class="row ">
| |
| <div class="col-lg-6">
| |
| <div class="section-heading">
| |
| <h2 class="text-lg">Full Chapter Overview</h2>
| |
| <p>Libero atque veniam molestiae ipsa aliquid quam facilis dolore.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="row">
| |
| <div class="col-lg-6 col-sm-6">
| |
| <div class="chapter-inner">
| |
| <div class="chapter-item">
| |
| <h4>Chapter 1</h4>
| |
| <p>Tips on scouting the city and making the most out of your three-month tourist visa.</p>
| |
| </div>
| |
| <div class="chapter-item">
| |
| <h4>Chapter 3</h4>
| |
| <p>Calculating your cost of living, with an overview of NYC neighborhoods and average rent prices. Includes tips on when to move to NYC.</p>
| |
| </div>
| |
| <div class="chapter-item">
| |
| <h4>Chapter 5</h4>
| |
| <p> A full chapter just about visas. Overview of work visa options, tips on finding and applying for the right visa, including immigration attorney recommendations.</p>
| |
| </div>
| |
| <div class="chapter-item">
| |
| <h4>Chapter 7</h4>
| |
| <p>Tips on scouting the city and making the most out of your three-month tourist visa.</p>
| |
| </div>
| |
| <div class="chapter-item">
| |
| <h4>Chapter 9</h4>
| |
| <p>Calculating your cost of living, with an overview of NYC neighborhoods and average rent prices. Includes tips on when to move to NYC.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-6 col-sm-6">
| |
| <div class="chapter-inner">
| |
| <div class="chapter-item">
| |
| <h4>Chapter 2</h4>
| |
| <p> A full chapter just about visas. Overview of work visa options, tips on finding and applying for the right visa, including immigration attorney recommendations.</p>
| |
| </div>
| |
| <div class="chapter-item">
| |
| <h4>Chapter 4</h4>
| |
| <p> Making use of events, networking as a designer/developer and tips on finding a job in the industry. How to meet the right people online and offline.</p>
| |
| </div>
| |
| <div class="chapter-item">
| |
| <h4>Chapter 6</h4>
| |
| <p>Understanding how the city works. Best practices for eating out and grocery shopping, with simple tricks on navigating the city in the most efficient way. </p>
| |
| </div>
| |
| <div class="chapter-item">
| |
| <h4>Chapter 8</h4>
| |
| <p>The last chapter deals with basic annual maintenance, including filing your taxes, health care tips and staying on top of your visa situation.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| <!-- Review-->
| |
| <section class="section-bottom testimonial" id="review">
| |
| <div class="container">
| |
| <div class="row justify-content-center">
| |
| <div class="col-lg-6 col-md-12">
| |
| <div class="section-heading text-center">
| |
| <h2 class="mb-3 text-lg">What people are saying</h2>
| |
| <p>Amazing reviews illo tenetur laboriosam excepturi velit in, temporibus ab rem dicta sint obcaecati!</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="row align-items-center">
| |
| <div class="col-lg-12 col-sm-12 col-md-12 testimonial-wrap">
| |
| <div class="test-item">
| |
| <div class="testimonial-item-content">
| |
| <div class="test-author-thumb mb-4">
| |
| <img src="images/client/test-1.jpg" alt="Testimonial author" class="img-fluid">
| |
| | |
| <div class="test-author-info mt-4">
| |
| <div class="rating">
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| </div>
| |
| | |
| <h4 class="mb-0 mt-2">Barrow Hasi</h4>
| |
| <p>Sunrise ten</p>
| |
| </div>
| |
| </div>
| |
| | |
| <p class="mb-0">Quas ut distinctio tenetur animi nihil rem, amet dolorum totam. Ab repudiandae tempore qui fugiat amet ipsa id omnis ipsam.</p>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="test-item">
| |
| <div class="testimonial-item-content">
| |
| <div class="test-author-thumb mb-4">
| |
| <img src="images/client/test-2.jpg" alt="Testimonial author" class="img-fluid">
| |
| | |
| <div class="test-author-info mt-4">
| |
| <div class="rating">
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| </div>
| |
| | |
| <h4 class="mb-0 mt-2">Will Barrow</h4>
| |
| <p>Sunrise Paradise Hotel</p>
| |
| </div>
| |
|
| |
| </div>
| |
| <p class="mb-0">Quas ut distinctio tenetur animi nihil rem, amet dolorum totam. Ab repudiandae tempore qui fugiat amet ipsa id omnis ipsam.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="test-item ">
| |
| <div class="testimonial-item-content">
| |
| <div class="test-author-thumb mb-4">
| |
| <img src="images/client/test-1.jpg" alt="Testimonial author" class="img-fluid">
| |
| | |
| <div class="test-author-info mt-4">
| |
| <div class="rating">
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| </div>
| |
| | |
| <h4 class="mb-0 mt-2">Michale john</h4>
| |
| <p>Suntech company</p>
| |
| </div>
| |
| </div>
| |
| <p class="mb-0">Quas ut distinctio tenetur animi nihil rem, amet dolorum totam. Ab repudiandae tempore qui fugiat amet ipsa id omnis ipsam.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="test-item">
| |
| <div class="testimonial-item-content">
| |
| <div class="test-author-thumb mb-4">
| |
| <img src="images/client/test-2.jpg" alt="Testimonial author" class="img-fluid">
| |
| | |
| <div class="test-author-info mt-4">
| |
| <div class="rating">
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| <a href="#"><i class="ti-star"></i></a>
| |
| </div>
| |
| | |
| <h4 class="mb-0 mt-2">John doe</h4>
| |
| <p>Paradise IT </p>
| |
| </div>
| |
| </div>
| |
| <p class="mb-0">Quas ut distinctio tenetur animi nihil rem, amet dolorum totam. Ab repudiandae tempore qui fugiat amet ipsa id omnis ipsam.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| | |
| <!-- Device feature -->
| |
| <section class="feature-home section">
| |
| <div class="container">
| |
| <div class="row align-items-center">
| |
| <div class="col-lg-6 col-md-6">
| |
| <h2 class="mb-4">Read it on your favorite device!</h2>
| |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod, nobis repudiandae! In commodi accusamus molestiae, sunt, tempora fugiat doloribus sint quisquam illo numquam corporis tenetur necessitatibus expedita eius, sed.</p>
| |
| | |
| <div class="feature-item d-flex mt-5 mb-3">
| |
| <div class="icon-block">
| |
| <i class="ti-bar-chart color-style-1"></i>
| |
| </div>
| |
| <div class="content">
| |
| <h5>Take a sneak peak insight</h5>
| |
| <p>Sed laborum omnis earum facere culpa optio natus quaerat minus.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="feature-item d-flex mb-4">
| |
| <div class="icon-block">
| |
| <i class="ti-write color-style-2"></i>
| |
| </div>
| |
| <div class="content">
| |
| <h5>Reporting & Analysis</h5>
| |
| <p>Sed laborum omnis earum facere culpa optio natus quaerat minus.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <a href="#" class="btn btn-main-2">Purchase on amazon <i class="ti-angle-right ml-3"></i></a>
| |
| </div>
| |
| | |
| <div class="col-lg-6 col-md-6">
| |
| <div class="mt-5 mt-lg-0">
| |
| <img src="images/about/ipad.jpg" alt="" class="img-fluid w-100">
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| | |
| <!-- About Author -->
| |
| <section class="about section" id="author">
| |
| <div class="container">
| |
| <div class="row align-items-center">
| |
| <div class="col-lg-5">
| |
| <div class="about-img">
| |
| <img src="images/about/home-1.jpg" alt="" class="img-fluid w-100">
| |
| </div>
| |
| </div>
| |
| | |
| <div class="col-lg-6">
| |
| <div class="author-info pl-4 mt-5 mt-lg-0">
| |
| <h2 class="text-lg">Yasin Arafat</h2>
| |
| <p class="mb-4 lead">- A technical Writer</p>
| |
| <p>Do you want to be even more successful? Learn to love learn and growth. The more efort you put into improving your skills, the bigger the payoff you will get.</p>
| |
| | |
| <p class="mb-5">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
| |
| | |
| <img src="images/about/2.png" alt="" class="img-fluid">
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| <!-- Awards -->
| |
| <section id="clients-logo-section" class="section-top">
| |
| <div class="container">
| |
| <div class="row justify-content-center">
| |
| <div class="col-lg-8">
| |
| <div class="section-heading text-center">
| |
| <h2 class="text-lg">We are award winner best selling book among the top rated 10 books!</h2>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="row">
| |
| <div class="col-lg-3 col-sm-6">
| |
| <div class="award-block text-center p-4 border mb-4">
| |
| <h5 class="mb-3">International award</h5>
| |
| <img src="images/about/award-1.png" alt="" class="img-fluid">
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-3 col-sm-6">
| |
| <div class="award-block text-center p-4 border mb-4">
| |
| <h5 class="mb-3">Meritorious award</h5>
| |
| <img src="images/about/award-2.png" alt="" class="img-fluid">
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-3 col-sm-6">
| |
| <div class="award-block text-center p-4 border mb-4">
| |
| <h5 class="mb-3">Best book award</h5>
| |
| <img src="images/about/award-3.png" alt="" class="img-fluid">
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-3 col-sm-6">
| |
| <div class="award-block text-center p-4 border mb-4">
| |
| <h5 class="mb-3">Excellence award</h5>
| |
| <img src="images/about/award-4.png" alt="" class="img-fluid">
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| <!-- Others books -->
| |
| <section class="section others-book">
| |
| <div class="container">
| |
| <div class="row justify-content-center">
| |
| <div class="col-lg-6">
| |
| <div class="section-heading text-center">
| |
| <h2 class="text-lg">Others books by the author</h2>
| |
| <p>Laboriosam eos aperiam excepturi accusamus velit repudiandae sit rem incidunt, similique facere quas blanditiis.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="row">
| |
| <div class="col-lg-3 col-md-6 col-sm-6">
| |
| <div class="book-item mb-4 mb-lg-0">
| |
| <img src="images/about/b-1.jpg" alt="" class="img-fluid">
| |
| <a href="#" class="hover-item">
| |
| <i class="ti-link"></i>
| |
| </a>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-3 col-md-6 col-sm-6">
| |
| <div class="book-item mb-4 mb-lg-0">
| |
| <img src="images/about/b-2.jpg" alt="" class="img-fluid">
| |
| <a href="#" class="hover-item">
| |
| <i class="ti-link"></i>
| |
| </a>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-3 col-md-6 col-sm-6">
| |
| <div class="book-item mb-4 mb-lg-0">
| |
| <img src="images/about/b-3.jpg" alt="" class="img-fluid">
| |
| <a href="#" class="hover-item">
| |
| <i class="ti-link"></i>
| |
| </a>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-3 col-md-6 col-sm-6">
| |
| <div class="book-item mb-4 mb-lg-0">
| |
| <img src="images/about/b-4.jpg" alt="" class="img-fluid">
| |
| <a href="#" class="hover-item">
| |
| <i class="ti-link"></i>
| |
| </a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| | |
| <!-- Latest blog -->
| |
| <section class="section blog-home border-top" id="blog">
| |
| <div class="container">
| |
| <div class="row justify-content-center">
| |
| <div class="col-lg-6">
| |
| <div class="section-heading text-center">
| |
| <h2 class="text-lg mb-3">Our insights and articles </h2>
| |
| <p>Laboriosam eos aperiam excepturi accusamus velit repudiandae sit rem incidunt, similique facere quas blanditiis.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="row">
| |
| <div class="col-lg-4 col-md-6 col-sm-6">
| |
| <div class="blog-item card mb-4 mb-lg-0 border-0">
| |
| <img src="images/blog/blog1.jpg" alt="" class="img-fluid w-100">
| |
| <div class="blog-item-content p-4">
| |
| <div class="blog-meta mb-2">
| |
| <span><i class="ti-time mr-2"></i>17 june 2019</span>
| |
| <a href="#">by Rahat Rishab</a>
| |
| </div>
| |
| <h4 class="mt-2 mb-3"><a href="blog-single.html">Corporate Workflow ethics make a diffrence</a></h4>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-4 col-md-6 col-sm-6">
| |
| <div class="blog-item card mb-4 mb-lg-0 border-0">
| |
| <img src="images/blog/blog2.jpg" alt="" class="img-fluid w-100">
| |
| <div class="blog-item-content p-4">
| |
| <div class="blog-meta mb-2">
| |
| <span><i class="ti-time mr-2"></i>17 june 2019</span>
| |
| <a href="#" >by Rahat Rishab</a>
| |
| </div>
| |
| | |
| <h4 class="mt-2 mb-3"><a href="blog-single.html">Solution for the corporate and individual customer</a></h4>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-4 col-md-6 col-sm-6">
| |
| <div class="blog-item card mb-4 mb-lg-0 border-0">
| |
| <img src="images/blog/blog3.jpg" alt="" class="img-fluid w-100">
| |
| <div class="blog-item-content p-4">
| |
| <div class="blog-meta mb-2">
| |
| <span><i class="ti-time mr-2"></i>17 june 2019</span>
| |
| <a href="#">by Rahat Rishab</a>
| |
| </div>
| |
| | |
| <h4 class="mt-2 mb-3"><a href="blog-single.html">Software flexibility and hardware performance </a></h4>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| | |
| | |
| <!-- Cpntact -->
| |
| <section class="section contact bg-grey" id="contact">
| |
| <div class="container">
| |
| <div class="row justify-content-center">
| |
| <div class="col-md-12 col-lg-8">
| |
| <div class="section-heading text-center">
| |
| <h2 class="mb-2 text-lg">Contact Us</h2>
| |
| <p>Whether you have questions or you would just like to say hello, contact us.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, atque!</p>
| |
| </div>
| |
| </div>
| |
| </div> <!-- / .row -->
| |
| | |
| <div class="row">
| |
| <div class="col-lg-4 col-sm-6">
| |
| <div class="contact-info-block text-center mb-4">
| |
| <i class="ti-headphone-alt"></i>
| |
| <p class="mb-0">Contact Quickly</p>
| |
| <h5>+23-68017684</h5>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-4 col-sm-6">
| |
| <div class="contact-info-block text-center mb-4">
| |
| <i class="ti-email"></i>
| |
| <p class="mb-0">Email</p>
| |
| <h5>startor@support.com</h5>
| |
| </div>
| |
| </div>
| |
| <div class="col-lg-4 col-sm-6">
| |
| <div class="contact-info-block text-center mb-4">
| |
| <i class="ti-location-pin"></i>
| |
| <p class="mb-0">Location</p>
| |
| <h5>397 Lake forest drive street USA</h5>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </section>
| |
| | |
| <!-- <div id="map" ></div> -->
| |
| | |
| <footer class="footer ">
| |
| <div class="container">
| |
| <div class="row justify-content-between align-items-center">
| |
| <div class="col-lg-6 col-sm-12 ">
| |
| <div class="footer-widget">
| |
| <h2 class="mb-4">Influencer</h2>
| |
| <p class="mb-4">Each theme featured at the Bootstrap marketplace has been reviewed by Bootstrap's creators.Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="col-lg-6">
| |
| <div class="subscribe ">
| |
| <h4 class="mb-4">Get up to 20% Discount</h4>
| |
| <input type="text" class="form-control mb-4" placeholder="Put your email address">
| |
| | |
| <a href="#" class="btn btn-main">Download Now<i class="ti-angle-right ml-3"></i></a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
|
| |
| <div class="container">
| |
| <div class="row footer-btm mt-5 pt-4 border-top">
| |
| <div class="col-lg-6">
| |
| <!-- Copyright -->
| |
| <p class="footer-copy">
| |
| © Copyright <span class="current-year">Themefisher</span> All rights reserved-2019.
| |
| </p>
| |
| </div>
| |
| <div class="col-lg-6">
| |
| <div class="footer-btm-menu text-lg-right">
| |
| <img src="images/about/cards-3.png" alt="" class="img-fluid">
| |
| </div>
| |
| </div>
| |
| </div> <!-- / .row -->
| |
| </div>
| |
| </footer>
| |
| | |
| | |
| | |
| <!-- Page Scroll to Top -->
| |
| | |
| <a class="scroll-to-top smoth-scroll" href="#top-header">
| |
| <i class="ti-angle-up"></i>
| |
| </a>
| |
| | |
| | |
|
| |
| | |
| | |
| <!--
| |
| Essential Scripts
| |
| =====================================-->
| |
| | |
|
| |
| <!-- Main jQuery -->
| |
| <script src="plugins/jquery/jquery.min.js"></script>
| |
| <!-- Bootstrap 3.1 -->
| |
| <script src="plugins/bootstrap/js/popper.min.js"></script>
| |
| <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
| |
| <script src="plugins/owl-carousel/owl-carousel.js"></script>
| |
| <!-- Slick Slider -->
| |
| <script src="plugins/slick-carousel/slick/slick.min.js"></script>
| |
| <script src="plugins/magnific-popup/jquery.magnific-popup.js"></script>
| |
| <script src="js/theme.js"></script>
| |
| | |
| </body>
| |
| </html>
| |
