(include demo style) |
(revert to old) |
||
Line 1,469: | Line 1,469: | ||
− | + | <div class="book-wrapper"> | |
− | <nav class="navbar is-fixed-top is- | + | <nav class="navbar is-fixed-top is-primary is-spaced" role="navigation" aria-label="main navigation"> |
<div class="navbar-brand"> | <div class="navbar-brand"> | ||
− | <a class="navbar-item" href=" | + | <a class="navbar-item" href="#"> |
− | <img src="images/ | + | <img src="images/ksalogo.png" width="100" height="50"> |
</a> | </a> | ||
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> | <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> | ||
Line 1,493: | Line 1,493: | ||
<!-- Team --> | <!-- Team --> | ||
<div class="navbar-item has-dropdown is-hoverable "> | <div class="navbar-item has-dropdown is-hoverable "> | ||
− | <a class="navbar-link has-text-light has-background- | + | <a class="navbar-link has-text-light has-background-primary "> |
Team | Team | ||
</a> | </a> | ||
Line 1,501: | Line 1,501: | ||
Members | Members | ||
</a> | </a> | ||
− | <a class="navbar-item has-text-light has-background- | + | <a class="navbar-item has-text-light has-background-primary"> |
Collaboration | Collaboration | ||
</a> | </a> | ||
Line 1,599: | Line 1,599: | ||
</nav> | </nav> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="bb-custom-wrapper"> | <div class="bb-custom-wrapper"> | ||
<div id="bb-bookblock" class="bb-bookblock"> | <div id="bb-bookblock" class="bb-bookblock"> | ||
<div class="bb-item"> | <div class="bb-item"> | ||
+ | <div class="bb-custom-firstpage"> | ||
+ | <h1>BookBlock <span>A Content Flip Plugin</span></h1> | ||
+ | <nav class="codrops-demos"> | ||
+ | <a class="current-demo" href="index4.html">Demo 4</a> | ||
+ | <a href="index5.html">Demo 5</a> | ||
+ | </nav> | ||
+ | </div> | ||
<div class="bb-custom-side"> | <div class="bb-custom-side"> | ||
− | < | + | <p>Pastry bear claw oat cake danish croissant jujubes danish. Wypas soufflé muffin. Liquorice powder pastry danish. Candy toffee gummi bears chocolate bar lollipop applicake chocolate cake danish brownie.</p> |
</div> | </div> | ||
+ | </div> | ||
+ | <div class="bb-item"> | ||
<div class="bb-custom-side"> | <div class="bb-custom-side"> | ||
− | < | + | <p>Soufflé tootsie roll jelly beans. Sweet icing croissant dessert bear claw. Brownie dessert cheesecake danish jelly pudding bear claw soufflé.</p> |
+ | </div> | ||
+ | <div class="bb-custom-side"> | ||
+ | <p>Candy canes lollipop macaroon marshmallow gummi bears tiramisu. Dessert croissant cupcake candy canes. Bear claw faworki faworki lemon drops. Faworki marzipan sugar plum jelly-o marzipan jelly-o.</p> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="bb-item"> | <div class="bb-item"> | ||
<div class="bb-custom-side"> | <div class="bb-custom-side"> | ||
− | <img src="images/ | + | <img src="images/left.png" /> |
</div> | </div> | ||
<div class="bb-custom-side"> | <div class="bb-custom-side"> | ||
− | <img src="images/ | + | <img src="images/right.png" /> |
+ | </div> | ||
+ | </div> | ||
+ | <div class="bb-item"> | ||
+ | <div class="bb-custom-side"> | ||
+ | <img src="images/ratioTest.png" /> | ||
+ | </div> | ||
+ | <div class="bb-custom-side"> | ||
+ | <img src="images/edu_wiki.png" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bb-item"> | ||
+ | <div class="bb-custom-side"> | ||
+ | <p>Jujubes fruitcake tiramisu liquorice chocolate cake. Carrot cake faworki donut soufflé oat cake tootsie roll. Fruitcake fruitcake cake sweet pie jelly beans. Chocolate cake candy jujubes oat cake toffee croissant muffin.</p> | ||
+ | </div> | ||
+ | <div class="bb-custom-side"> | ||
+ | <p>Chocolate bar tiramisu marzipan. Croissant soufflé croissant lollipop liquorice dragée chupa chups carrot cake. Liquorice lollipop halvah toffee lollipop.</p> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
− | + | <!-- HERE IS END OF BOOK WRAPPER --> | |
− | + | <div id="flip-nav"> | |
− | < | + | <nav id="left-pages"> |
− | < | + | <a id="bb-nav-prev" href="#" class="button is-primary"><i class="fa fa-angle-left fa-2x"></i></a> |
− | + | <a id="bb-nav-first" href="#" class="button is-primary"><i class="fa fa-angle-double-left fa-2x"></i></a> | |
− | + | </nav> | |
− | + | ||
− | + | ||
+ | <nav id="right-pages"> | ||
+ | <a id="bb-nav-next" href="#" class="button is-primary"><i class="fa fa-angle-right fa-2x"></i></a> | ||
+ | <a id="bb-nav-last" class="button is-primary"><i class="fa fa-angle-double-right fa-2x"></i></a> | ||
+ | </nav> | ||
+ | </div> | ||
Revision as of 12:49, 27 October 2020
BookBlock A Content Flip Plugin
Pastry bear claw oat cake danish croissant jujubes danish. Wypas soufflé muffin. Liquorice powder pastry danish. Candy toffee gummi bears chocolate bar lollipop applicake chocolate cake danish brownie.
Soufflé tootsie roll jelly beans. Sweet icing croissant dessert bear claw. Brownie dessert cheesecake danish jelly pudding bear claw soufflé.
Candy canes lollipop macaroon marshmallow gummi bears tiramisu. Dessert croissant cupcake candy canes. Bear claw faworki faworki lemon drops. Faworki marzipan sugar plum jelly-o marzipan jelly-o.
![](images/left.png)
![](images/right.png)
![](images/ratioTest.png)
![](images/edu_wiki.png)
Jujubes fruitcake tiramisu liquorice chocolate cake. Carrot cake faworki donut soufflé oat cake tootsie roll. Fruitcake fruitcake cake sweet pie jelly beans. Chocolate cake candy jujubes oat cake toffee croissant muffin.
Chocolate bar tiramisu marzipan. Croissant soufflé croissant lollipop liquorice dragée chupa chups carrot cake. Liquorice lollipop halvah toffee lollipop.