返回最新消息

(English) (Demo) News Demo Page 02

(English) Leo Schlink

11/09/2022 19:23

This is a simple Demo for the news layout.

Caption

There are 2 type of caption, one is normal caption (class="caption"), another one is the caption under the group of photo (class="group-photo-caption")

For normal caption just edit the html in the text block, add back the class - Normal caption (class="caption")

<p class="caption">This is normal caption ~ apply the CSS class caption here: I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>

For group photo caption:

Step1: the last row of the single image, need to add back the class "group-photo-no-margin-bottom"


Step2: add back the class (class="group-photo-caption")

<p class="group-photo-caption">This is a group photo caption ~ apply the CSS class group-photo-caption here: I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>

This is normal caption: I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is a group photo caption ~ apply the CSS class group-photo-caption here: I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Customize the horizontal with vertical image (different) popup

Step 1: Add Raw html
Step 2: just copy the below html
Step 3: change the image path (thumbnail-image-here.jpg) for thumbnail or (popup-image-here.jpg) popup image
Step 4: updated caption/image alt text

<div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <a data-rel="prettyPhoto" href="popup-image-here.jpg" target="_self" class="vc_single_image-wrapper vc_box_border_grey prettyphoto"><img decoding="async" src="thumbnail-photo-here.jpg" class="vc_single_image-img attachment-full" alt="This is pop-up overlay title"></a> <figcaption class="vc_figure-caption">photo caption here</figcaption> </figure> </div>
This is pop-up overlay title
hello, photo caption here
This is pop-up overlay title
hello, photo caption here

Floating left image

Step 1: Add Raw html
Step 2: just copy the below html
Step 3: change the image path (image-path/image-here.jpg)
Step 4: updated caption/image alt text (left floating photo Caption here)
Step 5: updated right hand side text (start of right hand side text)

<!-- start of left floating photo --> <div class="racing-news-float-left-photo"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <a data-rel="prettyPhoto" href="//ctr-racingnews.hkjc.com/english/wp-content/uploads/sites/image-path/image-here.jpg" target="_self" class="vc_single_image-wrapper vc_box_border_grey prettyphoto"><img decoding="async" src="//ctr-racingnews.hkjc.com/english/wp-content/uploads/sites/image-path/image-here.jpg" class="vc_single_image-img attachment-full" alt="left floating photo caption here"></a> <figcaption class="vc_figure-caption">left floating photo Caption here</figcaption> </figure> </div> </div> <!-- end of left floating photo --> <!-- start of right hand side text --> <p>left floating photo passage - Epsom Derby (G1 2405m) runner-up Cliffs Of Moher and fourth-placed Eminent along with Royal Ascot G1 winner Barney Roy are expected to dominate the betting and all three represent the three-year-old Classic generation. However supporters of older horses will bask in the knowledge that since the race was opened up age wise in 1965, they can boast 34 victories compared to just 18 from the three-year-olds.</p> <p> Cliffs Of Moher had looked sure to win at Epsom once Ryan Moore had urged him to the front about 200m from the end, only for unfancied stablemate Wings Of Eagles to swoop late and grab Britain’s greatest prize.</p> <p> Trainer Aidan O’Brien clearly thinks that this shorter distance could make all the difference: “He didn’t really see out the Derby distance and on Saturday we will see whether the Eclipse (1990m) is his ideal trip. We think it is and everything has gone well for him since Epsom.”</p> <p> Arguably – and trainer Martyn Meade certainly argues it – nothing much went right for Eminent at Epsom, or indeed in Newmarket’s 2000 Guineas (G1 1600m) previously. The son of Frankel has reportedly clocked some remarkable times in fast homework recently whilst several other factors could also work in his favour.</p> <p>Epsom Derby (G1 2405m) runner-up Cliffs Of Moher and fourth-placed Eminent along with Royal Ascot G1 winner Barney Roy are expected to dominate the betting and all three represent the three-year-old Classic generation. However supporters of older horses will bask in the knowledge that since the race was opened up age wise in 1965, they can boast 34 victories compared to just 18 from the three-year-olds.</p> <p> Cliffs Of Moher had looked sure to win at Epsom once Ryan Moore had urged him to the front about 200m from the end, only for unfancied stablemate Wings Of Eagles to swoop late and grab Britain’s greatest prize.</p> <p> Trainer Aidan O’Brien clearly thinks that this shorter distance could make all the difference: “He didn’t really see out the Derby distance and on Saturday we will see whether the Eclipse (1990m) is his ideal trip. We think it is and everything has gone well for him since Epsom.”</p> <p> Arguably – and trainer Martyn Meade certainly argues it – nothing much went right for Eminent at Epsom, or indeed in Newmarket’s 2000 Guineas (G1 1600m) previously. The son of Frankel has reportedly clocked some remarkable times in fast homework recently whilst several other factors could also work in his favour.</p> <!-- end of right hand side -->
Owner Cheng Keung Fai presents a framed Designs On Rome horseshoe to the Hong Kong Jockey Club Chairman Dr Simon Ip.
All attending guests take a photo with Designs On Rome at the ceremony.

