Bewear Lookbook wordpress Theme

Two unique style of home pages

Choose from two awesome home pages and use the power of enter to make them your own. Easily change all colors, rearrange sections, add new elements, and so much more.

Lookbook Store

Display shop page as lookbook store It's give new experience while shop online.

Two Single Product

Choose from two different Single Product. Simple product and Extended poroduct.

body { font-family: 'Open Sans', sans-serif; } h1 { font-weight: 700; font-size: 100px; text-transform: uppercase; } a, a:hover{ color: #000; text-decoration: none; } .black-bg { fill:#686868; } .theme-info,.footer-content{ padding: 20px 220px 40px 220px; font-weight: 200; font-size: 22px; line-height: 40px; /*color: #000;*/ letter-spacing: 0.4px; } .theme-info { color: #9f9f9f; } .footer-content { color: #888888; } .theme-title h1{ margin-bottom: 0; } .theme-title { position: relative; z-index: 1; } .buy-theme { padding: 20px 50px; /*background-color: #fed700;*/ border-radius: 3px; color: #7e7e7e; font-size: 16px; display: inline-block; text-transform: uppercase; font-weight: 500; letter-spacing: 0.4px; /*border: 2px solid #fed700;*/ border: 2px solid #b2b2b2; } .buy-theme:hover{ border: 2px solid #000; background-color: #000; color: #fff; } .buy-theme:focus { /*color: #fff;*/ text-decoration: none; } .buy-theme i { padding-left: 10px; } .enter-option .content a img{ width: 100%; } .enter-option .content a { display: block; background-color: #000; border: 10px solid #dadada; height: 526px; overflow: hidden; } .enter-option .content.scroll a{ overflow-y: scroll; } .enter-option h4 { margin: 34px 0 44px 0; } .enter-option { padding: 70px 0; } .enter-option .content a:hover img { opacity: 0.8; } .view-demo { display: block; text-transform: capitalize; margin-top: 30px; } .view-demo i { display: block; font-size: 20px; padding-top: 6px; } .theme-title h3 { text-transform: uppercase; letter-spacing: 1px; color: #afafaf; } h3 { margin-top: 0; } h4 { font-weight: 900; } .home-version { padding: 42px 0 80px 0; } .home-version h4 { font-size: 16px; margin-top: 32px; font-weight: 900; } .demo { padding: 70px 0; background-color: #EEEEE9; } .headings { text-align: center; margin-bottom: 86px; } .headings h2 { font-size: 36px; font-weight: 900; margin-bottom: 24px; letter-spacing: -0.2px; } .headings .content { font-size: 16px; letter-spacing: 0.1px; line-height: 28px; padding: 0 180px; } h4{ text-transform: uppercase; margin: 20px 0; color: #00abc5; } .verson .browser-window { height: 435px; } .verson .browser-window .content a { height: 406px; } .demo .browser-window { height: 335px; } .demo .browser-window .content a { height: 306px; border-radius: 5px; } .home-version .browser-window { height: 620px; } .home-version .browser-window .content a { height: 590px; } .verson .browser-window .content a, .demo .browser-window .content a, .home-version .browser-window .content a { overflow: hidden; } .verson .browser-window .content a:hover, .demo .browser-window .content a:hover, .home-version .browser-window .content a:hover { overflow-y: scroll; } .page-header { padding: 200px 0; margin: 0 auto 30px auto; border-bottom: none; background-color: #f2f2f2; background-image: url(assets/images/pat.png); -webkit-box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); -moz-box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); } .page-header h4 { margin: 0 0 20px 0; } .buy-enter { padding: 80px 0; display: block; background-color: #e2e2e2; position: relative; background-image: url(assets/images/pat1.png); } .buy-enter::after { content: ""; background-image: url(assets/images/bg.jpg); opacity: 0.05; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .buy-enter h1 { font-size: 40px; font-weight: 900; } .box { position: relative; } .ribbon { position: fixed; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbon span { font-size: 8px; font-weight: normal; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; letter-spacing: 0.6px; background: #79A70A; background: linear-gradient(#222 0%, #222 100%); /*box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);*/ position: absolute; top: 19px; left: -21px; } .ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #222; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #222; } .ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #222; border-bottom: 3px solid transparent; border-top: 3px solid #222; } .footer { padding: 40px 0; background-color: #202020; color: #fff; } .footer .made-love{ line-height: 32px; color: #fff; } .footer .made-love i { color: #ea1b25; padding-left: 4px; } .footer .copyright{ font-size: 14px; color: #5b5b5b; padding-left: 10px; } .footer h1 { font-size: 60px; margin-bottom: 30px; } .browser-window a { display: block; } .browser-window img { width: 101%; } .browser-window { text-align: left; width: 100%; display: inline-block; border-radius: 0; background-color: #fff; box-shadow: 0 0 0 3px #e7e7e6; } .browser-window .top-bar { height: 30px; border-radius:0; border-top: thin solid #eaeae9; border-bottom: thin solid #dfdfde; background: linear-gradient(#e7e7e6, #e2e2e1); } .browser-window .circle { height: 8px; width: 8px; display: inline-block; border-radius: 50%; background-color: white; } .browser-window .circles { margin: 5px 11px; } .browser-window .circle-red { background-color: #e11d21; } .browser-window .circle-green { background-color: #009800; } .browser-window .circle-yellow { background-color: #fbca04; } .browser-window .content { margin: 0; width: 100%; min-height: 50%; display: inline-block; border-radius: 0 0 5px 5px; background-color: #fafafa; } .clear { clear: both; } /*New*/ .site-branding { margin-bottom: 30px; } .site-branding h1 { font-size: 5em; margin: 0; display: inline-block; letter-spacing: 0.25em; text-align: center; border: 4px solid #484848; padding: 10px 70px; } .site-branding h1 a{ font-weight: 300; color: #f8f8f8; text-transform: uppercase; display: block; padding: 9.5px 0; } .site-branding .site-description { color: #a0a0a0; font-size: 1.6em; letter-spacing: 3px; text-transform: uppercase; font-weight: 100; line-height: 3em; }

Two unique style of home pages

Home ^v1

Home ^v2

Lookbook Store

Lookbook ^v1

Lookbook ^v2

Lookbook Single ^v1

Lookbook Single ^v2

Two Single Product

Product Simple

Product Extended