Our Work

Digital Flip Book Design & Demo

Category : Branding Samples

Tags : Flip Book Design

July 13, 2022

A digital flipbook is a format for presenting content online as an engaging interactive HTML5 document that can be viewed in any browser and on any screen.

View Flip Book Samples

Bangkok Best Dining Flip Book

#asf{display:table-row;background:red;}.social-left{float:left;}.social-right{float:right;}.social-left img{margin-left:245px;}.social-right img{margin-right:257px;}.bloging-left{width:47%;float:left;margin:6px;}.bloging-right{width:47%;float:right;margin:6px;}.ul.sub-menu li{text-transform:capitalize !important;}.short-links ul li:first-child{padding-left:1.5px;}.link-section.fixed ul{width:124%;}.link-section .short-links ul li{padding-right:0px;}.menu-image-title-after.menu-image-not-hovered img{width:20px;height:21px;}.short-links ul ul{left:auto !important;}.border-right .foo-social > span{display:none;}.foo-links{display:none;}.names{background:#069;position:relative;top:0px;}.asd{padding:10px;background:#069;text-align:left;font-weight:700;position:relative;font-size:16px;letter-spacing:0;color:white;right:10px;}ul.sub-menu li a{font-weight:500;}.asd1{padding:10px;background:#069;text-align:left;font-weight:700;position:relative;font-size:16px;letter-spacing:0;color:white;right:0px;left:79px;}.foo-address p{text-align:left;}.client-section .product-info{background:none;width:33%;}.foo-address span{text-align:center;display:none;}.company-foo .row{padding-top:11px;padding-bottom:34px;}.foo-short ul{text-align:left;}.foo-short{padding:22px 0 0;margin-left:71px;}.foo-join > span{text-align:center;display:none;}.join-frm{text-align:left;padding-left:70px;}.foo-short ul li a{text-align:center;}.our_work{padding:50px 0;}.about-section .our_work h1{border:4px solid #069;color:#069;display:inline-block;font-size:34px;font-weight:600;padding:8px 22px;border-radius:22px;margin:0;}.our_work .work_block{margin-top:30px;position:relative;}.our_work .work_block img{width:100%;}.our_work .work_block h3{text-align:center;padding:30px 20px;color:#fff;font-size:28px;font-weight:700;text-transform:uppercase;position:absolute;z-index:9;top:50%;margin:auto;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);display:block;width:80%;transition:all .3s ease-in;}.our_work .work_block h3 a{text-decoration:none;color:#fff;}.com-intro .text-left{text-align:left !important;}.com-intro .text-left p{color:#3b3a3a;line-height:24px;font-size:15px;font-weight:normal;}.com-intro .text-left h3{font-size:26px;margin-bottom:10px;font-weight:700;}.about-section.blog-page ul li h2{margin:10px 0 12px;border:none;padding:0;color:inherit;border-radius:0;font-size:22px;}.about-section.blog-page ul li h2 span{color:#333 !important;}@media only screen and (max-width: 1000px){.foo-join > span{text-align:center;display:block;}.names{display:none;}.foo-address span{text-align:left;display:block;background:#069;color:white;padding-left:6px;}.border-right .foo-social > span{display:block;background:#069;color:white;padding-left:6px;padding-bottom:4px;padding-top:4px;}.foo-social ul li{margin:14px 13px 10px;width:20%;}.foo-social ul li:nth-child(1){margin-left:-12px;}.join-frm{text-align:left;padding-left:0px;}.foo-short{padding:10px 0 0;margin-left:3px;}.foo-join > span{text-align:left;display:block;background:#069;color:white;padding-left:5px;}.navbar-collapse ul ul{display:none;}.navbar-collapse ul li:hover > ul{display:block;}.navbar-collapse ul ul{display:none;position:static;top:2.3em;left:42px;z-index:99999;width:300px;background:#fff;box-shadow:0px 3px 3px rgba(0,0,0,.2);}.navbar-collapse li{position:relative;}.our_work .work_block h3{font-size:24px;}}