Epsom Derby (G1 2405m) runner-up Cliffs Of Moher and fourth-placed Eminent along with Royal Ascot G1 winner Barney Roy are expected to dominate the betting and all three represent the three-year-old Classic generation. However supporters of older horses will bask in the knowledge that since the race was opened up age wise in 1965, they can boast 34 victories compared to just 18 from the three-year-olds.

Cliffs Of Moher had looked sure to win at Epsom once Ryan Moore had urged him to the front about 200m from the end, only for unfancied stablemate Wings Of Eagles to swoop late and grab Britain’s greatest prize.

Trainer Aidan O’Brien clearly thinks that this shorter distance could make all the difference: “He didn’t really see out the Derby distance and on Saturday we will see whether the Eclipse (1990m) is his ideal trip. We think it is and everything has gone well for him since Epsom.”

Arguably – and trainer Martyn Meade certainly argues it – nothing much went right for Eminent at Epsom, or indeed in Newmarket’s 2000 Guineas (G1 1600m) previously. The son of Frankel has reportedly clocked some remarkable times in fast homework recently whilst several other factors could also work in his favour.

Epsom Derby (G1 2405m) runner-up Cliffs Of Moher and fourth-placed Eminent along with Royal Ascot G1 winner Barney Roy are expected to dominate the betting and all three represent the three-year-old Classic generation. However supporters of older horses will bask in the knowledge that since the race was opened up age wise in 1965, they can boast 34 victories compared to just 18 from the three-year-olds.

Cliffs Of Moher had looked sure to win at Epsom once Ryan Moore had urged him to the front about 200m from the end, only for unfancied stablemate Wings Of Eagles to swoop late and grab Britain’s greatest prize.

Trainer Aidan O’Brien clearly thinks that this shorter distance could make all the difference: “He didn’t really see out the Derby distance and on Saturday we will see whether the Eclipse (1990m) is his ideal trip. We think it is and everything has gone well for him since Epsom.”

Arguably – and trainer Martyn Meade certainly argues it – nothing much went right for Eminent at Epsom, or indeed in Newmarket’s 2000 Guineas (G1 1600m) previously. The son of Frankel has reportedly clocked some remarkable times in fast homework recently whilst several other factors could also work in his favour.

Floating right image

Step 1: Add Raw html
Step 2: just copy the below html
Step 3: change the image path (image-path/image-here.jpg)
Step 4: updated caption/image alt text (Right floating photo Caption heree)
Step 5: updated left hand side text (start of left hand side text)

