Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
admin:online-platform-cms:landing-page [2022/02/06 15:31] – justas-dambrauskas | admin:online-platform-cms:landing-page [Unknown date] (current) – external edit (Unknown date) 127.0.0.1 | ||
---|---|---|---|
Line 72: | Line 72: | ||
.cms-holder .button: | .cms-holder .button: | ||
background: var(--main-primary); | background: var(--main-primary); | ||
+ | color: var(--main-primary-text); | ||
cursor: pointer; | cursor: pointer; | ||
filter: brightness(85%); | filter: brightness(85%); | ||
Line 82: | Line 83: | ||
flex-direction: | flex-direction: | ||
justify-content: | justify-content: | ||
- | padding-left: | + | padding-left: |
} | } | ||
| | ||
Line 143: | Line 144: | ||
.cms-holder .info:hover { | .cms-holder .info:hover { | ||
background: var(--main-primary); | background: var(--main-primary); | ||
+ | color: var(--main-primary-text); | ||
} | } | ||
| | ||
Line 190: | Line 192: | ||
.cms-holder .joinButton: | .cms-holder .joinButton: | ||
background: var(--main-primary); | background: var(--main-primary); | ||
+ | color: var(--main-primary-text); | ||
cursor: pointer; | cursor: pointer; | ||
filter: brightness(85%); | filter: brightness(85%); | ||
Line 196: | Line 199: | ||
#cms-page .contents { | #cms-page .contents { | ||
padding: 0!important; | padding: 0!important; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 768px){ | ||
+ | .cms-holder .bg { | ||
+ | height: 33vh; | ||
+ | } | ||
+ | |||
+ | .cms-holder .title, .cms-holder .subtitle { | ||
+ | font-size: 2rem; | ||
+ | } | ||
+ | | ||
+ | .cms-holder .button { | ||
+ | height: 40px; | ||
+ | } | ||
+ | |||
+ | :: | ||
+ | margin-left: | ||
+ | margin-right: | ||
+ | } | ||
+ | |||
+ | :: | ||
+ | height: 4px; | ||
+ | width: 4px; | ||
+ | background: var(--main-first-background); | ||
+ | } | ||
+ | |||
+ | :: | ||
+ | background: var(--main-primary); | ||
+ | border-radius: | ||
+ | } | ||
+ | |||
+ | .cms-holder .row { | ||
+ | width: calc(100%); | ||
+ | overflow-x: auto; | ||
+ | overflow-y: hidden; | ||
+ | clear: both; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | .cms-holder .productsHolder { | ||
+ | background: var(--main-first-background); | ||
+ | display: flex; | ||
+ | flex-wrap: nowrap; | ||
+ | clear: both; | ||
+ | box-sizing: border-box; | ||
+ | overflow: auto; | ||
+ | /* Fixing */ | ||
+ | padding: unset; | ||
+ | width: unset; | ||
+ | grid-auto-rows: | ||
+ | grid-template-columns: | ||
+ | grid-gap: unset; | ||
+ | padding-bottom: | ||
+ | } | ||
+ | |||
+ | .cms-holder .product { | ||
+ | border-radius: | ||
+ | background: var(--main-first-background); | ||
+ | color: var(--main-first-background-text); | ||
+ | height: 200px; | ||
+ | position: relative; | ||
+ | flex: 0 0 300px; | ||
+ | overflow: hidden; | ||
+ | margin-right: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | .cms-holder .product: | ||
+ | margin-left: | ||
+ | } | ||
+ | |||
+ | .cms-holder .product: | ||
+ | margin-right: | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | padding-bottom: | ||
+ | } | ||
+ | |||
+ | .grid { | ||
+ | padding-bottom: | ||
+ | } | ||
} | } | ||
| | ||
</ | </ | ||
- | |||
</ | </ | ||
---- | ---- | ||
Line 206: | Line 290: | ||
---- | ---- | ||
< | < | ||
- | <div class=" | + | <div class=" |
- | <div class=" | + | <div class=" |
- | <div class=" | + | <div class=" |
- | | + | Bet on Sports Online - |
- | | + | </ |
- | </ | + | <div class=" |
- | <div class=" | + | WIN BIG! |
- | WIN BIG! | + | </ |
- | </ | + | <div class=" |
- | <div class=" | + | <a href="/ |
- | <a href="/ | + | </ |
- | </ | + | </ |
- | </be></ | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
---- | ---- | ||
- | Edit text and button link (`href="/ | + | Edit text and button link (`href="/ |
If there is a need to change background image, edit url in `< | If there is a need to change background image, edit url in `< | ||
`--landing-bg-img: | `--landing-bg-img: | ||
{{: | {{: | ||
- | === 3. Add links to games === | + | === 3. Add links to promotions |
Paste the following code below: | Paste the following code below: | ||
---- | ---- | ||
< | < | ||
- | <div class=" | + | <div class=" |
- | <div class=" | + | <div class=" |
- | | + | |
- | Sports Betting | + | |
- | </ | + | |
</ | </ | ||
+ | </ | ||
+ | <div class=" | ||
<div class=" | <div class=" | ||
- | <a class=" | + | <a class=" |
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
- | <span class=" | + | <span class=" |
<span class=" | <span class=" | ||
- | | + | |
</ | </ | ||
</ | </ | ||
</a> | </a> | ||
- | <a class=" | + | <a class=" |
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
- | <span class=" | + | <span class=" |
<span class=" | <span class=" | ||
- | | + | |
</ | </ | ||
</ | </ | ||
</a> | </a> | ||
- | <a class=" | + | <a class=" |
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
- | <span class=" | + | <span class=" |
<span class=" | <span class=" | ||
- | | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | <a class=" | + | |
- | <img src=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | Play Free Online Roulette games. Choose from American, European, French roulette, and more! | + | |
- | </ | + | |
- | </ | + | |
- | </a> | + | |
- | <a class=" | + | |
- | <img src=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | Spin amazing slots games, compete in leagues, join clubs and hit Jackpot. | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | <a class=" | + | |
- | <img src=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | Train your brain and spin the wheel in the official Winners Wheel game! | + | |
</ | </ | ||
</ | </ | ||
Line 299: | Line 354: | ||
---- | ---- | ||
- | Add needed amount of sections of products, and customize as needed: | + | Add needed amount of sections of promotions, and customize as needed: |
---- | ---- | ||
< | < | ||
- | <a class=" | + | <a class=" |
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
- | <span class=" | + | <span class=" |
<span class=" | <span class=" | ||
- | | + | |
</ | </ | ||
</ | </ | ||
</a> | </a> | ||
</ | </ | ||
+ | {{: | ||
---- | ---- | ||
- | |||
- | {{: | ||
=== 4. Add link to registration === | === 4. Add link to registration === | ||
Line 320: | Line 374: | ||
---- | ---- | ||
< | < | ||
- | <div class=" | + | <div class=" |
- | <div class=" | + | <div class=" |
- | | + | DISCOVER THE BEST BET OFFERS |
- | | + | <a href="/ |
- | <a href="/ | + | |
- | </div> | + | |
</ | </ | ||
</ | </ | ||
Line 336: | Line 388: | ||
{{: | {{: | ||
- | === 5. Add links to promotions | + | === 5. Add links to games === |
Paste the following code: | Paste the following code: | ||
---- | ---- | ||
< | < | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | Sports Betting & Games | ||
+ | </ | ||
+ | </ | ||
<div class=" | <div class=" | ||
- | <div class=" | ||
- | <div class=" | ||
- | Promotions & Offers | ||
- | </ | ||
- | </ | ||
<div class=" | <div class=" | ||
- | <a class=" | + | <a class=" |
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
- | <span class=" | + | <span class=" |
<span class=" | <span class=" | ||
- | | + | |
</ | </ | ||
</ | </ | ||
</a> | </a> | ||
- | <a class=" | + | <a class=" |
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
- | <span class=" | + | <span class=" |
<span class=" | <span class=" | ||
- | | + | |
</ | </ | ||
</ | </ | ||
</a> | </a> | ||
- | <a class=" | + | <a class=" |
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
- | <span class=" | + | <span class=" |
<span class=" | <span class=" | ||
- | | + | |
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <a class=" | ||
+ | <img src=" | ||
+ | <span class=" | ||
+ | <span class=" | ||
+ | <span class=" | ||
+ | Play Free Online Roulette games. Choose from American, European, French roulette, and more! | ||
+ | </ | ||
+ | </ | ||
+ | </a> | ||
+ | <a class=" | ||
+ | <img src=" | ||
+ | <span class=" | ||
+ | <span class=" | ||
+ | <span class=" | ||
+ | Spin amazing slots games, compete in leagues, join clubs and hit Jackpot. | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <a class=" | ||
+ | <img src=" | ||
+ | <span class=" | ||
+ | <span class=" | ||
+ | <span class=" | ||
+ | Train your brain and spin the wheel in the official Winners Wheel game! | ||
</ | </ | ||
</ | </ | ||
Line 378: | Line 457: | ||
</ | </ | ||
---- | ---- | ||
- | Each element can be customized same as in step #3 with games. | + | {{: |
+ | |||
+ | Each element can be customized same as in step #3 with promotions. | ||
More elements can be added if needed. | More elements can be added if needed. | ||
Line 455: | Line 536: | ||
.cms-holder .button: | .cms-holder .button: | ||
background: var(--main-primary); | background: var(--main-primary); | ||
+ | color: var(--main-primary-text); | ||
cursor: pointer; | cursor: pointer; | ||
filter: brightness(85%); | filter: brightness(85%); | ||
Line 465: | Line 547: | ||
flex-direction: | flex-direction: | ||
justify-content: | justify-content: | ||
- | padding-left: | + | padding-left: |
} | } | ||
| | ||
Line 526: | Line 608: | ||
.cms-holder .info:hover { | .cms-holder .info:hover { | ||
background: var(--main-primary); | background: var(--main-primary); | ||
+ | color: var(--main-primary-text); | ||
} | } | ||
| | ||
Line 573: | Line 656: | ||
.cms-holder .joinButton: | .cms-holder .joinButton: | ||
background: var(--main-primary); | background: var(--main-primary); | ||
+ | color: var(--main-primary-text); | ||
cursor: pointer; | cursor: pointer; | ||
filter: brightness(85%); | filter: brightness(85%); | ||
Line 579: | Line 663: | ||
#cms-page .contents { | #cms-page .contents { | ||
padding: 0!important; | padding: 0!important; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 768px){ | ||
+ | .cms-holder .bg { | ||
+ | height: 33vh; | ||
+ | } | ||
+ | |||
+ | .cms-holder .title, .cms-holder .subtitle { | ||
+ | font-size: 2rem; | ||
+ | } | ||
+ | | ||
+ | .cms-holder .button { | ||
+ | height: 40px; | ||
+ | } | ||
+ | |||
+ | :: | ||
+ | margin-left: | ||
+ | margin-right: | ||
+ | } | ||
+ | |||
+ | :: | ||
+ | height: 4px; | ||
+ | width: 4px; | ||
+ | background: var(--main-first-background); | ||
+ | } | ||
+ | |||
+ | :: | ||
+ | background: var(--main-primary); | ||
+ | border-radius: | ||
+ | } | ||
+ | |||
+ | .cms-holder .row { | ||
+ | width: calc(100%); | ||
+ | overflow-x: auto; | ||
+ | overflow-y: hidden; | ||
+ | clear: both; | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | .cms-holder .productsHolder { | ||
+ | background: var(--main-first-background); | ||
+ | display: flex; | ||
+ | flex-wrap: nowrap; | ||
+ | clear: both; | ||
+ | box-sizing: border-box; | ||
+ | overflow: auto; | ||
+ | /* Fixing */ | ||
+ | padding: unset; | ||
+ | width: unset; | ||
+ | grid-auto-rows: | ||
+ | grid-template-columns: | ||
+ | grid-gap: unset; | ||
+ | padding-bottom: | ||
+ | } | ||
+ | |||
+ | .cms-holder .product { | ||
+ | border-radius: | ||
+ | background: var(--main-first-background); | ||
+ | color: var(--main-first-background-text); | ||
+ | height: 200px; | ||
+ | position: relative; | ||
+ | flex: 0 0 300px; | ||
+ | overflow: hidden; | ||
+ | margin-right: | ||
+ | margin-bottom: | ||
+ | } | ||
+ | |||
+ | .cms-holder .product: | ||
+ | margin-left: | ||
+ | } | ||
+ | |||
+ | .cms-holder .product: | ||
+ | margin-right: | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | padding-bottom: | ||
+ | } | ||
+ | |||
+ | .grid { | ||
+ | padding-bottom: | ||
+ | } | ||
} | } | ||
| | ||
</ | </ | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | Bet on Sports Online - | ||
+ | </ | ||
+ | <div class=" | ||
+ | WIN BIG! | ||
+ | </ | ||
+ | <div class=" | ||
+ | <a href="/ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <div class=" | ||
+ | <div class=" | ||
+ | Promotions & Offers | ||
+ | </ | ||
+ | </ | ||
<div class=" | <div class=" | ||
- | <div class=" | + | <div class=" |
- | <div class=" | + | <a class=" |
- | <div class=" | + | <img src=" |
- | | + | <span class=" |
- | </div><be> | + | |
- | <div class=" | + | <span class=" |
- | WIN BIG! | + | Live Sports |
- | </div> | + | </ |
- | <div class=" | + | </span> |
- | <a href="/ | + | |
- | </div> | + | <a class=" |
- | </be></ | + | <img src=" |
+ | <span class=" | ||
+ | <span class=" | ||
+ | <span class=" | ||
+ | Become | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <a class=" | ||
+ | <img src=" | ||
+ | < | ||
+ | <span class=" | ||
+ | <span class=" | ||
+ | Place bets with a reliable betting company! In order for a player to bet online, it is... | ||
+ | </span> | ||
+ | </span> | ||
+ | </a> | ||
</ | </ | ||
</ | </ | ||
| | ||
- | <div class=" | + | <div class=" |
- | <div class=" | + | <div class=" |
- | <div class=" | + | DISCOVER THE BEST BET OFFERS |
- | Sports Betting & Games | + | <a href="/ |
- | | + | |
</ | </ | ||
+ | </ | ||
+ | | ||
+ | <div class=" | ||
+ | <div class=" | ||
+ | Sports Betting & Games | ||
+ | </ | ||
+ | </ | ||
+ | <div class=" | ||
<div class=" | <div class=" | ||
<a class=" | <a class=" | ||
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
<span class=" | <span class=" | ||
Line 615: | Line 823: | ||
</a> | </a> | ||
<a class=" | <a class=" | ||
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
<span class=" | <span class=" | ||
Line 624: | Line 832: | ||
</a> | </a> | ||
<a class=" | <a class=" | ||
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
<span class=" | <span class=" | ||
Line 633: | Line 841: | ||
</a> | </a> | ||
<a class=" | <a class=" | ||
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
<span class=" | <span class=" | ||
Line 642: | Line 850: | ||
</a> | </a> | ||
<a class=" | <a class=" | ||
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
<span class=" | <span class=" | ||
Line 651: | Line 859: | ||
</a> | </a> | ||
<a class=" | <a class=" | ||
- | <img src=" | + | <img src=" |
<span class=" | <span class=" | ||
<span class=" | <span class=" | ||
Line 661: | Line 869: | ||
</ | </ | ||
</ | </ | ||
- | | + | </ |
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | DISCOVER THE BEST BET OFFERS | + | |
- | <a href="/ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | Promotions & Offers | + | |
- | </ | + | |
- | </ | + | |
- | <div class=" | + | |
- | <a class=" | + | |
- | <img src=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | Live Sports online betting weekly 10% cash back bonus. The minimum Amount for cash back is 5Eur... | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | <a class=" | + | |
- | <img src=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | Become a winner with Fastbet. Collect your bet options and don’t wait on the queue. | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | <a class=" | + | |
- | <img src=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | <span class=" | + | |
- | Place bets with a reliable betting company! In order for a player to bet online, it is... | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
=== Result === | === Result === | ||
---- | ---- | ||
- | {{: | + | {{: |
- | Links for product images | + | ---- |
+ | **Links for product images** | ||
< | < | ||
https:// | https:// |