diff --git a/build/.pa11yci.json b/build/.pa11yci.json index 0f6303d8b1..9d2d3e9316 100644 --- a/build/.pa11yci.json +++ b/build/.pa11yci.json @@ -15,7 +15,7 @@ "axe" ], "useIncognitoBrowserContext": false, - "hideElements": "iframe, #text-decoration + p + div a.text-decoration-none, .accordion-collapse, #offcanvas, #offcanvasDark, #offcanvasResponsive, #bdSidebar, .overflow-y-scroll, .overflow-y-auto, .overflow-x-scroll, .overflow-x-auto, .table-responsive, fieldset.star-rating[disabled]", + "hideElements": "iframe, #text-decoration + p + div a.text-decoration-none, .accordion-collapse, #offcanvas, #offcanvasDark, #offcanvasResponsive, #bdSidebar, #filterOffcanvas, .overflow-y-scroll, .overflow-y-auto, .overflow-x-scroll, .overflow-x-auto, .table-responsive, fieldset.star-rating[disabled]", "ignore": [ "color-contrast" ] diff --git a/site/content/docs/5.3/examples/e-shop/e-shop.css b/site/content/docs/5.3/examples/e-shop/e-shop.css new file mode 100644 index 0000000000..ff7407c05f --- /dev/null +++ b/site/content/docs/5.3/examples/e-shop/e-shop.css @@ -0,0 +1,30 @@ +@media screen and (min-width: 768px) { + .card .col-7 p:first-child { + min-height: 2.8125rem; + } +} + +.custom-triangle { + border-style: solid; + border-width: 0 19px 41px 0; + border-right-color: transparent !important; /* stylelint-disable-line declaration-no-important */ +} + +.custom-counter { + padding: 1px 2px; + border-radius: 5px; +} + +.ratio-3x4 { + --bs-aspect-ratio: 133%; +} + +.border-subtle { + --bs-border-color: var(--bs-border-color-subtle); + border-color: var(--bs-border-color-subtle); +} + +.border-supporting-orange { + --bs-border-color: #ff7900; + border-color: #ff7900; +} diff --git a/site/content/docs/5.3/examples/e-shop/index.html b/site/content/docs/5.3/examples/e-shop/index.html new file mode 100644 index 0000000000..3fdc0a1da2 --- /dev/null +++ b/site/content/docs/5.3/examples/e-shop/index.html @@ -0,0 +1,1567 @@ +--- +layout: examples +title: E-shop +extra_css: + - "e-shop.css" +aliases: + - "/examples/e-shop" + - "/docs/examples/e-shop" +--- + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ + + +
+
+

Smartphones

+
+
+ +
+
+

Choose the model that suits your needs from our selection of Smartphones.

+
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+
+
+ +
+
+
Filter 'Smartphones'
+ +
+
+ +
+ + +
+

Purchase type

 +
+
+ + +
+
+ + +
+
+ +
+

Brands

 +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ +
+

Colors

 +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ +
+

Storage

 +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+

SIM

 +
+
+ + +
+
+ + +
+
+ + +
+
+ + + +
+ + + + +
+ +
+
+ +
+
+
+ +
    +
    • +
    • +
    • +
    • +
+
+ +
+ + +
+ + + + +
+
+
+ +
+

16 matches / 96 displayed

+
+
    +
  • + + Mobile only + + +
    • +
  • + + Apple + + +
    • +
  • + + Itel + + +
    • +
  • + + Orange + + +
    • +
  • + + Black + + +
    • +
  • + + Blue + + +
    • +
  • + + Grey + + +
    • +
  • + + Storage — All + + +
    • +
+
+
+ +
    +
  • +
    +
    +

    + Flash sale +

    +
    +
    +
    +
    +
    + +

    + + 03 + + + 01 + + + 11 + + + 27 + +

    +
    +

    103 in stock

    +
    +
    +
    +
    +

    xxxxx xxxxxx xx xxx xxx

    +
    + + + +
    +

    + + 5 colors +

    +

    + From + 2 500 350 FCFA
    + + 3 000 000 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,99 W/Kg

    +
    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • + +
  • +
    +
    +

    + Out of stock +

    +
    +
    +
    +
    +
    +
    +

    xxxx xxx

    +
    + + + +
    +

    + + Black +

    +

    + From + 50 530 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,80 W/Kg

    +
    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • + +
  • +
    +
    +

    + Soon available +

    +
    +
    +
    +
    +
    +
    +

    xxxxxx xxxx xxx

    +
    + + + +
    +

    + + Blue +

    +

    + From + 129 952 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,75 W/Kg

    +
    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • + +
  • +
    +
    +

    + New +

    +
    +
    +
    +
    +
    +
    +

    xxxxxxx xxx

    +
    + + + +
    +

    + + Grey +

    +

    + From + 323 380 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,90 W/Kg

    +
    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • + +
  • +
    +
    +

    + Flash sale +

    +
    +
    +
    +
    +
    + +

    + + 03 + + + 01 + + + 11 + + + 27 + +

    +
    +

    103 in stock

    +
    +
    +
    +
    +

    xxxxxxx xxxxxx xxx

    +
    + + + +
    +

    + + Grey +

    +

    + From + 625 605 FCFA
    + + 725 605 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,89 W/Kg

    +
    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • + +
  • +
    +
    +

    + Best deal +

    +
    +
    +
    +
    +
    +
    +

    xxx xx xx

    +
    + + + +
    +

    + + Black +

    +

    + From + 459 900 FCFA
    + + 359 900 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,87 W/Kg

    +
    +
    +
    + +

    Extra 20 GB for 3 months if purchased with plan

    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • + +
  • +
    +
    +

    + New +

    +
    +
    +
    +
    +
    +
    +

    xxxxxxx xxx

    +
    + + + +
    +

    + + Grey +

    +

    + From + 330 320 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,90 W/Kg

    +
    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • + +
  • +
    +
    +

    + Best deal +

    +
    +
    +
    +
    +
    +
    +

    xxxxxxx xxxxxx xx

    +
    + + + +
    +

    + + Grey +

    +

    + From + 550 450 FCFA
    + + 700 200 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,77 W/Kg

    +
    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • + +
  • +
    +
    +

    + Best deal +

    +
    +
    +
    +
    +
    +
    +

    xxx xx xxx

    +
    + + + +
    +

    + + Black +

    +

    + From + 300 600 FCFA
    + + 500 600 FCFA +

    +
    +
    +
    {{< placeholder width="100%" height="160" text="icon" >}}
    +

    DAS: 0,82 W/Kg

    +
    +
    +
    +
    +
    +
    + + +
    +
    + More details +
    +
    +
    +
    • +
+ +
+
+ Compare selection (0) + +
+
+
+
+ +

Top sales

+ + + +
+
+
+ +
+
+
+

The best for my budget

+

iPhone at a reduced price refurbished, with 1 year guarantly

+

From 850 000 FCFA

+ Find yours +
+
+
+
+
+ +
+
+ +
+
+
+

Why buy your phone from Orange?

+

Come quickly to our Orange Stores to discover the wide range of phones and smartphones that Orange offers you. Buying a new mobile phone from Orange is guaranteed to benefit from all the Orange services, its after-sales service and a welcome bonus. Our advisers are waiting to help you choose the mobile that suits you and demonstrate it to you.

+
+
+
+
+
+ +
+
+ +
+
+
+

How to choose your smartphone?

+

Discover our wide choice of Android, Samsung or Apple iPhone smartphones to take advantages of the quality and speed of Orange's 4G network. Buying a smartphone from Orange is guaranteed to benefit from the quality of the latest generation cameras, and a large storage capacity. The long-lasting batteries will allow you to take advantage of all the features of your mobile to listen to music, watch videos and take advantage of social networks. Finally, the smartphone will be the ideal companion for paying, transferring or withdrawing money with Orange Money.

+
+
+
+
+
+ +
+
+ +
+
+
+

Do you prefer a simple phone?

+

If you want a new phone at low prices but with great features, come to the Orange store. Discover the brands Tecno, Mobiwire, Alcatel which offer all the features of the best smartphones at low prices. With these mobile phones you can also share your photos, chat on messaging, and watch your favorite videos.

+
+
+
+
+
+ +
+
+ +
+
+
+

Which offer to choose with your mobile?

+

Have you chosen your smartphone? Orange offers a wide choice of offers with or without commitment to take advantage of the quality of the Orange network and its speed with 4G. Our offers adapt to all your desires and all your budgets.

+
+
+
+
+
+
+
+ +
+
+

Orange by your side

+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
+
+
+
+ + + + diff --git a/site/content/docs/5.3/migration.md b/site/content/docs/5.3/migration.md index 656deb3476..d83660287e 100644 --- a/site/content/docs/5.3/migration.md +++ b/site/content/docs/5.3/migration.md @@ -920,6 +920,11 @@ Color mode mechanism coming from Bootstrap is available from Boosted v5.3.0. How - New A download app page is now available. +### Examples + +- **Pages** + - New An e-shop page example is now available. + ### CSS and Sass variables - Adds additional variables for alerts, `.btn-close`, and `.offcanvas`. diff --git a/site/data/examples.yml b/site/data/examples.yml index eb281f0c7b..0767cb38d8 100644 --- a/site/data/examples.yml +++ b/site/data/examples.yml @@ -76,6 +76,8 @@ examples: - name: Download app description: "How to build a download app page (redirect on iOS and Android)." + - name: E-shop + description: "How to build an e-shop page with Boosted." - name: Form description: "How to build a form with Boosted." diff --git a/site/static/docs/5.3/assets/img/examples/e-shop.png b/site/static/docs/5.3/assets/img/examples/e-shop.png new file mode 100644 index 0000000000..9c53d98123 Binary files /dev/null and b/site/static/docs/5.3/assets/img/examples/e-shop.png differ diff --git a/site/static/docs/5.3/assets/img/examples/e-shop@2x.png b/site/static/docs/5.3/assets/img/examples/e-shop@2x.png new file mode 100644 index 0000000000..7f741f7bdf Binary files /dev/null and b/site/static/docs/5.3/assets/img/examples/e-shop@2x.png differ