<!-- start of right floating photo --> <div class="racing-news-float-right-photo"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <a data-rel="prettyPhoto" href="//ctr-racingnews.hkjc.com/english/wp-content/uploads/sites/image-path/image-here.jpg" target="_self" class="vc_single_image-wrapper vc_box_border_grey prettyphoto"><img decoding="async" src="//ctr-racingnews.hkjc.com/english/wp-content/uploads/sites/image-path/image-here.jpg" class="vc_single_image-img attachment-full" alt="Right floating photo Caption here"></a><figcaption class="vc_figure-caption">Right floating photo Caption here</figcaption> </figure> </div> </div> <!-- end of right floating photo --> <!-- start of left hand side text --> <p>Right floating photo passage - Epsom Derby (G1 2405m) runner-up Cliffs Of Moher and fourth-placed Eminent along with Royal Ascot G1 winner Barney Roy are expected to dominate the betting and all three represent the three-year-old Classic generation. However supporters of older horses will bask in the knowledge that since the race was opened up age wise in 1965, they can boast 34 victories compared to just 18 from the three-year-olds.</p> <p> Cliffs Of Moher had looked sure to win at Epsom once Ryan Moore had urged him to the front about 200m from the end, only for unfancied stablemate Wings Of Eagles to swoop late and grab Britain’s greatest prize.</p> <p> Trainer Aidan O’Brien clearly thinks that this shorter distance could make all the difference: “He didn’t really see out the Derby distance and on Saturday we will see whether the Eclipse (1990m) is his ideal trip. We think it is and everything has gone well for him since Epsom.”</p> <p> Arguably – and trainer Martyn Meade certainly argues it – nothing much went right for Eminent at Epsom, or indeed in Newmarket’s 2000 Guineas (G1 1600m) previously. The son of Frankel has reportedly clocked some remarkable times in fast homework recently whilst several other factors could also work in his favour.</p> <p>Epsom Derby (G1 2405m) runner-up Cliffs Of Moher and fourth-placed Eminent along with Royal Ascot G1 winner Barney Roy are expected to dominate the betting and all three represent the three-year-old Classic generation. However supporters of older horses will bask in the knowledge that since the race was opened up age wise in 1965, they can boast 34 victories compared to just 18 from the three-year-olds.</p> <p> Cliffs Of Moher had looked sure to win at Epsom once Ryan Moore had urged him to the front about 200m from the end, only for unfancied stablemate Wings Of Eagles to swoop late and grab Britain’s greatest prize.</p> <p> Trainer Aidan O’Brien clearly thinks that this shorter distance could make all the difference: “He didn’t really see out the Derby distance and on Saturday we will see whether the Eclipse (1990m) is his ideal trip. We think it is and everything has gone well for him since Epsom.”</p> <p> Arguably – and trainer Martyn Meade certainly argues it – nothing much went right for Eminent at Epsom, or indeed in Newmarket’s 2000 Guineas (G1 1600m) previously. The son of Frankel has reportedly clocked some remarkable times in fast homework recently whilst several other factors could also work in his favour.</p> <!-- end of left hand side text -->
Owner Cheng Keung Fai presents a framed Designs On Rome horseshoe to the Hong Kong Jockey Club Chairman Dr Simon Ip.
Owner Cheng Keung Fai presents a framed Designs On Rome horseshoe to the Hong Kong Jockey Club Chairman Dr Simon Ip.

Epsom Derby (G1 2405m) runner-up Cliffs Of Moher and fourth-placed Eminent along with Royal Ascot G1 winner Barney Roy are expected to dominate the betting and all three represent the three-year-old Classic generation. However supporters of older horses will bask in the knowledge that since the race was opened up age wise in 1965, they can boast 34 victories compared to just 18 from the three-year-olds.

Cliffs Of Moher had looked sure to win at Epsom once Ryan Moore had urged him to the front about 200m from the end, only for unfancied stablemate Wings Of Eagles to swoop late and grab Britain’s greatest prize.

Trainer Aidan O’Brien clearly thinks that this shorter distance could make all the difference: “He didn’t really see out the Derby distance and on Saturday we will see whether the Eclipse (1990m) is his ideal trip. We think it is and everything has gone well for him since Epsom.”

Arguably – and trainer Martyn Meade certainly argues it – nothing much went right for Eminent at Epsom, or indeed in Newmarket’s 2000 Guineas (G1 1600m) previously. The son of Frankel has reportedly clocked some remarkable times in fast homework recently whilst several other factors could also work in his favour.

Epsom Derby (G1 2405m) runner-up Cliffs Of Moher and fourth-placed Eminent along with Royal Ascot G1 winner Barney Roy are expected to dominate the betting and all three represent the three-year-old Classic generation. However supporters of older horses will bask in the knowledge that since the race was opened up age wise in 1965, they can boast 34 victories compared to just 18 from the three-year-olds.

Cliffs Of Moher had looked sure to win at Epsom once Ryan Moore had urged him to the front about 200m from the end, only for unfancied stablemate Wings Of Eagles to swoop late and grab Britain’s greatest prize.

Trainer Aidan O’Brien clearly thinks that this shorter distance could make all the difference: “He didn’t really see out the Derby distance and on Saturday we will see whether the Eclipse (1990m) is his ideal trip. We think it is and everything has gone well for him since Epsom.”

Arguably – and trainer Martyn Meade certainly argues it – nothing much went right for Eminent at Epsom, or indeed in Newmarket’s 2000 Guineas (G1 1600m) previously. The son of Frankel has reportedly clocked some remarkable times in fast homework recently whilst several other factors could also work in his favour.

Listing

Listing format (using Text Block)

dot list with number sub listing:

    • hello point 1

        1. hello

        1. hello 3

    • hello point 2

        1. hello

        1. hello 3

    • hello point 3

        1. hello

        1. hello 3


