--- title: Website Instructions url: https://thebruce-hotel.guestcentric.net/en/website-test language: en is_homepage: false hotel: The Bruce Hotel city: Stratford country: Canada phone: "519-508-7100" email: reception@thebruce.ca --- [Brand logo](/) - [Home](/) - [Rooms & Suites](/accommodations) - [The Cottage](/the-cottage) - [Promotions](/promotions) - [Dining](/dining) - [Experiences](/experiences) - [Corporate Events](/corporate-events) [Brand logo](/) ![WELCOME AT THE BRUCE HOTEL](https://static.guestcentric.net/bin/66d04123b779d4af/the-bruce-hotel-bannerbruce-interiors-jl22-43-2.webp) # Website Instructions --- Hello and welcome to your website-instructions page. It's like an instructions page, with all the tools and elements available to use in your website. Enjoy! --- ## Heading 2 bold italic underline link Normal Paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac tempor elit. Sed sed laoreet sapien. Fusce feugiat, ante quis pellentesque cursus, augue metus dapibus massa, sit amet luctus enim dui nec erat. --- ### Heading 3 bold italic underline link Underline Paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac tempor elit. Sed sed laoreet sapien. Fusce feugiat, ante quis pellentesque cursus, augue metus dapibus massa, sit amet luctus enim dui nec erat. --- #### Heading 4 bold italic underline link *Italic Paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac tempor elit. Sed sed laoreet sapien. Fusce feugiat, ante quis pellentesque cursus, augue metus dapibus massa, sit amet luctus enim dui nec erat.* **Bold Paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac tempor elit. Sed sed laoreet sapien. Fusce feugiat, ante quis pellentesque cursus, augue metus dapibus massa, sit amet luctus enim dui nec erat.** --- ##### Heading 5 bold italic underline link *Italic Paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac tempor elit. Sed sed laoreet sapien. Fusce feugiat, ante quis pellentesque cursus, augue metus dapibus massa, sit amet luctus enim dui nec erat.* **Bold Paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac tempor elit. Sed sed laoreet sapien. Fusce feugiat, ante quis pellentesque cursus, augue metus dapibus massa, sit amet luctus enim dui nec erat.** --- ###### Heading 6 Heading 6 for hotel logo --- ### Content blocks begin ### Large + Large Slide + Large no image --- [https://www.google.com/](https://www.google.com/) #### LARGE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- [https://www.google.com/](https://www.google.com/) #### LARGE SLIDE **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) [https://www.google.com/](https://www.google.com/) #### SECOND SLIDE **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- ### Large no image [https://www.google.com/](https://www.google.com/) **This is the large without an image, and *only uses the description.***Use bold to transform into a title, and then italic if needed. The remaining text will be the default description. And this is a [link](https://www.thebruce.ca/home_v1) in the description. [Link](https://www.google.com/) --- ### Panoramic + panoramic no image --- [https://www.google.com/](https://www.google.com/) #### PANORAMIC WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- [https://www.google.com/](https://www.google.com/) This is the panoramic no image descripion. **Use bold as it was the title** *and italic if you want it* Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac tempor elit. Sed sed laoreet sapien. Fusce feugiat, ante quis pellentesque cursus, augue metus dapibus massa, sit amet luctus enim dui nec erat. And this is a [link](https://www.thebruce.ca/home_v1). [Link](https://www.google.com/) --- ### Quote slide Please use this one with at least 2 together, and always with 2 images in the media. --- [https://www.google.com/](https://www.google.com/) #### QUOTE SLIDE **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) [https://www.google.com/](https://www.google.com/) #### SECOND SLIDE **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- ### Medium double You can use 2 images in the media on this content block, same as vertical block and quote. --- [https://www.google.com/](https://www.google.com/) #### MEDIUM DOUBLE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- [https://www.google.com/](https://www.google.com/) #### SECOND MEDOUM DOUBLE **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- --- ### Content area 2 begins ### Medium Large --- [https://www.google.com/](https://www.google.com/) #### MEDIUM LARGE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- [https://www.google.com/](https://www.google.com/) #### SECOND MEDIUM LARGE **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- ### Vertical block You can use 2 images on this content block. --- [https://www.google.com/](https://www.google.com/) #### VERTICAL BLOCK WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- [https://www.google.com/](https://www.google.com/) #### SECOND VERTICAL BLOCK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- ### Small + Small Vertical (Grid effect) Use these two together to create a dynamic grid. --- [https://www.google.com/](https://www.google.com/) #### SMALL WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. [Link](https://www.google.com/) #### SMALL NO LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. [https://www.google.com/](https://www.google.com/) #### SMALL NO IMAGE **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. [Link](https://www.google.com/) --- ### Content area 3 begins ### Smaller Advisable to use 4 in a row, they'll group up together. --- [https://www.google.com/](https://www.google.com/) #### SMALLER WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) #### SMALLER NO LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. #### SMALLER NO IMAGE **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. Link --- ### Small slide Use at least 5 together to create a slide. --- [https://www.google.com/](https://www.google.com/) #### SMALL SLIDE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) [https://www.google.com/](https://www.google.com/) #### SMALL SLIDE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) [https://www.google.com/](https://www.google.com/) #### SMALL SLIDE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) [https://www.google.com/](https://www.google.com/) #### SMALL SLIDE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) [https://www.google.com/](https://www.google.com/) #### SMALL SLIDE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) [https://www.google.com/](https://www.google.com/) #### SMALL SLIDE WITH LINK **bold** *italic*linkdescription - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit placerat diam sed molestie. Pellentesque mattis justo eget luctus fermentum. Mauris vitae tellus metus. Duis quis ultricies lorem. [Link](https://www.google.com/) --- ### Availability widget #### Availability Widget Check-in: Check-out: Total amount: [BOOK NOW!](https://hypercommerce.guestcentric.net/room/details/roomRateId?gc=05fcfa55b4e8cf0b3e533535c0607c6d&channelKey=58e5de4e971fc00be29aa10492813ad4&l=en&startDay=bookdate&nrNights=nights) --- ### Facebook widget --- ### Instagram feed widget --- ### Weather widget --- ### Vouchers widget ### Rates from $ 0.00 View terms and conditions[Buy now!](https://secure.guestcentric.net/api/bg/book.php?apikey=05fcfa55b4e8cf0b3e533535c0607c6d&products=true&productID=Guestcentric_&Key=974d82150b02b308a6a79ba2f87acad6) Close terms and conditions --- ### Promotions widget --- ### Newsletter widget [If you wish to receive our newsletter, Click here.](hotel-subscribe.html) --- #### The end --- Stay updated: [Subscribe to our Newsletter](/hotel-subscribe.html) Address [89 Parkview Dr Stratford, Ontario N5A 4R5 Canada](https://maps.google.com?q=89+Parkview+Dr,Stratford,N5A+4R5) Contacts [519-508-7100](tel:519-508-7100) [reception@thebruce.ca](mailto:reception@thebruce.ca) [Footer Logo](/) [![Powered by GuestCentric — Hotel Website & Booking Technology](https://static.guestcentric.net/cdn/wsbdev/wsbdev_bin/powered-gc.svg)](https://www.guestcentric.com/) --- ## The Bruce Hotel **Address:** 89 Parkview Dr, Stratford, N5A 4R5, Canada **Phone:** 519-508-7100 **Reservations:** 855-708-7100 **Email:** [reception@thebruce.ca](mailto:reception@thebruce.ca)