number list with dot sub listing:

    1. hello point 1

        • hello

        • hello 3

    1. hello point 2

        • hello

        • hello 3

    1. hello point 3

        • hello

        • hello 3


Example of unordered lists:

    • Coffee (<ul class=”list-circle”>)

    • Tea

    • Coca Cola

    • Coffee (<ul class=”list-square”>)

    • Tea

    • Coca Cola


Example of ordered lists:

    1. Coffee (<ol class=”list-upper-roman”>)

    1. Tea

    1. Coca Cola

    1. Coffee (<ol class=”list-lower-alpha”>)

    1. Tea

    1. Coca Cola

    1. Coffee (<ol class=”list-upper-alpha”>)

    1. Tea

    1. Coca Cola

Listing format (Using Raw html)

dot list with number sub listing:

  • hello point 1
    1. hello
    2. hello 3
  • hello point 2
    1. hello
    2. hello 3
  • hello point 3
    1. hello
    2. hello 3

number list with dot sub listing:

  1. hello point 1
    • hello
    • hello 3
  2. hello point 2
    • hello
    • hello 3
  3. hello point 3
    • hello
    • hello 3

Example of unordered lists:

  • Coffee (<ul class="list-circle">)
  • Tea
  • Coca Cola
  • Coffee (<ul class="list-square">)
  • Tea
  • Coca Cola

Example of ordered lists:

  1. Coffee (<ol class="list-upper-roman">)
  2. Tea
  3. Coca Cola
  1. Coffee (<ol class="list-lower-alpha">)
  2. Tea
  3. Coca Cola
  1. Coffee (<ol class="list-upper-alpha">)
  2. Tea
  3. Coca Cola

Video

Akamai Video Embed

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Akamai Video Embed Title

Akamai Popup Video

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Responsive Table

Remark
1.) adding the class "generic-table" into the <div class="generic-table">Table html</div>
2.) adding back the<thead></thead>
3.) adding back the<tbody></tbody>
4.) class num-center for center the text

Representing Horse Name No. of Horses Flight No. Date and Time of Arrival Remarks
GB
IRE

(from Melbourne) PRINCE OF ARRAN, RED VERDON
(from Melbourne) LATROBE
 3 CX 3128 Mon 26 Nov 2315 hrs
AUS (from Sydney) COMIN’ THROUGH 1 EK 9822 Tue 27 Nov 2025 hrs
Japan

(from Osaka) CROCOSMIA, DEIRDRE, FINE NEEDLE,
LYS GRACIEUX, MOZU ASCOT, PERSIAN KNIGHT,
STAPHANOS, SUNGRAZER, VIVLOS
 9 C8 5733 Thu 29 Nov 1805 hrs
FR (from Amsterdam) INNS OF COURT, WALDGEIST 2 KL 887 Fri 30 Nov 1155 hrs
SIN (from Singapore) LIM’S CRUISER, Companion Horse 2 SQ 7868 Sat 1 Dec 0230 hrs

Travel with a
companion
horse
IRE (from Tokyo) CAPRI 1 CX 005 Sat 1 Dec 1235 hrs
GB

(from London) BEAT THE BANK, MIRAGE DANCER,
ONE MASTER, SALOUEN, SIR DANCEALOT,
STORMY ANTARCTIC
 6 CX 038 Sat 1 Dec 2025 hrs
IRE (from Shannon) ROSTROPOVICH, EZIYRA 2 QR 8426 Sun 2 Dec 1445 hrs

了解我们的最新消息

(Demo) News Demo Page 11

(English) Leo Schlink

11/09/2022 19:23

(Demo) News Demo Page 10

(English) Leo Schlink

11/09/2022 19:23

(Demo) News Demo Page 9

(English) Leo Schlink

11/09/2022 19:23

(Demo) News Demo Page 8

(English) Leo Schlink

11/09/2022 19:23

(Demo) News Demo Page 7

(English) Leo Schlink

11/09/2022 19:23

(Demo) News Demo Page 6

(English) Leo Schlink

11/09/2022 19:23

(Demo) News Demo Page 5

(English) Leo Schlink

11/09/2022 19:23

(Demo) News Demo Page 4

(English) Leo Schlink

11/09/2022 19:23

(English) (Demo) News Demo Page 03

(English) Leo Schlink

11/09/2022 19:23

(English) (Demo) News Demo Page 02

(English) Leo Schlink

11/09/2022 19:23