Qatar Living

  • Car for sale
  • Car rentals
  • Rental Companies
  • Commercial Vehicle
  • Boats/Yachts
  • Car plate number
  • Shared Accommodation
  • Classifieds
  • Electronics
  • Fashion & Beauty
  • Phones & Tablets
  • Labor & Moving
  • Household Services
  • Cleaning Services
  • Freelancers

Handshake

Subscribe to our newsletter to get the latest updates

all used boats yachts for sale in qatar

  • Advertising Terms
  • Website Terms
  • Rules for posting ads

Gulf Yachts - Logo

GULF YACHTS

Established in 2013 became one of the leading yacht companies., yacht management, our highly qualified professionals offer you total yacht management and technical support for your comfort., yacht brokerage, we make it easier for you, whether you are selling a recreational boat or a luxury yacht., yacht shipment, any time you want to ship a yacht or boat overseas, our company can help you do it..

Gulf-Craft

Under Construction

all used boats yachts for sale in qatar

Login or E-mail

  • Sell my boat

Search radius

Search by keywords, select price.

5 more photos

all used boats yachts for sale in qatar

  • in compare list Remove from list Add to compare

all used boats yachts for sale in qatar

15 more photos

22 more photos

3 more photos

all used boats yachts for sale in qatar

9 more photos

10 more photos

all used boats yachts for sale in qatar

21 more photos

Request boat price

Slots available: 0.

Your reached the limit of ads. Please upgrade your plan.

fbPixel

  • Boats for Sale

New and used boats for sale in Qatar

Sunseeker Manhattan 70

Find your dream on TheYachtMarket today. We have brokers and sellers in Qatar at great prices.

Sign up to our newsletter

By submitting this form, you agree to our Privacy & Cookie Policy

Change units of measure

This feature requires cookies to be enabled on your browser.

Show price in:

Show lengths, beam and draft in:

Show displacement or weight in:

Show capacity or volume in:

Show speed in:

Show distance in:

British Marine

all used boats yachts for sale in qatar

Cars For Sale

all used boats yachts for sale in qatar

Cars < 25k QR

all used boats yachts for sale in qatar

Special Numbers

all used boats yachts for sale in qatar

Air Beds & Sleeping Bags

Arts, Crafts & Sewing

Bikes accessories

Building Materials

Car Spare Parts & Accessories

Cars For Rent

Cashier Machines

Computers and Parts

Doors, Windows And Handrails

Electronics

Fishing Equipment

Furniture & Décor

Health & Beauty

Heavy Equipments

Home Appliances

Home Security & Surveillance Systems

Inflatable Games

Kitchen & Dining Room

Men Accessories

Metal Detector

Mobile and Tablets

Musical Instruments

Pet Accessories

Porta Cabin

Shaving & Hair Removal Products

Shoes & Bags

Sportswear & Equipment

Tools & Home Improvement

Tracking Systems

Travel Accessories

Video Games

Walkie Talkie

  • WaterCrafts

Wrist Watches

all used boats yachts for sale in qatar

Real Estate

all used boats yachts for sale in qatar

Jobs Center

all used boats yachts for sale in qatar

Four winns 298 vista USA 2006 White 31 ft With Parking

market

Gulf Craft UAE 2010 White 35 ft With Parking

Oryx  UAE  2023  White  39.9 ft

Oryx UAE 2023 White 39.9 ft

Fiber Dhow  2018  Dark Blue  85 ft  With Parking

Fiber Dhow 2018 Dark Blue 85 ft With Parking

Gulf Craft  UAE  2023  White  40 ft  With Parking

Gulf Craft UAE 2023 White 40 ft With Parking

Gulf Craft  1994  White  40 ft  With Parking

Gulf Craft 1994 White 40 ft With Parking

Sea Ray  SunDancer  USA  2003  White  36 ft

Sea Ray SunDancer USA 2003 White 36 ft

Gulf Craft  Nomad  UAE  2024  White  65 ft

Gulf Craft Nomad UAE 2024 White 65 ft

Gulf Craft  Oryx 40  UAE  2011  White  40 ft  With Parking

Gulf Craft Oryx 40 UAE 2011 White 40 ft With Parking

Cranchi  2015  White  56.5 ft

Cranchi 2015 White 56.5 ft

Gulf Craft  Oryx 36  UAE  2022  White  36.8 ft

Gulf Craft Oryx 36 UAE 2022 White 36.8 ft

Al Dhaen  Bahrain  2006  White & Black  38 ft  With Parking

Al Dhaen Bahrain 2006 White & Black 38 ft With Parking

House Boat  UAE  2023  White  59 ft  With Parking

House Boat UAE 2023 White 59 ft With Parking

Formula  Cruiser  USA  1996  White  43 ft  With Parking

Formula Cruiser USA 1996 White 43 ft With Parking

Al Dhaen  Bahrain  2015  Red  39.69 ft

Al Dhaen Bahrain 2015 Red 39.69 ft

Gulf Craft  Oryx 40  UAE  2013  White  0 ft  With Parking

Gulf Craft Oryx 40 UAE 2013 White 0 ft With Parking

Oryx  UAE  2010  White  36 ft  With Parking

Oryx UAE 2010 White 36 ft With Parking

Sea Ray  USA  2006  White  27.4 ft

Sea Ray USA 2006 White 27.4 ft

Gulf Craft  Oryx 40  UAE  2012  White  40 ft  With Parking

Gulf Craft Oryx 40 UAE 2012 White 40 ft With Parking

Hatteras  53 Fly  USA  1981  White  53 ft

Hatteras 53 Fly USA 1981 White 53 ft

Carver  350 Mariner  USA  1997  White  35 ft  With Parking

Carver 350 Mariner USA 1997 White 35 ft With Parking

Gulf Craft  Oryx 36  UAE  2015  White  36 ft

Gulf Craft Oryx 36 UAE 2015 White 36 ft

Gulf Craft  Oryx 40  UAE  2011  White  40 ft  With Parking

Gulf Craft Oryx 36 USA 2008 White 36 ft With Parking

Larson  USA  2008  White  31 ft  With Parking

Larson USA 2008 White 31 ft With Parking

Gulf Craft  UAE  2010  White  31 ft  With Parking

Gulf Craft UAE 2010 White 31 ft With Parking

Trojan  USA  1990  White  36 ft

Trojan USA 1990 White 36 ft

Gulf Craft  Oryx  40 ft  White + Blue  2012  UAE  2  mercury  With Parking

Gulf Craft Oryx 40 ft White + Blue 2012 UAE 2 mercury With Parking

Gulf Craft  Majesty  56.8 ft  White  2018  UAE  2  Man  1600 HP  With Parking

Gulf Craft Majesty 56.8 ft White 2018 UAE 2 Man 1600 HP With Parking

Gulf Craft  36  36 ft  White  2012  UAE  2  Suzuki  600 HP  With Parking

Gulf Craft 36 36 ft White 2012 UAE 2 Suzuki 600 HP With Parking

Gulf Craft  63  64 ft  White  2017  UAE  2  C 18  With Parking

Gulf Craft 63 64 ft White 2017 UAE 2 C 18 With Parking

Hatteras  54  54 ft  White  1994  USA  2  Detroit  2080 HP

Hatteras 54 54 ft White 1994 USA 2 Detroit 2080 HP

Sea Ray  560  55.6 ft  White  1999  USA  2  Caterpillar

Sea Ray 560 55.6 ft White 1999 USA 2 Caterpillar

Sea Ray  60 Sun Dancer  61.8 ft  White + Blue  2008  USA  2  Man  2200 HP  With Parking

Sea Ray 60 Sun Dancer 61.8 ft White + Blue 2008 USA 2 Man 2200 HP With Parking

Sea Ray  60 Sun Dancer  61.8 ft  White + Blue  2008  USA  2  Man  2200 HP  With Parking

Bay liner E6 18.2 ft Dark Blue 2018 USA 1 mercury

All data and images published on this website have been obtained by the advertiser, and the possibility of mistakes in data or images provided by the advertiser or during data entry to the website is probable, therefore the company (Qatar A to Z) and through its website (QatarSale) does not bear any liability or consequences towards those data or images, and emphasize the need to check the items personally and do an inspection before buying.

Make your phone a classified machine

Download free classified app

QatarSale Mobile App

Salatah al Jadidah, Ali Bin Abi Talib Street No 820, Building No 96, Zone 40, PO Box 20041 , Doha-Qatar

Copyright © 2007- 2024 Qatar A to Z w.l.l. All rights reserved. Conditions and Privacy Policy

Yachts for Sale

  • Boats for Sale in Qatar

Carbo Yacht for Sale 90

Yacht for sale models 49, yacht for sale 45, yacht for sale models 54, yacht for sale models 46, yacht for sale models 48, yacht for sale models 51, yachts for sale kavi 9.

Explore the largest online selection of luxury explorer boats for sale , featuring only the highest quality superyachts from the Qatar leading brokers.

For expert information and advice about buying or selling yachts and boats in Qatar contact one of our experienced advisers who will be happy to assist you.

Boats for Sale is the company that successfully performs all transactions such as yachts, boats and yachts sales brokerage. Guaranteed sales transactions are made by all the operating companies we will do. We serve Qatar and the whole world.

  • Yachts for Sale in Qatar

For aspiring yacht owners looking for a luxury boats, we have put together a fine selection of luxury used yachts, motor yachts, classic yachts, trawler yachts, explorer yachts, sailing yachts, boats and yachts for sale from all over the world. Search Boats for Sale collection of superyachts for sale and filter by type, length, asking price or age. Narrow the results by selecting specific features, or browse by speed, designer and much more.

Used Boats for Sale in Qatar

Used boats for sale near you, in Qatar and across world. Find your ideal boats, compare prices and more. Get an email alert for new ads matching your search. Buying a boats has never been so easy!

When looking for new, pre-owned, and used used boats for sale in Qatar, the amount of time it takes to narrow down exactly what you want can some times be intimidating. With so many manufacturers, models, and boats types, how do you begin to find the right yacht that meets your budget and your needs?

Boats for Sales is the one-stop professional yacht brokerage that can navigate you through the frustrations and help you make the best decision possible when it comes to the purchase of your next boats. We can help you find the yacht for sale, set up the showings, help negotiate pricing, handle the yacht closing and everything else involved, and we do all of this so you are able simply sit back and to enjoy the process. Buying a yacht requires a significant investment and it is our goal to provide you with detailed information and professional guidance.

When searching for a yachts for sale , there are a plethora of options. The yachts on our website number over 4,921 listings, including yachts built by top brands such as Grand Banks, Vanquish, Pursuit, President, Egg Harbor, Cranchi, Abeking & Rasmussen, Palm Beach and more. Boats for Sale can also help you find the best used center-console boats for sale in Qatar from brands like Yellowfin, Contender, and more.

To view used boats for sale in Qatar, browse below and click the photo for more information.

  • Used Yachts for Sale Qatar

Boats for Sale Qatar

  • Boats for Sale Doha
  • Boats for Sale Ad Daẖirah
  • Boats for Sale Al Dhakira
  • Boats for Sale Er Rüveys
  • Boats for Sale Al Mafjar
  • Buy a Yacht
  • Sell a Yacht
  • Motor Yachts for Sale
  • Yachts for Sale
  • Sailing Yachts for Sale
  • Explorer Yachts for Sale
  • Classic Yachts for Sale
  • Yachts for Charter Turkey
  • Yacht for Charter
  • Yachts for Charter Destinations
  • Yachts for Charter in Turkey

Please sign in first.

Create a free account to save loved items.

Create a free account to use wishlists.

  • Boats and Yachts

Boats and Yachts for sale in Qatar

33 boats and yachts, in all cities, qatar.

2024 SEA-DOO RXT-X RS 325 Jetski for sale in Qatar

2024 SEA-DOO RXT-X RS 325 Jetski

2024 Yamaha Waverunners GP 1.9 HO Jetski for sale in Qatar

2024 Yamaha Waverunners GP 1.9 HO Jetski

2023 Mercury Pro XS 150 HP 3.0L L4 Outboard Engine for sale in Qatar

2023 Mercury Pro XS 150 HP 3.0L L4 Outboard Engi

Yamaha 2023 GP1800R HO Jetski for sale in Qatar

Yamaha 2023 GP1800R HO Jetski

2023 Sea-Doo RXP-X APEX 300 Jetski for sale in Qatar

2023 Sea-Doo RXP-X APEX 300 Jetski

Robalo 25 feet - 2 x Yamaha 200HP for sale in Qatar

Robalo 25 feet - 2 x Yamaha 200HP

2007 MASTERCRAFT X2 (US) for sale in Qatar

2007 MASTERCRAFT X2 (US)

We sell NEW and USED MODEL OF OUTBOARD MOTOR ENGINES for sale in Qatar

We sell NEW and USED MODEL OF OUTBOARD MOTOR ENG

2020 YAMAHA FX SVHO Stealth Black WhatsApp for sale in Qatar

2020 YAMAHA FX SVHO Stealth Black WhatsApp

Sea Ray 185 Sports Bowrider WhatsApp  ‪ for sale in Qatar

Sea Ray 185 Sports Bowrider WhatsApp ‪

Boats and yachts for sale for sale in Qatar

Boats and yachts for sale

2010 Bayliner 175 Bowrider for Sale for sale in Qatar

2010 Bayliner 175 Bowrider for Sale

28ft Cabin cruiser for sale for sale in Qatar

28ft Cabin cruiser for sale

Tribord Cayak 3 persons NEW ( not used before ) for sale in Qatar

Tribord Cayak 3 persons NEW ( not used before )

2013 Seadoo GTI- only 35hrs!!! serviced with dealer for sale in Qatar

2013 Seadoo GTI- only 35hrs!!! serviced with dea

Ad blocker is enabled.

Qezar.com might not work as expected when an ad blocker is enabled in a web browser.

Turn off the ad blocker or add this web page's URL as an exception so you can navigate without any problems.

After you turn off the ad blocker, you'll need to refresh your screen.

Posted 2024-06-22 11:45

Contact Information:

Grumman bass boat - $3,250 (Annona)

Grumman bass boat 1

QR Code Link to This Post

post id: 7759384645

posted: 2024-06-22 11:45

♥ best of [ ? ]

refresh the page.

Grumman bass boat - boats - by owner - marine sale - craigslist

87' welded aluminum, 16ft, 55hp nissan, pwr tilt trim, galv trailer, new battery, new tire, used very little, ran at lake 6-20-24, all working fishing rig

Boat logo

The global authority in superyachting

  • NEWSLETTERS
  • Yachts Home
  • The Superyacht Directory
  • Yacht Reports
  • Brokerage News
  • The largest yachts in the world
  • The Register
  • Yacht Advice
  • Yacht Design
  • 12m to 24m yachts
  • Monaco Yacht Show
  • Builder Directory
  • Designer Directory
  • Interior Design Directory
  • Naval Architect Directory
  • Yachts for sale home
  • Motor yachts
  • Sailing yachts
  • Explorer yachts
  • Classic yachts
  • Sale Broker Directory
  • Charter Home
  • Yachts for Charter
  • Charter Destinations
  • Charter Broker Directory
  • Destinations Home
  • Mediterranean
  • South Pacific
  • Rest of the World
  • Boat Life Home
  • Owners' Experiences
  • Interiors Suppliers
  • Owners' Club
  • Captains' Club
  • BOAT Showcase
  • Boat Presents
  • Events Home
  • World Superyacht Awards
  • Superyacht Design Festival
  • Design and Innovation Awards
  • Young Designer of the Year Award
  • Artistry and Craft Awards
  • Explorer Yachts Summit
  • Ocean Talks
  • The Ocean Awards
  • BOAT Connect
  • Between the bays
  • Golf Invitational
  • Boat Pro Home
  • Superyacht Insight
  • Global Order Book
  • Premium Content
  • Product Features
  • Testimonials
  • Pricing Plan
  • Tenders & Equipment

test driving the new riva el iseo superyacht tender

Electric charge: putting Riva's striking all-electric El-Iseo to the test

A modern twist on a beloved classic, the striking all-electric Riva El-Iseo packs a punch. Hannah Rankine feels the surge...

I wish I could say it is a beautiful, sunny day here at the Ferretti Group’s home base of Lake Iseo, where I am about to board a Riva El-Iseo. The weather has other ideas – wet, grey ones – but, happily, that doesn’t detract from the sheer thrill of trialling Riva’s first all-electric boat.

Launched in 2023, the El-Iseo is the e-iteration of the brand’s beloved Iseo model, launched in 2011. It takes the familiar shape of classic open Rivas, with a polished mahogany bow and stern platform, aft sunpad and comfortable cockpit. Ironic considering today’s weather, it’s a design that speaks of scorching hot days out on the Mediterranean and 1960s style. So this boat is both a nod to the past and a glimpse into the future, with vintage style and cutting-edge electric propulsion.

I step on board the second hull, which sports a striking electric- blue livery – the boat’s entire colour scheme can be customised to the owner’s preferences – and settle onto the leather U-shaped seating in the cockpit. Beyond the aesthetics, there’s an adjustable table, cup holders, a fridge and a sound system to enjoy here.

As we tootle out onto the expansive lake, the El-Iseo shows us what it’s made of. The absence of engine noise is immediately striking – a stark departure from the rumble of traditional diesel boats. I wouldn’t go as far as saying there is complete silence, but you can easily hold a conversation without needing to raise your voice. And, of course, there is the undeniable perk of breathing in clean air rather than diesel fumes.

After a few moments, I am told to hold on as we prepare to go full throttle – and I’m glad I do. If you have ever experienced the abrupt acceleration of an electric car – that instant surge – then you’ll understand the sheer power and agility of the El-Iseo. We effortlessly reach our cruising speed of 25 knots in just three seconds, and within an impressive 10 seconds we are up on the plane, soaring at a top speed of 40 knots.

I take the helm to experience the smooth steering and an acceleration curve that the yard says is significantly steeper than that of other boats of this size. The touchscreen dashboard is aesthetically pleasing and intuitive, and I note the titles of the three drive modes – Allegro (fast), Andante (moderate) and Adagio (slow) – all named after tempos of classical music.

The issue of range is a hot topic in the electric automotive industry, and it’s no different when it comes to boats. So how does the El-Iseo compare? The yard says it offers one hour at a cruising speed of 25 knots and 10 hours at an eco speed of five knots, which, considering the boat’s intended use, shouldn’t present any concerns.

The El-Iseo caters to two primary markets: first as a superyacht tender, shuttling guests between the mothership and shore, and second for leisurely lake excursions. With several European countries implementing stringent regulations against diesel-powered boats on certain lakes, there’s been a significant surge in demand for electric boats of this size, according to the Ferretti Group.

Charging the El-Iseo is a straightforward affair – it can go from flat to full in less than two hours. Charging stations are increasingly available in major marinas, or they can be installed on board the mothership. But what if you find yourself far out on the water with dwindling power?

“When the boat’s battery level drops to 20 per cent, it automatically switches to the Adagio setting to warn you of the low battery,” says Davide Bellini, electrical systems and electronics manager at the Ferretti Group. “From there, you can still operate in Andante mode, but Allegro will be unavailable. When the battery reaches five per cent, the boat will be restricted to Adagio.”

With lithium battery safety also a common concern, Bellini offers reassurance: “We cover the entire technical area – so not only the battery but also the engine room – with a special thin and light coating, which protects the outside from  very high temperatures. So, if there is a fire, this coating protects those on board.”

As a modern take on classic design, a retro look with futuristic propulsion technology, the El-Iseo is a triumph, offering a slice of la dolce vita for the 21st century.

Model Riva El-Iseo LOA: 8.35m Beam: 2.5m Draught: 1m Unloaded displacement: 3,750kg Battery capacity: 150kWh with Podium Advanced Technologies battery Engines: Parker 250kW GVM310 Max speed: 40 knots Cruise speed: 25 knots Range: 25nm at 25 knots riva-yacht.com

First published in the July 2024 issue of BOAT International. Get this magazine sent straight to your door, or subscribe and never miss an issue.

Similar yachts for sale

More stories, most popular, from our partners, sponsored listings.

Post comment

or continue as guest

guppy 13 sailboat for sale

guppy 13 sailboat for sale

js library for presentation

Top 9 javascript frameworks to create beautiful presentation slides.

Presentation frameworks are tools or libraries that can help you create presentations using web technologies that you are familiar with, such as HTML, CSS, JavaScript, Markdown, Vue, React, and more. You’ll have full control over the appearance and layout of your slides.

They allow you to export your slides as HTML files that can be viewed in any modern browser. You don’t need to install any software or plugin to view your slides. You can also share your slides online using platforms such as Slides.com, GitHub Pages, Netlify.

Reveal ( 64.2k ⭐) — An open source HTML presentation framework that allows you to create beautiful and interactive presentations using web technologies. You can use HTML, CSS, JavaScript, Markdown, LaTeX, and more to create stunning slides with animations, transitions, code highlighting, and other features.

Impress ( 37.3k ⭐) — Another open source HTML presentation framework that is similar to reveal.js, but with a different approach, inspired by the idea behind prezi.com. It uses CSS3 3D transforms to create dynamic and spatial presentations that can zoom, rotate, and pan across the slides.

Sli dev ( 27.3k ⭐) — A web-based slides maker and presenter that is designed for developers. It allows you to create beautiful and interactive presentations using Markdown, HTML, Vue components, and other web technologies. You can also use features such as live coding, recording, drawing, LaTeX, diagrams, icons, and more to enhance your slides.

MDX Deck ( 11.1k ⭐) — A library based on MDX that allows you to create presentations using Markdown and React components. You can write your slides in a single MDX file and separate them with --- . You can also import and use any React component in your slides, as well as customize the theme and layout of your presentation.

Spectacle ( 9.5k ⭐) — A React-based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code, created and maintained by Formidable Labs. You can use it to create beautiful and interactive slides with animations, transitions, code highlighting, and other features.

Code Surfer ( 6.2k ⭐) — A library that allows you to create presentations using Markdown and React components. You can write your slides in a single MDX file and separate them with --- , add code highlighting, code zooming, code scrolling, code focusing, code morphing, and fun to MDX Deck slides.

WebSlides ( 6.1k ⭐) — A library that allows you to create beautiful HTML presentations and websites. Just choose a demo and customize it in minutes. 120+ slides ready to use. You can use HTML, CSS, JavaScript, Markdown, LaTeX, and more to create stunning slides with animations, transitions, code highlighting, and other features.

Fusuma ( 5.3k ⭐) — A tool that allows you to create slides with Markdown easily. You can use HTML, CSS, JavaScript, Markdown, Vue components, and other web technologies to create stunning slides with animations, transitions, code highlighting, and other features.

PptxGenJS ( 2.1k ⭐) — A JavaScript library that allows you to create presentations, compatible with PowerPoint, Keynote, and other applications that support the Open Office XML (OOXML) format. You can use it to generate PPTX files with just a few simple JavaScript commands in any modern desktop and mobile browser. You can also integrate PptxGenJS with Node, Angular, React, and Electron.

Common features

Presentation frameworks typically share several common features that aim to enhance the creation and delivery of visually engaging and interactive presentations. Here are some of the common features you can find:

Ease of use : They allow you to use web technologies that you are familiar with, such as HTML, CSS, JavaScript, Markdown, Vue, React, and more. You don’t need to learn a new software or tool to create your slides. You can also use your favorite code editor or IDE to write and edit your slides.

Nested slides : They allow you to create sub-sections or sub-topics within your presentation. You can use nested slides to organize your content, add more details, or create interactive menus.

Markdown support : Markdown is a lightweight markup language that allows you to format text using simple syntax. You can use Markdown to write your slides in a plain text editor and then convert them to HTML. Markdown makes it easy to create headings, lists, links, images, code blocks, and more.

Auto-Animate : A feature that automatically animates the transitions between slides or elements to create smooth and dynamic effects for your presentation, detect the changes between slides and animate them accordingly.

PDF export : You can use PDF export to print your presentation, share it online, or view it offline. PDF export can also preserve the layout, fonts, and images of your presentation.

Speaker notes : You can use speaker notes to prepare your speech, add additional information, or provide references. Speaker notes are usually hidden from the audience but visible to you in a separate window or screen.

LaTeX support : LaTeX is a document preparation system that allows you to create high-quality typesetting for mathematical and scientific expressions. You can use LaTeX to write complex formulas, equations, symbols, and diagrams in your presentation. LaTeX can also handle cross-references, citations, and bibliographies.

Syntax highlighted code : You can use syntax highlighted code to display your source code in your presentation. Syntax highlighted code can make your code more readable, understandable, and attractive.

You might also like

Create powerpoint presentations with javascript.

The most popular powerpoint+js library on npm with 1,800 stars on github, works everywhere.

  • Every modern desktop and mobile browser is supported
  • Integrates with Node, Angular, React, and Electron
  • Compatible with Microsoft PowerPoint, Apple Keynote, and many others

Full Featured

  • All major objects are available (charts, shapes, tables, etc.)
  • Master Slide support for academic/corporate branding
  • Animated gifs, SVG images, YouTube videos, RTL text, and Asian fonts

Simple And Powerful

  • The absolute easiest PowerPoint library to use
  • Learn as you code using the built-in typescript definitions
  • Tons of sample code comes included (75+ slides of demos)

Export Your Way

  • Exports files direct to client browsers with proper MIME-type
  • Other export formats available: base64, blob, stream, etc.
  • Presentation compression options and more

js library for presentation

A Presentation Framework by @marcolago

Press Down Key to continue Or Swipe Up if you prefer.

What is it?

Flowtime.js is a framework for easily building HTML presentations or websites.

It’s built with web standards in mind and on top of a solid full page grid layout.

The animations are managed with native and accelerated CSS3 transitions. Javascript takes care of the navigation behaviour and adds advanced functionalities and configuration options.

Press Down Key or Swipe Up to continue.

Compatibility and Support

Flowtime.js is fully compatible with real moderns browsers:

  • Internet Explorer 10

Internet Explorer 9 and some old versions of other browsers lack the transitions and some modern Javascript features but the main navigation and functionalities will work.

In older browsers degrades to a bi-directional scrolling navigation with anchor links.

Touch Devices Support

On touch devices you can navigate through slides swiping in all directions.

By now Flowtime.js was tested and works on Safari Mobile and Chrome Mobile on iOS devices but the support will be wider in the near future.

Mastering the Navigation

You can navigate in many ways. The most common way is using the keyboard.

Navigation Keys and default behaviours:

  • Down Key goes to the next page or shows up the next fragment (we’ll see this later).
  • Up Key goes to the previous page or hides the fragment.
  • Right Key goes to the adjacent page in the next section (if available, it’s like a grid, otherwise it goes to the last page in the next section).
  • Left Key goes to the adjacent page in the previous section.

Alternate Navigation Control

Pressing the Shift Key you can alternate the the default navigation keys behaviour; let’s see how:

  • Down Key goes to the next page skipping all the fragments.
  • Up Key goes to the previous page skipping all the fragments.
  • Right Key goes to the first page in the next section.
  • Left Key goes to the first page in the previous section.

Some Other Keys

Because: the more, the better.

  • Page Up Key goes to the first page of the current section.
  • Page Down Key goes to the last page of the current section.
  • Home Key goes to the first page of the first section.
  • End Key goes to the last page of the last section.

Overview Mode.

You can look at the entire presentation by pressing ESC Key . When in Overview Mode you can go back to the Page Mode by pressing again the ESC Key.

Try it out!

WARNING! Experimental Feature. If you experience problems in webkit browser you can use the alternate Overview Mode; see the documentation for more info.

Navigating the Overview

In Overview Mode the arrow keys works in the same way as in Page Mode, highlighting the future destination. To navigate to the highlighted page just press Return or Enter Key or click on the desired page.

Navigate via Links or Javascript API

You can link every page by simply building the href value using this schema:

Where data-id attribute is an optional attribute you can add to every section or page. I.e.: if you want to go to back to the first page click here (press backspace to come back to this page) .

You can also trigger every navigation behaviour using the Flowtime.js Javascript API . Take a look at the documentation if you want to learn more.

Navigate With History

Flowtime.js offers a full support for the HTML5 History API where available or gracefully degrades on the hashchange event.

This means that you can navigate using the browser’s back and forward buttons and deeplink a page for sharing purposes.

Progress Indicator

You can enable a default progress indicator useful not only to know what’s the current page you are looking, but also as a navigation tool.

Look at the bottom right corner and you can see a miniature of the presentation structure.

Clicking on a page thumb will navigate to that page.

Fragments Support

The built in fragments navigation allows to advance step by step inside a page. Press down to try.

You can discover single elements or even a single part of an element, one at a time.

Fragments navigation is deeply customizable with some configuration options You can learn how in the documentation .

Fragments Unleashed

Thanks to some special classes you can add a couple of useful custom behaviours.

  • The .step fragment will partially fades out;
  • The .shy fragment will completely hides itself;
  • You can use this two special fragment types to easily create special effects.

This is a .shy example!

And this is a .step one!

Default HTML Structures

Flowtime.js comes with a default theme that styles the most common HTML structures, like:

1 st Level Heading

2 nd level heading, 3 rd level heading, 4 th , 5 th and 6 th level heading, unordered lists.

  • Another item.
  • Just another item.
  • Ok, we get it!

Ordered Lists

Definition lists, quotes and citations.

My favourite quotation: The bad craftsman blames his tools .

Sotto un cespo di rose scarlatte dai al rospo the caldo col latte. Sotto un cespo di rose paonazze tocca al rospo lavare le tazze.

Quoting and citing with <blockquote>, <q>, <cite>, and the cite attribute on HTML5 Doctor.

Theme and Styling

If you don’t like the default theme or you want to build your own (or both things), or if you want to build a website on top of Flowtime.js, you can write your own theme and replace the default one.

Theme and core css are in separate files so you can’t break the layout (unless you override some classes).

Fluid Layout

Everything can be fluid, just use em , rem and % units if you want to make an element resizable.

Image Management

Images are fluid like all the other content.

You can insert images in the flow or stack images ones on top the others with a minimal markup overhead to create some fancy fragments tricks.

Go to the next pages to see fluid images in action and how stacked images can be managed, both in the flow or centered in the slide. Look at the source code to learn how to write the markup.

js library for presentation

Stacked Images

js library for presentation

Centered Stacked Images

js library for presentation

About the Centered Stack

You can center anything, not only images!

Just like this content. Useful for splash pages and titles.

And you are not limited to stacks, you can center what you want.

Native Parallax Support

By popular demand Flowtime.js includes native parallax support*.

Simply add a parallax class to anything you want to have parallax enabled and configure the amount of distance for all elements or for a single element using data-parallax attribute.

For an example go to the next page ; for more info read the documentation .

* By the way: I’m not a parallax fan; but ehi… this is the "web 3.0".

The Invaders from Audiogalaxy

js library for presentation

This Page Is Just for Testing the Parallax

In the previous page, from left to right:

Code Snippets Highlight

Code highlight is a courtesy of Lea Verou’s Prism . Because I really didn’t want to re-invent the wheel. You can use what you want, it’s not a dependency (but it’s very smart and cool).

Events and Custom Implementations

When navigated to a page Flowtime.js fires a custom flowtimenavigation event full of useful properties to customize or build your components or behaviours.

Read the documentation to learn more about this event and its properties.

Some Examples

You can take a look at some examples to explore some of the possibilities that Flowtime.js offers to customize your experience.

  • Cross Direction
  • Custom Fragment Animations
  • Duplicated IDs
  • Modal Overlay
  • Page Titles in Navigation
  • Scroll the Current Section Only
  • Sub Pages Demo
  • Video Embedding and Controls

Continues …

More Examples

  • Default Behavior;
  • gridNavigation(false);
  • nearestPageToTop(true);
  • rememberSectionsLastPage(true);
  • rememberSectionsStatus(true);

If you need a specific example or if you have a question about a feature feel free to ask or open an issue .

Use It! It’s Free

This project is open source, feel free to contribute to the development on Github .

Feedbacks, suggestions and bug reports are welcomes.

Use it as you wish and build great things. And when you have done so let me know the URL, I will appreciate it.

Designed and coded by Marco Lago Interaction/Experience/Game/Designer/Developer

You can find me on Twitter as @marcolago

If you like this work spread the word, you know how ;)

Fork me on GitHub

Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome , Safari or Firefox browser.

Example Presentation: Classic Slides

Henrik ingo.

  • Table of Contents
  • A title slide

Bullet points

  • Blockquote & image
  • More basic text styles

Motion effects 101

Table of Contents, with links to other slides of this same presentation.

Note that instead of absolute positioning we use relative positioning, with the data-rel-x and data-rel-y attributes. This means the step is positioned relative to the foregoing step. In other words, this is equivalent to data-x="0" data-y="-3000".

A slide with text

This slide has a few paragraphs (p element) of normal text.

Personally I like centered or even justified text, as it looks less boring. This can of course be set in the css file .

I really like the style on links in these presentations. I modified the border to be beveled, but it's mostly from @bartaz' original demo . @bartaz is the creator of impress.js.

  • A slide with bullet points. This is the first point.
  • Second point
  • Sub-bullet 1
  • Sub-bullet 2

A blockquote & image

Mother Teresa holding a newborn baby

Spread love everywhere you go. Let no one ever come to you without leaving happier. Mother Teresa Image credit: Peta_de_Aztlan @Flickr. CC-BY 2.0

More text styles

As usual, use em to emphasize, strong for strong, u for underline, strike for strikethrough and q for inline quotations .

If you're a software engineer like me, you will often use the <code> tag for monospaced inline text.

Items on the slide can

And zoom in

...just like in PowerPoint. Yeah, I know I'm being lame, but it was fun to learn to do this in CSS3.

This step here doesn't introduce anything new when it comes to data attributes, but you should notice in the demo that some words of this text are being animated. It's a very basic CSS transition that is applied to the elements when this step element is reached.

At the very beginning of the presentation all step elements are given the class of `future`. It means that they haven't been visited yet.

When the presentation moves to given step `future` is changed to `present` class name. That's how animation on this step works - text moves when the step has `present` class.

Finally when the step is left the `present` class is removed from the element and `past` class is added.

So basically every step element has one of three classes: `future`, `present` and `past`. Only one current step has the `present` class.

This version of impress.js includes several add-ons, striving to make this a full featured presentation app.

Impress.js plugins

  • Press 'P' to open a presenter console.
  • When you move the mouse, navigation controls are visible on your bottom left
  • Autoplay makes the slides advance after a timeout
  • Relative positioning plugin is often a more convenient way to position your slides when editing. ( See html for this presentation. )

This presentation also uses speaker notes. They are not visible in the presentation, but shown in the impress console.

If you pressed P only now, this is the first time you see these notes. In fact, there has been notes on preceding slides as well. You can use the navigation controls at the bottom of the impress console to browse back to them.

And did you notice how those bullet points appear one by one as you press space/arrow? That's another plugin, called substeps.

Highlight.js

The Highlight.js library provides really nice color coding of source code. It automatically applies to any code inside a <pre><code> element.

Highlight.js is found under the extras/ directory, since it is an independent third party plugin, not really an impress.js plugin. You have to include it via it's own <link> and <script> tags.

Use \(\LaTeX\), MathML or AsciiMath to properly show mathematical formula.

  • Remember, in impress.js the full power of HTML5, CSS3 & JavaScript is always at your fingertips!
  • For example, you can use tables, forms, or dynamic charts as you would on any web page:

Acme Inc Quarterly Profits

  • DOCUMENTATION.md is the API reference.
  • Source of this presentation itself is commented
  • Again, the html and css source is well commented.
  • examples/ in this repository
  • on the impress.js wiki
  • Check out Impressionist : a 3D GUI to create impress.js presentations

jQuery Script - Free jQuery Plugins and Tutorials

10 best html presentation frameworks in javascript (2024 update), what is html presentation framework.

An HTML Presentation Framework helps you create a fullscreen web presentation to showcase your web content just like Apple Keynote and Microsoft PowerPoint.

It separates your HTML content into several fullscreen pages (slides) so that the visitors are able to navigate between these slides with certain operations (mouse wheel, arrow keys, touch events, etc).

The Best HTML Presentation Framework

You have been tasked with building an HTML5 presentation application, but where should you start? As there are many frameworks to choose from, it can be challenging to know where to begin.

In this post, we're going to introduce you the 10 best JavaScript HTML presentation frameworks to help developers generate professional, nice-looking presentations using JavaScript, HTML, and CSS. Have fun.

Originally Published Feb 2020, up date d Feb 27 2024

Table of contents:

  • jQuery HTML Presentation Frameworks
  • Vanilla JS HTML Presentation Frameworks

Best jQuery HTML Presentation Frameworks

Full page presentations with jquery and css animations.

A vertical full-page presentation app (also called fullscreen page slider) implemented in JavaScript (jQuery) and CSS animations.

Full Page Presentations With jQuery And CSS Animations

[ Demo ] [ Download ]

jQuery Amazing Scrolling Presentation Plugin - scrolldeck

scrolldeck is a cool jQuery plugin that make it easier to create amazing scrolling presentation like Slide Animation s, Image Slides and parallax effects for your project.

jQuery Amazing Scrolling Presentation Plugin - scrolldeck

Easy Dynamic Presentation Plugin In jQuery - Presentation.js

A jQuery-powered presentation plugin that allows users to create better professional-looking presentations, with awesome jQuery and/or CSS 3 animations.

Easy Dynamic Presentation Plugin In jQuery - Presentation.js

jQuery Plugin To Create Amazing Presentations - mb.disclose

An awesome jQuery plugin that provides an amazing way to present Html contents in carousel like presentations. You can customize the CSS3 powered animations for each Html element using Html5 data-* attributes.

jQuery Plugin To Create Amazing Presentations - mb.disclose

Responsive Web Presentation Plugin For jQuery - sectionizr

A really simple jQuery web presentation plugin which presents any html contents in a responsive, fullscreen, carousel-style page UI. Supports both horizontal and vertical scrolling.

Responsive Web Presentation Plugin For jQuery - sectionizr

Best Vanilla JS HTML Presentation Frameworks

Beautiful html presentation library - reveal.js.

reveal.js is an open source HTML presentation framework. It's a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free.

Presentations made with reveal.js are built on open web technologies. That means anything you can do on the web, you can do in your presentation. Change styles with CSS, include an external web page using an iframe or add your own custom behavior using our JavaScript API.

Beautiful HTML Presentation Plugin with jQuery - reveal.js

Fullscreen Scrolling Presentation In JavaScript – Pageable

A lightweight JavaScript library to generate a fullscreen scrolling presentation where the users are allowed to scroll through sectioned pages with drag, swipe, and mouse wheel events.

Fullscreen Scrolling Presentation In JavaScript – Pageable

Amazing Presentation Framework With CSS3 - impress.js

An amazing Presentation framework for modern bowsers. Based on CSS3 transforms and transitions. It doesn't depend on any external stylesheets. It adds all of the styles it needs for the presentation to work.

Amazing Presentation Framework With CSS3 - impress.js

Slidev aims to provide the flexibility and interactivity for developers to make their presentations even more interesting, expressive, and attractive by using the tools and technologies they are already familiar with.

When working with WYSIWYG editors, it is easy to get distracted by the styling options. Slidev remedies that by separating the content and visuals. This allows you to focus on one thing at a time, while also being able to reuse the themes from the community. Slidev does not seek to replace other slide deck builders entirely. Rather, it focuses on catering to the developer community.

slidev

Shower HTML presentation engine

Shower HTML presentation engine built on HTML, CSS and vanilla JavaScript. Works in all modern browsers. Themes are separated from engine. Fully keyboard accessible. Printable to PDF.

Shower HTML presentation engine

Conclusion:

There is no one right answer. The right presentation framework for you depends on your own project requirements, as well as your personal preferences. However, with the ten HTML presentation frameworks listed above to choose from, you are bound to find one that suits your specific needs.

Looking for more jQuery plugins or JavaScript libraries to create awesome HTML Presentations on the web & mobile? Check out the jQuery Presentation and JavaScript Presentation sections.

  • 10 Best Mobile-friendly One Page Scroll Plugins
  • Prev: Weekly Web Design & Development News: Collective #330
  • Next: Weekly Web Design & Development News: Collective #331

You Might Also Like

10 Best JavaScript Plugins To Paginate Large HTML Table (2024 Update)

10 Best JavaScript Plugins To Paginate Large HTML Table (2024 Update)

10 Best Mega Menu Systems In JavaScript And Pure CSS (2024 Update)

10 Best Mega Menu Systems In JavaScript And Pure CSS (2024 Update)

10 Best Rating Systems In JavaScript & Pure CSS (2024 Update)

10 Best Rating Systems In JavaScript & Pure CSS (2024 Update)

10 Best Marquee-like Content Scrolling Plugins In JavaScript (2024 Update)

10 Best Marquee-like Content Scrolling Plugins In JavaScript (2024 Update)

10 Best Tag Cloud Generators In JavaScript (2023 Update)

10 Best Tag Cloud Generators In JavaScript (2023 Update)

7 Best Github Style Calendar Heatmap Plugins In JavaScript

7 Best Github Style Calendar Heatmap Plugins In JavaScript

Add Your Review

Follow us on Twitter

Small Flexible Presentation Library – presentr.js

Small Flexible Presentation Library – presentr.js

Description:

presentr.js is a lightweight, zero-dependency JavaScript library for creating a professional presentation on the browser.

The presentation enables the visitor to switch between slides/fragments using arrow keys and touch tap event. Compatible with both desktop and mobile.

See it in action:

How to use it:

Installation.

Import the presentr.

Or directly load the JavaScript ‘presentr.min.js’ into the document.

Add slides, fragments, progressbar to the presentr container.

Initialize the presentation with default options.

Customize the presentation by overriding the default settings as follows:

Event handlers.

API methods.

Available properties.

v1.2.0 (04/20/2020)

  • Simplifications; Fix messed up fragment handling

v1.1.1 (12/26/2019)

  • Refactor state-management

v1.1.0 (12/11/2019)

  • Use the on(event, cb) and off(event, cb) functions to bind / unbind eventlistener.

v1.0.0 (10/08/2019)

  • Add native mobile-support
  • v0.0.3: Add onInit event

CSS Only Presentation Library – slide.css

You Might Be Interested In:

Leave a reply cancel reply.

The HTML Presentation Framework

Created by Hakim El Hattab and contributors

js library for presentation

Hello There

reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do.

Vertical Slides

Slides can be nested inside of each other.

Use the Space key to navigate through all slides.

Down arrow

Basement Level 1

Nested slides are useful for adding additional detail underneath a high level horizontal slide.

Basement Level 2

That's it, time to go back up.

Up arrow

Not a coder? Not a problem. There's a fully-featured visual editor for authoring these, try it out at https://slides.com .

Pretty Code

Code syntax highlighting courtesy of highlight.js .

Even Prettier Animations

Point of view.

Press ESC to enter the slide overview.

Hold down the alt key ( ctrl in Linux) and click on any element to zoom towards it using zoom.js . Click again to zoom back out.

(NOTE: Use ctrl + click in Linux.)

Auto-Animate

Automatically animate matching elements across slides with Auto-Animate .

Touch Optimized

Presentations look great on touch devices, like mobile phones and tablets. Simply swipe through your slides.

Add the r-fit-text class to auto-size text

Hit the next arrow...

... to step through ...

... a fragmented slide.

Fragment Styles

There's different types of fragments, like:

fade-right, up, down, left

fade-in-then-out

fade-in-then-semi-out

Highlight red blue green

Transition Styles

You can select from different transitions, like: None - Fade - Slide - Convex - Concave - Zoom

Slide Backgrounds

Set data-background="#dddddd" on a slide to change the background color. All CSS color formats are supported.

Image Backgrounds

Tiled backgrounds, video backgrounds, ... and gifs, background transitions.

Different background transitions are available via the backgroundTransition option. This one's called "zoom".

You can override background transitions per-slide.

Iframe Backgrounds

Since reveal.js runs on the web, you can easily embed other web content. Try interacting with the page in the background.

Marvelous List

  • No order here

Fantastic Ordered List

  • One is smaller than...
  • Two is smaller than...

Tabular Tables

Clever quotes.

These guys come in two forms, inline: The nice thing about standards is that there are so many to choose from and block:

“For years there has been a theory that millions of monkeys typing at random on millions of typewriters would reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.”

Intergalactic Interconnections

You can link between slides internally, like this .

Speaker View

There's a speaker view . It includes a timer, preview of the upcoming slide as well as your speaker notes.

Press the S key to try it out.

Export to PDF

Presentations can be exported to PDF , here's an example:

Global State

Set data-state="something" on a slide and "something" will be added as a class to the document element when the slide is open. This lets you apply broader style changes, like switching the page background.

State Events

Additionally custom events can be triggered on a per slide basis by binding to the data-state name.

Take a Moment

Press B or . on your keyboard to pause the presentation. This is helpful when you're on stage and want to take distracting slides off the screen.

  • Right-to-left support
  • Extensive JavaScript API
  • Auto-progression
  • Parallax backgrounds
  • Custom keyboard bindings

- Try the online editor - Source code & documentation

Create Incredible Web Presentations with Reveal.js

Gabriel Delight

Feb 24, 2023 · 12 min read

Create Incredible Web Presentations with Reveal.js

Reveal.js is an open-source HTML presentation framework. Anyone with a web browser can use it to make attractive presentations for free. The program allows anyone with a web browser to create fully-featured and interactive presentations that support CSS 3D transforms , nested slides, and a variety of other capabilities. It is recommended for those interested in programmable techniques and web technology.

It has lots of benefits. Some of these consist of the following:

  • Responsive design: Reveal.js presentations scale to fit the user’s screen, making them compatible with a wide range of devices.
  • Interactive elements: Reveal.js supports these elements, which can improve user experience and make presentations more interesting. Interactive elements include links, images, and videos.
  • Themes can be readily modified to reflect the user’s brand or tastes to make a presentation look more attractive when the theme matches the content in a slide.
  • Simple and intuitive user interface: Reveal.js enables users to build and edit presentations with minimal technical expertise.
  • Open-source: Reveal.js is free to use, and its source code is available for users to examine and edit.

React Reveal vs. Reveal.js: what’s the difference?

The distinction between React Reveal and Reveal.js will be demonstrated in this section:

  • HTML, CSS, and JavaScript are the foundations on which Reveal.js is constructed, but React Reveal requires React.
  • Reveal.js is the way to go if you want to make static presentations and need to deal with a vanilla JavaScript-based project. React Reveal is the greatest option for creating interactive presentations if you are working with React.
  • You can make interactive slides with Reveal.js, which has a number of features like slides and transitions. You can also make interactive slides with React Reveal, but you can also do so while using React components .
  • Additional capabilities offered by React Reveal include a higher degree of customization and support for animations.

Alternatives to Reveal.js

Many Reveal.js alternatives may be utilized to make engaging presentations with eye-catching visuals. Several well-liked choices include:

  • Impress.js , a JavaScript library that enables the creation of 3D presentations with a range of transitional effects.
  • Prezi : An online presentation tool that lets users zoom in and out of slides to make dynamic, interactive presentations.
  • PhotoSwipe : An open-source JavaScript picture gallery and lightbox, PhotoSwipe. It is modular, independent of frameworks, and made for desktop and mobile devices.
  • Owl Carousel 2 : Owl Carousel 2 is a jQuery carousel plugin with full customization and touch and drag functionality.
  • FlexSlider is a fantastic, totally responsive jQuery slider plugin. It offers designers and developers a quick way to launch a slideshow, carousel, or image slider.
  • Keynote : Apple’s PowerPoint-like presentation software for Mac and iOS devices.
  • Haiku Deck : A web-based application that enables users to design minimalistic presentations with spectacular visual effects.

Getting Started

In this session, we’ll use Reveal.js to create spectacular presentations by utilizing JavaScript. In this section, we’ll learn everything we need to know to get Reveal.js running on our project. To write code to create stunning presentations, let’s first understand the basic setup and installations before using Reveal.

Installations

The best way to install Reveal.js is to clone the source code on GitHub. Utilizing this is extremely simple for you. Just use the code below in your terminal to clone the GitHub repository.

Run the following command to install all the necessary packages and start Reveal.js after you’ve cloned the repository for it in your working directory.

Furthermore, once Reveal.js has been successfully installed in your project, you must start the Reveal.js server on port 8000 (the default port) by executing the following code:

Please use the code below if you decide to run the Reveal.js server on a different port:

You can easily install Reveal.js manually using npm or yarn if you don’t want to clone the GitHub repository:

You may easily include the Reveal.js file as an ES6 module once it has been installed in your front-end framework, such as React:

Folder Structure

This section will go over Reveal.js’ folder structure. When changes are made, the folder structure might change, but this won’t affect how Reveal.js is utilized in our project.

Since we are not the original developers, we won’t be explaining every file in Reveal.js. I’ll go over the most significant directories and files first:

  • CSS files that describe how a presentation should appear and be organized are stored in the CSS folder.
  • The JS folder houses the JS files that provide interaction and other functionality.
  • The presentation begins with a file called index.html that also contains the HTML markup for the slides.
  • A reveal.js file contains reveal.js’ setup parameters.

Reveal.js’s folder structure is shown in the image below:

-

As you can see in the screenshot above, I installed Reveal.js in the opened terminal and launched it by typing npm start .

Starter Template

The starter template is just what is loaded in the index.html page of the Reveal.js folder structure, which we mentioned in the section labeled “Folder Structure” above.

Launch your browser and navigate to the following URLs: http://localhost:8000 The link takes you to the active running page where our presentations will appear in the browser:

This section will concentrate on the contents of Reveal.js. On Reveal Web Presentation, the contents are the components of a responsive presentation. We can use Reveal.js on any project once we have worked with all the components that go into making responsive, stunning presentations, covering Markup, Markdown, Backgrounds, Media, Code Math, Fragments, Links, and Layout.

Markup is the first step in getting started with Reveal.js, and you must use the section element to build markups in Reveal.js. Please remember that the parent class will have the class name . reveal , and the reveal class div will have a child element with the class name .slide . If you place the section element line by line, as in the code below, you will have a slider that moves horizontally.

To make a vertically moving slide, add sections within a section; this is a simple technique; see the code below:

Just use the up and down arrows to view the previous and next slides.

Please use the code below to add a horizontal and vertical sliding format. It’s really simple; the horizontal section of our code will stand alone and not be inside of any section; however, the vertical section will have sections inside of a section.

Backgrounds

It’s simple to add a background color to a slider in Reveal.js; all you have to do is include an attribute that initializes the color for a specific area. You can use the data-background-color attribute to add a background color to a section and specify the value to any color name you choose. View a responsible slider with background colors by referring to the code and outputs below.

Click here to read more about background colors in Reveal.js.

In Reveal.js, media can be used as a presentation. We’ll be showing a video as a presentation in this section. The data-autoplay autoplay attribute must be included in the video tag as an attribute to make the video play when its slide section is open. Code:

You can present codes on the slide and have the code highlighted using Reveal.js. Highlight.js is the only thing that powers the code highlight. You will always use the <code> element when presenting code in Reveal.js, and all you need to do to make HTML escape the default behavior and treat the content as genuine code. Add the data-line-numbers attribute to the <code> element and specify values that will represent the line of code that will be highlighted, as shown below.

-

In Reveal.js, mathematical expressions can be displayed. To use math in your presentation, you must include the RevealMath.KaTeX plugin, which will reflect the math in your presentation.

Let’s run The Lorenz Equations as a presentation:

The Lorenz equations are a set of partial differential equations that describe two-dimensional fluid flow. Please click here to learn more.

On a slide, fragments are utilized to draw attention to or gradually reveal specific parts. Before moving on to the next slide, each element with the class fragment will be stepped through.

Please include the data-fragment-index attribute and set its value to a number if you wish to use fragments. The number value indexed 1 will appear first, followed by the number 2, in that order.

Session Replay for Developers

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — an open-source session replay suite for developers. It can be self-hosted in minutes, giving you complete control over your customer data

Happy debugging! Try using OpenReplay today.

While watching slides, Reveal.js also simplified things for us. The following slide in a presentation can be easily reached by clicking a link , and the previous slide can likewise be reached by doing the same.

If you want to navigate to a slider, be sure that the portion of the slider you are visiting has an Id that matches the value of the “href” attribute on the HTML anchor element that is now being clicked.

To instantly navigate to the first page of the slide without passing through any intermediary sections, add ”#/0” (0 == first-slide) to the clickable link that will take you to the first page of the slide.

This section will go over the layout in Reveal.js. You can change the text size, and you can also construct a slide by showing an item on top of the previous item; this is known as staking.

Let’s practice stacking by simply laying images on top of one another.

-

Now that we understand how stacking works, let’s spend some time working with FIT TEXT. We’ll display some text in a responsive large format in this part under layout by simply utilizing the class name r-fit-text. Below is a code sample of big text applied to Session Replay:

Please note that you can move forward and backward with the arrow keys.

Customization

In this section, we’ll customize some of Reveal.js’s presentations, focusing on Themes and Transitions, the two most significant things to consider while working with Reveal.js.

Theming is essential for creating anything on the internet. In Reveal.js, you can integrate some theme collections supplied by Reveal.js developers.

To use a theme of your choice, import the theme’s CSS styles into your project. The default theme is black when you install reveal.js or clone the Reveal.js repository. A line of code for incorporating a theme into your project is provided below:

Look closely at the code above; you can see where I wrote theme-name ; please replace it with any of the theme names listed below:

  • Black (default)

Below, I used a theme name titled sky on a slide:

Utilizing the dracula theme produces the theme below:

Now that we’ve learned more about theming , I’d like you to experiment with different theme names to see how they look on your web presentation slide.

Transitions

Reveal.js provides us with some amazing transition effects to use while making a presentation on the web. It is quite simple to use these transition effects , and some of these transition effects include:

-

To use these effects, insert a data-transition attribute into your HTML element and set the attribute’s value to the name of the transition effect listed above.

That’s all for transitions in this section; if you want to learn more about Reveal.js transitions, please click here .

We’ll go through presentation features in Reveal.js, such as vertical slides and auto-slide in this section, and since we’ve already covered the implementation largely on vertical slides, we’ll go over more in depth. Let’s get started.

Moving between slides by default employs a horizontal sliding transition. These horizontal slides are the main or top-level slides in your presentation. We can’t rely on just one direction in a presentation, and the usage of presenting on slide vertically is critical. We learned how to design a slide that uses vertical direction earlier in this article.

Below is a code sample on utilizing vertical slides:

Reveal.js supports auto animation . The auto animate plays a vital role in web presentation. Auto animation applies smooth transition to a slide content, which is noticeable when viewing a presentation. For example, when you set margin-top: 40px to a section, you will see the smooth animation on how the second section comes down slowly. We’ll be implementing some examples here in this section.

To initiate the auto-animate to a section, add the data-auto-animate attribute to the two or multiple sections you want to integrate the auto-animate effect.

The code output above shows that we added margin-top: 100px to the section child (h1) using data-auto-animate , and you can see the effect applied smoothly and removing the default slide horizontal direction to a slightly vertical direction. Please remember that the element in this example is internally hidden but moved using the margin-top attribute. JavaScript will use a CSS transform to achieve fluid movement. Most CSS attributes may be animated and transitioned using the same technique, allowing you to modify positions, font-size, line-height, color, padding, and margin.

We’ll be working on auto-slide in a slide in this section. This is relatively straightforward to accomplish; simply look at our JavaScript code at the bottom of our HTML page and add the autoSlide duration as an integer and set the Boolean value of a loop to true :

JavaScript:

A play/pause icon can be found in the bottom left corner of the slide, as shown in the output above. A round loader describes the progress of the timing function in the icon. The following code is for the output presentation:

Slide Numbers

Numbering is important in slides, and you may add a slider number in two ways: obtain the current slide number and get the slide number and the overall slide count (X/X).

Set slideNumber to true in the config section at the bottom of the HTML page to obtain the real slide number.

Slide Code:

If you look closely at the output above, you will notice a page number counter in the bottom right corner of the screen. When I reached the vertical part while sliding horizontally, the counter format changed to 3.1, which indicates 3 represents the last horizontal slide page and 1 represents the first vertical slide.

To set a slide number in (X/X) format, set your config to the code below:

Please look closely at the bottom right corner of the screen; you will see the page numbering in X/X format. See the code for the output below:

Please, click here to learn more about slide numbers.

Useful hints and guidelines for Reveal.js

In this section, we’ll discover valuable hints and guidelines for working with Reveal.js, which will greatly improve our experience working with Reveal.js for presentation:

  • Use keyboard shortcuts to navigate through slides: Use arrow keys or the space bar to move ahead and back through slides.
  • Personalize the appearance and feel of your presentation: You can alter the theme, font, and background color of your slides with Reveal.js.
  • To add background images to presentations, use the data-background attribute: You can change a slide’s background image by adding the data-background attribute to the slide’ element.
  • To set the transition effect between slides, use the data-transition attribute: Transition effects such as ‘slide,’ ‘fade,’ ‘convex,’ and ‘concave’ are available.

I hope you enjoyed this article; we covered everything we needed to know to get started with Reveal.js. We also learned about how to use Reveal.js in our project. There are many more features in Reveal.js, and you can learn more by visiting Reveal’s official website . You may also begin integrating presentations into client’s projects or your project by using Reveal.js; this will help you grow your experience utilizing Reveal.js.

Gain Debugging Superpowers

Unleash the power of session replay to reproduce bugs and track user frustrations. Get complete visibility into your frontend with OpenReplay, the most advanced open-source session replay tool for developers.

Check our GitHub Repo

More articles from OpenReplay Blog

Get all the advantages of Google Analytics

Mar 27, 2024, 9 min read

Integrating Google Analytics with React -- A full guide

{post.frontmatter.excerpt}

Add Google Maps to your own Vue-based website

Sep 14, 2023, 4 min read

Integrating Google Maps into Vue applications

Cube Websites

Impress.js – A JavaScript Presentation Library

by Cube Websites | Jan 3, 2012 | JavaScript | 3 comments

If you’ve ever come across Prezi you may have been slightly wow-ed by it’s amazing little transition effects as you browse through each little presentation.

Now, there’s a free and open-source JavaScript library called Impress.js (the author says no rhyme intended!) which will blow your mind.  It’s a JavaScript adaptation of Prezi (which uses Flash), which uses CSS3 transforms and transitions to create really cool effects similar to those on Prezi, and on top of that it’s also uses CSS3 3D animations which takes things one-step further and lets you have 3D effects in your presentation too.

The downside is that at the moment it’s only guaranteed to work on the latest versions of Chrome and Safari.  Non-webkit browsers do have a fall-back mode, which is a simple display of the slides but without any of the animation.  It does work with the alpha versions of Firefox 10 and IE10 builds, so once those are out the browser support will be much better.

Whilst the browser requirements may be a deterrent for most folks, it’s amazing to see what can be achieved using CSS3 and maybe highlights the shape of things to come.

It’s certainly worth bookmarking and having a play with.

Click here for a live demo (use Chrome or Safari) Source code on GitHub

guest

i’m did downloaded impress.js*.tar untar this file I do now to make it work how to install impress.js or configure this

trackback

[…] I wrote about Impress.js, an awesome JavaScript library for creating online presentations. Since posting online, I’ve had […]

Gustavo

Excited to try it out, thanks

website design and development

Its is really the nice library .I have checked it out . Great collection and filled with knowledgeable contents . Thanks for sharing.

[…] I wrote about Impress.js, an awesome JavaScript library for creating online presentations. Since posting online, I’ve had […]

Recent Posts

  • Fix: SSH No Matching Host Key Type Found
  • HOW TO: SETUP PEST PHP 2 WITH LARAVEL 10+
  • How To: Setup Content Translations In Directus
  • Concrete5 (1)
  • JavaScript (7)
  • Laravel (3)
  • Ruby on Rails (2)
  • Fun Stuff (1)
  • Guides (14)
  • Hosting (4)
  • Extensions (3)
  • Magento 2 (1)
  • Mobile Development (1)
  • Software (3)
  • Technology (6)
  • August 2023  (1)
  • June 2023  (1)
  • January 2023  (4)
  • December 2022  (2)
  • October 2021  (1)
  • September 2018  (1)
  • June 2017  (1)
  • March 2016  (1)
  • February 2016  (1)
  • January 2016  (1)
  • August 2015  (1)
  • July 2015  (2)
  • August 2012  (1)
  • July 2012  (1)
  • February 2012  (2)
  • January 2012  (5)
  • December 2011  (8)
  • November 2011  (1)
  • August 2011  (1)
  • March 2011  (1)
  • February 2011  (1)
  • October 2010  (3)
  • September 2010  (5)
  • August 2010  (3)
  • December 2009  (9)
  • November 2009  (1)
  • May 2009  (1)
  • March 2009  (1)
  • January 2009  (1)
  • October 2008  (7)
  • Entries feed
  • Comments feed
  • WordPress.org

Full Stack Dev

My Coding Journey

Build web presentations with PRESENTA Lib JS library

Today I am going to show how to build presentations that can be displayed in browser with HTML, JavaScript and Markup files using PRESENTA Lib JavaScript library instead of Microsoft PowerPoint.

PRESENTA Lib  is a javascript library that generates  web presentations  from  config objects .

I am going to use only html , markup file and vanilla JS to build the web presentation example in this blog post.

Installation

I) using unpkg.

Ii) using npm.

Install the package

then include in the browser with:

or using with a ES6 bundler:

iii) Use JS files

You can download the presenta related js files from the starter project and include in html file

In PRESENTA Lib presentation, each slide is represented by a scene. Each  scene  contains one or more  block  of content .

A  block  is responsible to render a specific content or media, such as  text ,  image  or  video .

Let’s prepare the first slide in the presentation.

Since we are developing the presentation with plain vanilla JS , we need a web server to start the project. I am using Live Server extension in VS Code IDE.

js library for presentation

You can start and stop the server by right-clicking on the page you want to view

js library for presentation

Below you can see the presentation in action

js library for presentation

If you include more than one object in block content, it will split the screen

js library for presentation

You can add the second slide in the presentation by adding another block to the scene

Since PRESENTA comes with sensible defaults , it will automatically add navigation to the presentation. You can navigate the slide through the left/right arrow keys, or by clicking on the next/previous arrow keys.

You can find additional block types  here  as external plugins.

You can get more information about each block specific settings, from   this section  of the documentation.

Modules are scene extension

Steps  module handles the in-block fragments progressive show/hide behaviour. This module is active by default and it needs to be configured within the scene context.

By default, the  steps  module is active and the default selector is the class  .step . This means that any HTML elements with that class name will be handled as fragment

In above example, let's get started text shows only after clicking on down/left arrow key

Step module can be defined as global as well as block level, and we can use different selectors instead of step function.

If you define block level selectors, it will override the global selectors.

In the below example, I have defined step selectors at global level and block level. In the second slide global step selectors are not applicable as we have defined block level selectors and order of display can be controlled with ” data-order ” attribute.

Property inheritance

Any  property  (be aware, not  option ) can be set at  presentation  level,  scene  level and  block  level as well. The more specific place, the higher priority, just like CSS.

Controls and behaviors

PRESENTA Lib  comes with an internal  router  that can be configured and extended by means of  controllers

Allows to navigate back and forth using the keyboard arrows keys. Use  ArrowRight  and  ArrowDown  to go next,  ArrowLeft  and  ArrowUp  to go previous.

Allows to show two UI arrow elements to allows the back and forth navigation by clicking on them.

You can get away without configuring these settings as they are true by default

You can also autoplay the presentation by using below setting in controller.Default delay is 4000ms. Set a Number instead a Boolean to override that delay.

Styles and Transitions

A  PRESENTA Lib  document can be styled by leveraging the combination of some properties

To apply styles,fonts and transitions you need to include presenta-controller-styles js file

You can see colour and font change in the presentation.When you navigate the presentation, slides will show vertical transition.

js library for presentation

Making presentation from Markdown file

In above examples, we have defined the content with in the HTML file, but we can externalize the content to Markdown files to make the presentations.

First we need to include corresponding script file

Next we need to read the Markdown file and parse it.

You can download the source code for this blog post from GitHub .

You can start creating presentations without any code using PRESENTA Playground .

You can start with a  config based  example by forking this  Codepen ,  Glitch , Repl  or  CodeSando x  project.

Similar Posts

React-map-gl – geo mapping earthquakes using markers.

In the previous blog post we have seen how to render the map on browser using react-map-gl framework. Today I will show you how to geomap the earthquakes on the map using react-map-gl framework. I will use <Marker> and <Popup> components from react-map-gl framework visualize and show the information of the earthquakes. Marker component is…

Mapbox – Visualizing the earthquakes on world map

In this blog post, I will show you how to visualize earthquakes on a world map using Mapbox. We have seen, how to render the world map on the browser using Mapbox service in of our previous blog post. We will extend the same code to visualize the earthquakes on the map. Create react application…

React-Map-GL – Locating user on the map

Whenever you are dealing with map applications, one of the common requirements is locating the user on the map. In today’s blog post I will show you how to locate the user on the map and show a marker on the user location using react-map-gl‘s inbuilt GeolocateControl and Marker components. In this post, I will…

Mock GraphQL API using json-graphql-server

In the previous blog posts, I have covered how we can develop GraphQL API using Netflix DGS framework. If the GraphQl API is used by any front end application or any other GraphQL client, the developer has to wait for the complete API to implement. One way to overcome the problem is to mock the…

Creating React JS App using Vite 2.0

In this blog post I will explain what is Vite and how you can create new react js app using Vite  It consists of two major parts A dev server that provides extremely fast Hot Module Replacement (HMR) A build command that bundles your code with Rollup Prior to the availability of ES modules in browsers, developers…

Mapbox – Cost-effective alternative to Google Maps

Whenever we think of maps for desktop and mobile, the first thing that comes to our mind is Google Maps. In the initial days, Google Maps used to provide 25000 dynamic map renders free per day, later from July 2018 it limited the dynamic map renders to 28000 per month and started charging $7 per…

  • 4 Dependencies
  • 60 Dependents
  • 51 Versions

Create JavaScript PowerPoint Presentations

PptxGenJS Sample Slides

Introduction

Works everywhere, full featured, simple and powerful, export your way, html to powerpoint, additional builds, angular/react, es6, typescript, script/web browser, library api, html-to-powerpoint feature, library ports, issues / suggestions, contributors.

This library creates Open Office XML (OOXML) Presentations which are compatible with Microsoft PowerPoint, Apple Keynote, and other applications.

  • Compatible with PowerPoint, Keynote, and more
  • All major object types are available (charts, shapes, tables, etc.)
  • Master Slides for academic/corporate branding
  • SVG images, animated gifs, YouTube videos, RTL text, and Asian fonts
  • Learn as you code will full typescript definitions included
  • Tons of demo code comes included (over 75 slides of features)
  • Includes powerful HTML-to-PowerPoint feature to transform HTML tables into presentations with a single line of code

Visit the demos page to create a simple presentation to see how easy it is to use pptxgenjs, or check out the complete demo which showcases every available feature.

  • PptxGenJS Demos

PptxGenJS NPM Home

jsDelivr Home

Bundle: Modern Browsers and IE11

Min files: Modern Browsers

GitHub Latest Release

Bundle: Modern Browsers

  • Use the bundle for IE11 support
  • CommonJS: dist/pptxgen.cjs.js
  • ES Module: dist/pptxgen.es.js

Documentation

Quick start guide.

PptxGenJS PowerPoint presentations are created via JavaScript by following 4 basic steps:

That's really all there is to it!

Full documentation and code examples are available

  • Creating a Presentation
  • Presentation Options
  • Adding a Slide
  • Slide Options
  • Saving a Presentation
  • Master Slides
  • Adding Charts
  • Adding Images
  • Adding Media
  • Adding Shapes
  • Adding Tables
  • Adding Text
  • Speaker Notes
  • Using Scheme Colors
  • Integration with Other Libraries

Easily convert HTML tables to PowerPoint presentations in a single call.

Learn more:

  • HTML-to-PowerPoint Docs/Demo

React: react-pptx - thanks to Joonas !

Please file issues or suggestions on the issues page on github , or even better, submit a pull request . Feedback is always welcome!

When reporting issues, please include a code snippet or a link demonstrating the problem. Here is a small jsFiddle that is already configured and uses the latest PptxGenJS code.

Sometimes implementing a new library can be a difficult task and the slightest mistake will keep something from working. We've all been there!

If you are having issues getting a presentation to generate, check out the code in the demos directory. There are demos for both client browsers, node and react that contain working examples of every available library feature.

  • Use a pre-configured jsFiddle to test with: PptxGenJS Fiddle
  • View questions tagged PptxGenJS on StackOverflow . If you can't find your question, ask it yourself - be sure to tag it PptxGenJS .

Thank you to everyone for the issues, contributions and suggestions! ❤️

Special Thanks:

  • Dzmitry Dulko - Getting the project published on NPM
  • Michal Kacerovský - New Master Slide Layouts and Chart expertise
  • Connor Bowman - Adding Placeholders
  • Reima Frgos - Multiple chart and general functionality patches
  • Matt King - Chart expertise
  • Mike Wilcox - Chart expertise
  • Joonas - React port

PowerPoint shape definitions and some XML code via Officegen Project

If you find this library useful, please consider sponsoring us through a donation

Copyright © 2015-present Brent Ely

  • html-to-powerpoint
  • javascript-create-powerpoint
  • javascript-create-pptx
  • javascript-generate-pptx
  • javascript-powerpoint
  • javascript-powerpoint-charts
  • javascript-pptx
  • js-create-powerpoint
  • js-create-pptx
  • js-generate-powerpoint
  • js-powerpoint
  • js-powerpoint-library
  • js-powerpoint-pptx
  • react-powerpoint
  • typescript-powerpoint

Package Sidebar

npm i pptxgenjs

Git github.com/gitbrent/PptxGenJS

gitbrent.github.io/PptxGenJS/

Downloads Weekly Downloads

Unpacked size, total files, last publish, collaborators.

brentely

  • About Harlepengren
  • Gravity’s Symphony: a Marble Run Journey
  • Open Shading Language Resources

Harlepengren

A Beginner’s Guide to Using Reveal.js for Presentations

Introduction.

In our last post , we talked about FullPageOS. FullPageOS is designed to immediately boot into Chromium. With this approach, you can set up a Raspberry Pi to show one or more slides. If you’re looking to create dynamic and interactive presentations, Reveal.js is an excellent tool to consider. Reveal.js is a powerful JavaScript framework that allows you to build stunning presentations using HTML, CSS, and JavaScript. In this tutorial, we will guide you through the process of using Reveal.js to create engaging presentations that will captivate your audience. If you are interested in a more advanced use of Reveal.js, check out how we used Reveal to create a dynamic presentation .

Setting Up Reveal.js

Start by downloading the latest version of Reveal.js from the official GitHub repository . This repository has everything you need to get started.

I created a new folder called “test” and copied index.html as well as the folders dist, css, and plugin. The file, index.html, contains a template structure for the presentation. You can modify the <div class=”slides”> section to create your slides. Each <section> element represents a slide. You add headings, paragraphs, images, and other HTML elements within the <section> tags. For example, we created two slides:

Customizing Your Presentation in Reveal.js

Reveal.js offers many options for customizing your slides. We are going to cover three areas here:

Slide Themes

  • Configuration Options

Slide Transitions

Reveal.js offers several built in themes https://revealjs.com/themes/ . In the dist folder, there is a subfolder that includes the themes. We can simply set the stylesheet to the desired theme through the following code.

For me, the size of the font (40px) was a little large, so I added the following style code to the header to override the stylesheet font size.

Slide Configuration

The second area of customization is the configuration of how the slides and the controls are presented. These options can be adjusted in the the reveal.Initialize() section of the code. For example, the code below removes the slide tutorial (basically the arrow bouncing so the user knows that it is there), moves the arrows to the edge instead of the bottom, and adds a slide progress indicator.

Below is a chart with the different options:

Here is example code.

Here are example slides that show the autoAnimate transition:

You can also implicitly animate the position of text. For example:

In the previous section, we showed how to enable slide transitions in the configuration. However, you can also adjust in each slide by adding a data-transition element to each slide with the animation type. In addition, you can add data-transition-speed to control the speed of the change. For example, the following slide would zoom:

Code and Math in Reveal.js

Reveal.js offers built in features for including both code and math in your presentation.

For code, reveal.js includes highlight.js as a plugin. This allows you to use a code header followed by your code. I won’t go into detail on this plugin here (maybe a future post). For now, you can check out the highlight.js website .

Reveal.js also includes a math plugin that allows you to display mathematical equations. You can choose among multiple different math typesetters, including: KaTeX or MathJax.

Advanced Features in Reveal.js

Reveal.js offers many advanced features, such as vertical slides, speaker notes, fragments, and more.

  • Vertical slides allow you to create nested slides within a horizontal slide, providing a hierarchical structure to your presentation. Personally, I like the idea of being able to organize the presentation in this way.
  • Speaker notes allow you to add additional information or reminders that are visible only to the presenter.
  • Fragments enable you to animate elements on a slide, revealing them incrementally.
  • Through the markdown plugin , you can format the content of the slide using markdown.

You have learned the basics of using Reveal.js to create interactive and captivating presentations. By leveraging HTML, CSS, and JavaScript, you can customize your presentations, add advanced features, and engage your audience like never before. As you delve deeper into Reveal.js, explore its rich documentation and experiment with the available options to create visually stunning and interactive presentations. Happy presenting!

Related Posts

js library for presentation

How to Find Your First Programming Language

js library for presentation

Analyzing the Game Show Deal or No Deal: Strategies to Win Big

js library for presentation

From Static to Spectacular: Adding Real-Time Data to RevealJS

A reactjs-based presentation library.

A React.js based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code.

Have a question about Spectacle? Submit an issue in this repository using the "Question" template.

How can I easily style the base components for my presentation?

Historically, custom styling in Spectacle has meant screwing with a theme file, or using !important overrides. We fixed that. Spectacle is now driven by emotion , so you can bring your own styling library, whether it's emotion itself, or something like styled-components or glamorous. For example, if you want to create a custom Heading style:

Can I write my presentation in TypeScript?

Yes, you can! Type definitions are shipped with the library, so you can import Spectacle components into any .tsx presentation without additional installation steps.

Updated type definitions for the Spectacle API can be found at the root of this repository .

Maintenance Status

Active: Formidable is actively working on this project, and we expect to continue for work for the foreseeable future. Bug reports, feature requests and pull requests are welcome.

React components for Cesium

Simple react app to show random names from different regions, subscribe to react.js examples.

Get the latest posts delivered right to your inbox

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

  • Notifications

Minimalistic javascript presentation-library. Zero dependencies. Can be used in combination with frameworks like Bootstrap, Materialize, Vue etc.

simonwep/presentr

Folders and files, repository files navigation, minimalistic, hackable, fast presentation library..

gzip size

  • No dependencies
  • Hackable / Extensible
  • Ultra small
  • Native mobile-support

Why another library to provide the ability to create a presentation in your browser? Isn't there already Revealjs which is good and reliable? Yeah, thought the same. But I was looking for a library which I can use in combination with React, Vue, Bootstrap, Materialize or whatever library I want. Something which only provides the very essential functionalities to control slides and fragments.

Install package:

Include code and style:

Optional options

Since version 1.1.x Presentr is event-driven. Use the on(event, cb) and off(event, cb) functions to bind / unbind eventlistener.

  • presentr.nextSlide() - Jump to next slide.
  • presentr.previousSlide() - Jump to previous slide.
  • presentr.firstSlide() - Jump to first slide.
  • presentr.lastSlide() - Jump to last slide.
  • presentr.jumpSlide(index :Number ) - Jump to a specific slide.
  • presentr.nextFragment() - Jump to next fragment, if end reached the next slide will be shown.
  • presentr.previousFragment() - Jump to previous fragment, if start reached the previous slide will be shown.
  • presentr.jumpFragment(index :Number ) - Jump to a specific fragment on the current slide.
  • presentr.destroy() - Destroys the presentr instance and unbinds all event-listeners.
  • presentr.totalSlides - Total amount of slides.
  • presentr.totalFragments - Total amount of fragments in current slide.
  • presentr.slideIndex - Current slide index.
  • presentr.fragmentIndex - Current fragment index in slide.
  • presentr.globalFragmentCount - Total amount of fragments on all slides combined.

Contributing

If you want to open a issue, create a Pull Request or simply want to know how you can run it on your local machine, please read the Contributing guide .

Contributors 2

  • JavaScript 73.9%

iTwin.js Presentation Library

The Presentation library provides means to declaratively get data from iModels in a format that's ready to be displayed to end users. That includes creating hierarchical structures and content for components like list, table, property grid and others. See the motivation page for more details.

Hierarchies

Unified Selection

Last Updated: 15 May, 2024

Create Stunning Presentations on the Web. reveal.js is an open source HTML presentation framework. It's a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free. Presentations made with reveal.js are built on open web technologies. That means anything you can do on the web, you can do in your ...

impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. ... It's a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers. visualize your big thoughts.

index.html: This is the official impress.js demo, showcasing all of the features of the original impress.js, as well as some new plugins as we add them.. As already mentioned, this file is well commented and acts as the official tutorial. examples/: Contains several demos showcasing additional features available. Classic Slides is a simple demo that you can use as template if you want to ...

MDX Deck (11.1k ⭐) — A library based on MDX that allows you to create presentations using Markdown and React components. You can write your slides in a single MDX file and separate them with ---. You can also import and use any React component in your slides, as well as customize the theme and layout of your presentation.

The most popular powerpoint+js library on npm with 1,800 stars on GitHub. Get Started. Demos. ... The absolute easiest PowerPoint library to use; Learn as you code using the built-in typescript definitions ... Other export formats available: base64, blob, stream, etc. Presentation compression options and more; Learn. Quick Start; Installation ...

Flowtime.js is a framework for easily building HTML presentations or websites. It's built with web standards in mind and on top of a solid full page grid layout. The animations are managed with native and accelerated CSS3 transitions.

reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create beautiful presentations for free. Check out the live demo at revealjs.com. The framework comes with a powerful feature set including nested slides, Markdown support, Auto-Animate, PDF export, speaker notes, LaTeX typesetting, syntax ...

When the presentation moves to given step `future` is changed to `present` class name. That's how animation on this step works - text moves when the step has `present` class. ... The Highlight.js library provides really nice color coding of source code. It automatically applies to any code inside a <pre><code> element. ...

A React-based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code. - FormidableLabs/spectacle ... webpack.config.base.js. ... Code of conduct; MIT license; A ReactJS based Presentation Library ...

Best Vanilla JS HTML Presentation Frameworks Beautiful HTML Presentation Library - reveal.js. reveal.js is an open source HTML presentation framework. It's a tool that enables anyone with a web browser to create fully-featured and beautiful presentations for free. Presentations made with reveal.js are built on open web technologies.

Description: presentr.js is a lightweight, zero-dependency JavaScript library for creating a professional presentation on the browser. The presentation enables the visitor to switch between slides/fragments using arrow keys and touch tap event. Compatible with both desktop and mobile.

Speaker View. There's a speaker view. It includes a timer, preview of the upcoming slide as well as your speaker notes. Press the S key to try it out. Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).

The presentation markup hierarchy needs to be .reveal > .slides > section where the section represents one slide and can be repeated indefinitely. If you place multiple section elements inside of another section they will be shown as vertical slides. The first of the vertical slides is the "root" of the others (at the top), and will be included in the horizontal sequence.

Reveal.js is an open-source HTML presentation framework. Anyone with a web browser can use it to make attractive presentations for free. The program allows anyone with a web browser to create fully-featured and interactive presentations that support CSS 3D transforms, nested slides, and a variety of other capabilities.It is recommended for those interested in programmable techniques and web ...

Now, there's a free and open-source JavaScript library called Impress.js (the author says no rhyme intended!) which will blow your mind. It's a JavaScript adaptation of Prezi (which uses Flash), which uses CSS3 transforms and transitions to create really cool effects similar to those on Prezi, and on top of that it's also uses CSS3 3D ...

Today I am going to show how to build presentations that can be displayed in browser with HTML, JavaScript and Markup files using PRESENTA Lib JavaScript library instead of Microsoft PowerPoint. PRESENTA Lib is a javascript library that generates web presentations from config objects. I am going to use only html , markup file and vanilla JS to build...

If you are having issues getting a presentation to generate, check out the code in the demos directory. There are demos for both client browsers, node and react that contain working examples of every available library feature. Use a pre-configured jsFiddle to test with: PptxGenJS Fiddle; View questions tagged PptxGenJS on StackOverflow.

Setting Up Reveal.js. Start by downloading the latest version of Reveal.js from the official GitHub repository. This repository has everything you need to get started. I created a new folder called "test" and copied index.html as well as the folders dist, css, and plugin. The file, index.html, contains a template structure for the presentation.

A React.js based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code. Have a question about Spectacle? Submit an issue in this repository using the "Question" template.

presentr.nextSlide() - Jump to next slide. presentr.previousSlide() - Jump to previous slide. presentr.firstSlide() - Jump to first slide. presentr.lastSlide() - Jump to last slide. presentr.jumpSlide(index:Number) - Jump to a specific slide.; presentr.nextFragment() - Jump to next fragment, if end reached the next slide will be shown. presentr.previousFragment() - Jump to previous fragment ...

iTwin.js Presentation Library. The Presentation library provides means to declaratively get data from iModels in a format that's ready to be displayed to end users. That includes creating hierarchical structures and content for components like list, table, property grid and others. See the motivation page for more details. What is the purpose ...

foundation 36 yacht

Great choice! Your favorites are temporarily saved for this session. Sign in to save them permanently, access them on any device, and receive relevant alerts.

  • Sailboat Guide

all used boats yachts for sale in qatar

Foundation 36

Foundation 36 is a 35 ′ 7 ″ / 10.9 m monohull sailboat designed by Brett Bakewell-White and built by Peter Milner Yachts starting in 1995.

Drawing of Foundation 36

Rig and Sails

Auxilary power, accomodations, calculations.

The theoretical maximum speed that a displacement hull can move efficiently through the water is determined by it's waterline length and displacement. It may be unable to reach this speed if the boat is underpowered or heavily loaded, though it may exceed this speed given enough power. Read more.

Classic hull speed formula:

Hull Speed = 1.34 x √LWL

Max Speed/Length ratio = 8.26 ÷ Displacement/Length ratio .311 Hull Speed = Max Speed/Length ratio x √LWL

Sail Area / Displacement Ratio

A measure of the power of the sails relative to the weight of the boat. The higher the number, the higher the performance, but the harder the boat will be to handle. This ratio is a "non-dimensional" value that facilitates comparisons between boats of different types and sizes. Read more.

SA/D = SA ÷ (D ÷ 64) 2/3

  • SA : Sail area in square feet, derived by adding the mainsail area to 100% of the foretriangle area (the lateral area above the deck between the mast and the forestay).
  • D : Displacement in pounds.

Ballast / Displacement Ratio

A measure of the stability of a boat's hull that suggests how well a monohull will stand up to its sails. The ballast displacement ratio indicates how much of the weight of a boat is placed for maximum stability against capsizing and is an indicator of stiffness and resistance to capsize.

Ballast / Displacement * 100

Displacement / Length Ratio

A measure of the weight of the boat relative to it's length at the waterline. The higher a boat’s D/L ratio, the more easily it will carry a load and the more comfortable its motion will be. The lower a boat's ratio is, the less power it takes to drive the boat to its nominal hull speed or beyond. Read more.

D/L = (D ÷ 2240) ÷ (0.01 x LWL)³

  • D: Displacement of the boat in pounds.
  • LWL: Waterline length in feet

Comfort Ratio

This ratio assess how quickly and abruptly a boat’s hull reacts to waves in a significant seaway, these being the elements of a boat’s motion most likely to cause seasickness. Read more.

Comfort ratio = D ÷ (.65 x (.7 LWL + .3 LOA) x Beam 1.33 )

  • D: Displacement of the boat in pounds
  • LOA: Length overall in feet
  • Beam: Width of boat at the widest point in feet

Capsize Screening Formula

This formula attempts to indicate whether a given boat might be too wide and light to readily right itself after being overturned in extreme conditions. Read more.

CSV = Beam ÷ ³√(D / 64)

The Foundation 36 was designed in 1995 to create a new fleet for the inaugural World Match Racing Championships held in Perth, Western Australia. The original fleet is now used for the Monsoon Cup in Malaysia, while the fleet in Perth has developed into a club racer fleet of some 40 boats.

Embed this page on your own website by copying and pasting this code.

  • About Sailboat Guide

©2024 Sea Time Tech, LLC

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Seabreeze.com.au

Foundation 36 - Specifically designed for match racing

Sailing



foundation 36 yacht

Sports /News

Fishing

Weather Forecasts & Live Reports

Rowley Shoals, WA

Buy & Sell /Classifieds

2021 Armstrong  - 100 cm

Copyright © 1997-2024 Seabreeze.com.au - All Rights Reserved.

SailRaceWin

Monday 30 November 2009

Foundation 36 - specifically designed for match racing.

foundation 36 yacht

No comments:

Post a Comment

SailRaceWin

Follow sailracewin on twitter.

Follow SailRaceWin on Twitter

Audi MedCup Live Player

Café de la marine, 34th america's cup: live signing of protocol, announcement of boat and year of competition, 33rd america's cup live player.

  • Courtesy BMW ORACLE Racing

Louis Vuitton Trophy Player

Weather for sailing.

  • New Zealand - Kainga Tuturu
  • Pokarekare ana - Air NZ TV ad.
  • Kotahitanga - Oceania

For Friends Across the Ditch

Persistency and determination..., quintessential all blacks ad., copyright notice, twitter / sailracewin, blog archive.

  • ►  05/17 - 05/24 (2)
  • ►  05/25 - 06/01 (47)
  • ►  05/18 - 05/25 (100)
  • ►  05/11 - 05/18 (55)
  • ►  05/04 - 05/11 (1)
  • ►  04/20 - 04/27 (17)
  • ►  04/13 - 04/20 (21)
  • ►  03/30 - 04/06 (1)
  • ►  05/26 - 06/02 (32)
  • ►  05/19 - 05/26 (161)
  • ►  05/12 - 05/19 (160)
  • ►  05/05 - 05/12 (161)
  • ►  04/28 - 05/05 (138)
  • ►  04/21 - 04/28 (162)
  • ►  04/14 - 04/21 (110)
  • ►  04/07 - 04/14 (50)
  • ►  03/31 - 04/07 (13)
  • ►  03/24 - 03/31 (3)
  • ►  03/17 - 03/24 (3)
  • ►  07/29 - 08/05 (1)
  • ►  09/18 - 09/25 (4)
  • ►  09/04 - 09/11 (2)
  • ►  08/21 - 08/28 (52)
  • ►  08/14 - 08/21 (44)
  • ►  08/07 - 08/14 (1)
  • ►  07/10 - 07/17 (63)
  • ►  07/03 - 07/10 (111)
  • ►  06/26 - 07/03 (103)
  • ►  06/19 - 06/26 (196)
  • ►  06/12 - 06/19 (107)
  • ►  06/05 - 06/12 (57)
  • ►  05/29 - 06/05 (89)
  • ►  05/22 - 05/29 (48)
  • ►  05/15 - 05/22 (27)
  • ►  05/08 - 05/15 (85)
  • ►  05/01 - 05/08 (73)
  • ►  04/24 - 05/01 (67)
  • ►  04/17 - 04/24 (52)
  • ►  04/10 - 04/17 (75)
  • ►  04/03 - 04/10 (61)
  • ►  03/27 - 04/03 (54)
  • ►  03/20 - 03/27 (125)
  • ►  03/13 - 03/20 (120)
  • ►  03/06 - 03/13 (111)
  • ►  02/27 - 03/06 (74)
  • ►  02/20 - 02/27 (118)
  • ►  02/13 - 02/20 (80)
  • ►  02/06 - 02/13 (24)
  • ►  01/30 - 02/06 (94)
  • ►  01/23 - 01/30 (56)
  • ►  01/16 - 01/23 (98)
  • ►  01/09 - 01/16 (62)
  • ►  01/02 - 01/09 (62)
  • ►  12/26 - 01/02 (13)
  • ►  12/12 - 12/19 (3)
  • ►  11/28 - 12/05 (1)
  • ►  11/21 - 11/28 (1)
  • ►  11/07 - 11/14 (5)
  • ►  10/17 - 10/24 (80)
  • ►  10/10 - 10/17 (103)
  • ►  10/03 - 10/10 (122)
  • ►  09/26 - 10/03 (116)
  • ►  09/19 - 09/26 (134)
  • ►  09/12 - 09/19 (70)
  • ►  09/05 - 09/12 (58)
  • ►  08/29 - 09/05 (75)
  • ►  08/22 - 08/29 (28)
  • ►  08/01 - 08/08 (34)
  • ►  07/25 - 08/01 (15)
  • ►  07/11 - 07/18 (2)
  • ►  06/27 - 07/04 (28)
  • ►  06/20 - 06/27 (88)
  • ►  06/13 - 06/20 (56)
  • ►  06/06 - 06/13 (95)
  • ►  05/30 - 06/06 (82)
  • ►  05/23 - 05/30 (61)
  • ►  05/16 - 05/23 (75)
  • ►  05/09 - 05/16 (80)
  • ►  05/02 - 05/09 (1)
  • ►  03/14 - 03/21 (28)
  • ►  03/07 - 03/14 (68)
  • ►  02/28 - 03/07 (101)
  • ►  02/21 - 02/28 (58)
  • ►  02/14 - 02/21 (79)
  • ►  02/07 - 02/14 (96)
  • ►  01/31 - 02/07 (106)
  • ►  01/24 - 01/31 (105)
  • ►  01/17 - 01/24 (66)
  • ►  01/10 - 01/17 (30)
  • ►  01/03 - 01/10 (32)
  • ►  12/27 - 01/03 (53)
  • ►  12/20 - 12/27 (23)
  • ►  12/13 - 12/20 (44)
  • ►  12/06 - 12/13 (25)
  • Adam Minoprio is the new World Match Racing Champion
  • BlackMatch Racing are World Match Racing Champions
  • BlackMatch sneak into Quarterfinals of Monsoon Cup...
  • TJV: A highly instructive Transat Jacques Vabre - ...
  • America's Cup: ISAF Announces Jury for 33rd Americ...
  • Broken generator causes Groupama 3 to delay her de...
  • Chocolates Nestle Brasil Match Cup
  • WMRT: Ainslie Stars in 'A Tale of Two Rivers'
  • WAKA Racing make Quarters!
  • MRT vs.Yanmar Racing in QTR Finals of Monsoon Cup
  • Phuket King's Cup day four - what a difference a w...
  • BlackMatch with it all to do at Monsoon Cup, after...
  • VOR: New North Sea Record for Delta Lloyd
  • Groupama 3: Returning Home
  • WMRT: World Champion out, who else?
  • Waka on Fire and Undefeated
  • And So it Begins
  • BlackMatch bounce back, after shaky start, to lead...
  • Mach 2 'foiling' boat up for grabs in charity auction
  • BMW Sailing Cup World Final to be held in New Zealand
  • Sir Peter Blake Torbay Regatta 2009
  • Youth Selection, Youth Squad and Youth Sailing mee...
  • All New Zealand podium at major Australian match r...
  • Five Sailors Released from Iranian Custody
  • Statement by Sail Bahrain Chairman, Andrew Pindar ...
  • America's Cup savvy pays off for NZ team in Phuket...
  • WMRT: A Tough Day at the Office
  • MRT in the Lead after Day One of the Monsoon Cup
  • Monsoon Cup Day One - WAKA Racing
  • BlackMatch Racing Update prior to Monsoon Cup
  • PUMA Sponsors International Moth Worlds 2010
  • Sail Sydney entries top 200
  • X40s: The Best of 2009 and More to Come in 2010...
  • Statement from Sail Bahrain Chairman, Andrew Pinda...
  • America's Cup: BMW ORACLE Racing - Comments re. th...
  • TJV: Rankings at 1330 CET on 1st December 2009
  • World Match Racing Tour Announces 2010 Schedule an...
  • 23rd Phuket King's Cup - Day Two
  • WMRT: 2009 Monsoon Cup Preview
  • America's Cup: Images of BMW ORACLE Racing's Mount...
  • America's Cup: A longer bowsprit for Alinghi 5 + A...
  • America's Cup: Testing concludes in San Diego for ...
  • TJV: Rankings at 1330 CET on 30th November 2009
  • WMRT: Monsoon Cup - The Biggest Event in Sailing
  • BlackMatch Racing: The Hillary Step
  • America's Cup: Alinghi announces WISeKey as team s...
  • Open 60 speed machine arrives in Auckland
  • ALL4ONE Confirms Potential after first Louis Vuitt...
  • Black Swan Racing Take Out Bronze at Sunseeker Aus...
  • RC44: Paul Cayard on the Last Season's Racing on K...
  • RC44: Images from Racing in Dubai by Raffaello Bas...
  • RC44: Team No Way Back is crowned RC 44 Champion 2009
  • Foundation 36 - Specifically designed for Match Ra...
  • TJV: Rankings at 1330 CET on 29th November 2009
  • WAKA Racing 6th at Sunseeker Australia Cup
  • Mirsky beats Ainslie to Win Sunseeker Australia Cup
  • NEWS FLASH: Mirsky Racing Team Win Sunseeker Austr...
  • Mirsky and Ainslie into the 2009 Sunseeker Austral...
  • Aussie 18 Foot Skiffs: Championship Race 4
  • MRT Defeat Louis Vuitton Champion at Sunseeker Aus...
  • RC44: Team No Way Back conquers the DHL Trophy and...
  • RC44: Paul Cayard Reports on a Decent Day for Katu...
  • Match Racing Drama at Sunseeker Australia Cup
  • TJV: Artemis Ocean Racing cross TJV finish line wi...
  • TJV: Rankings at 1330 CET on 28th November 2009
  • TJV: Artemis Ocean Racing Crosses the Finishing Li...
  • Black Swan Racing into Semi-Finals at Sunseeker Au...
  • BlackMatch win through in straight sets, at Quarte...
  • Black Swan Racing to Race Ian Williams in Quarter ...
  • MRT Lead into Quater Finals of the Australia Cup
  • An International Perspective on the Weymouth and P...
  • RC44: Paul Cayard on Fleet Racing off Dubai
  • TJV: Rankings at 1330 CET on 27th November 2009
  • TJV: Day 19 - Artemis in Puerto Limon Friday night!
  • TJV: British duo Caffari and Thompson finish 4800 ...
  • VOR: Ericsson 4 Watch Captains Honoured
  • RC44: Back to normal on day one of the Sea Dubai R...
  • World Match Racing Tour form continues at Sunseeke...
  • BlackMatch make strong start at Sunseeker Australi...
  • Sunseeker Australia Cup Day One - Sunshine and Breeze
  • RC44s: Paul Cayard Reports on the Match Racing in ...
  • TJV: Silent Running for Puerto Limon, Two by Two
  • TJV: Rankings at 1330 CET on 26th November 2009
  • PUMA Ocean Racing wins European Sponsorship Award
  • TJV: Fierce competition as Aviva enters stealth mo...
  • TJV: Day 17: Straight towards Costa Rica…
  • TJV: Monohull Safran - A look back at the highligh...
  • Publication of 'Photo FINNish - 60 Years of Finn S...
  • America's Cup: Statement from Tom Ehman, Golden Ga...
  • RC44: On fire, Rod Davis conquers the Sea Dubai Go...
  • Royal Bermuda elects Shrubb Commodore 2010-2012
  • America's Cup: America's Cup Defender hopeful that...
  • Les Voiles de St. Barth
  • RC44s: Racing cancelled due to the lack of wind on...
  • TJV: Safran - Winner of the 2009 Transat Jacques V...
  • TJV: Golding and Sanso
  • TJV: Caffari and Thompson battle for position in t...
  • TJV: Third IMOCA Open 60 is Mike Golding Yacht Racing
  • TJV: Hugo Boss Repaired and Heading Back to the UK
  • TJV: Rankings at 1330 CET on 25th November 2009
  • ►  11/22 - 11/29 (114)
  • ►  11/15 - 11/22 (33)
  • ►  11/08 - 11/15 (144)
  • ►  11/01 - 11/08 (31)
  • ►  10/25 - 11/01 (17)
  • ►  10/18 - 10/25 (31)
  • ►  10/11 - 10/18 (44)
  • ►  10/04 - 10/11 (41)
  • ►  09/13 - 09/20 (1)
  • ►  09/06 - 09/13 (3)
  • ►  08/16 - 08/23 (1)
  • ►  08/09 - 08/16 (36)
  • ►  08/02 - 08/09 (15)
  • ►  07/26 - 08/02 (25)
  • ►  07/19 - 07/26 (33)
  • ►  07/12 - 07/19 (52)
  • ►  07/05 - 07/12 (57)
  • ►  06/28 - 07/05 (41)
  • ►  06/21 - 06/28 (92)
  • ►  06/14 - 06/21 (89)
  • ►  06/07 - 06/14 (82)
  • ►  05/31 - 06/07 (63)
  • ►  05/24 - 05/31 (49)
  • ►  05/17 - 05/24 (91)
  • ►  05/10 - 05/17 (49)
  • ►  05/03 - 05/10 (22)
  • ►  04/26 - 05/03 (93)
  • ►  04/19 - 04/26 (28)
  • ►  04/12 - 04/19 (69)
  • ►  04/05 - 04/12 (27)
  • ►  03/29 - 04/05 (41)
  • ►  03/22 - 03/29 (77)
  • ►  03/15 - 03/22 (62)
  • ►  03/08 - 03/15 (80)
  • ►  03/01 - 03/08 (60)
  • ►  02/22 - 03/01 (70)
  • ►  02/15 - 02/22 (60)
  • ►  02/08 - 02/15 (88)
  • ►  02/01 - 02/08 (81)
  • ►  01/25 - 02/01 (54)
  • ►  01/18 - 01/25 (15)
  • ►  01/11 - 01/18 (12)
  • ►  01/04 - 01/11 (20)
  • ►  12/28 - 01/04 (22)
  • ►  12/21 - 12/28 (25)
  • ►  12/14 - 12/21 (63)
  • ►  12/07 - 12/14 (18)
  • ►  11/02 - 11/09 (5)
  • ►  10/26 - 11/02 (18)
  • ►  10/12 - 10/19 (24)
  • ►  10/05 - 10/12 (9)
  • ►  09/28 - 10/05 (8)
  • ►  09/21 - 09/28 (17)
  • ►  09/14 - 09/21 (20)
  • ►  09/07 - 09/14 (13)
  • ►  08/31 - 09/07 (18)
  • ►  08/24 - 08/31 (5)
  • ►  08/17 - 08/24 (19)
  • ►  08/10 - 08/17 (16)
  • ►  08/03 - 08/10 (16)
  • ►  07/27 - 08/03 (6)
  • ►  07/20 - 07/27 (6)
  • ►  07/13 - 07/20 (13)
  • ►  07/06 - 07/13 (3)
  • ►  05/04 - 05/11 (3)
  • ►  04/20 - 04/27 (1)
  • ►  04/13 - 04/20 (5)
  • ►  04/06 - 04/13 (1)
  • ►  03/30 - 04/06 (3)
  • ►  03/23 - 03/30 (9)
  • ►  03/16 - 03/23 (5)
  • ►  10/14 - 10/21 (1)
  • ►  10/07 - 10/14 (6)
  • ►  09/02 - 09/09 (5)

The foundation 36 is a 35.63ft fractional sloop designed by brett bakewell-white and built in fiberglass since 1995., 45 units have been built..

The Foundation 36 is a light sailboat which is a very high performer. It is reasonably stable / stiff and has a low righting capability if capsized. It is best suited as a racing boat.

Foundation 36 sailboat under sail

Foundation 36 for sale elsewhere on the web:

foundation 36 yacht

Main features

Model Foundation 36
Length 35.63 ft
Beam 11.42 ft
Draft 6.23 ft
Country ??
Estimated price $ 0 ??

Login or register to personnalize this screen.

You will be able to pin external links of your choice.

foundation 36 yacht

See how Sailboatlab works in video

Sail area / displ. 31.56
Ballast / displ. 0 %
Displ. / length 105.43
Comfort ratio 15.15
Capsize 2.24
Hull type Monohull fin keel with bulb and spade rudder
Construction Fiberglass
Waterline length 33 ft
Maximum draft 6.23 ft
Displacement 8487 lbs
Ballast 0 lbs
Hull speed 7.70 knots

foundation 36 yacht

We help you build your own hydraulic steering system - Lecomble & Schmitt

Rigging Fractional Sloop
Sail area (100%) 818 sq.ft
Air draft 0 ft ??
Sail area fore 0 sq.ft ??
Sail area main 0 sq.ft ??
I 0 ft ??
J 0 ft ??
P 0 ft ??
E 0 ft ??
Nb engines 1
Total power 0 HP
Fuel capacity 0 gals

Accommodations

Water capacity 0 gals
Headroom 0 ft
Nb of cabins 0
Nb of berths 0
Nb heads 0

Builder data

Builder ??
Designer Brett Bakewell-White
First built 1995
Last built 0 ??
Number built 45

Other photos

foundation 36 yacht

Modal Title

The content of your modal.

Personalize your sailboat data sheet

Paste a link here:

Give it a title:

And eventually a link to an image for the thumbnail:

boats online boatsonline.com.au

  • My Searches  
  • Watch List (0)
  • Sign In  

Used Yachts For Sale

Sail monohulls 35ft > 40ft,          foundation boats for sale, foundation 36 boats for sale, foundation 36  .

Foundation 36

ABOUT THE SELLER

foundation 36 yacht

CONTACT THE SELLER

Pirelli Tecnorib 35

  • CLASSIFIEDS
  • NEWSLETTERS
  • SUBMIT NEWS

37th AC Store 2024 - 300x250

Show photos from latest 2024 2023 2022 2021 2020 2019 2018 2017 2016 2015 2014 2013 2012 2011 2010 2009 2008 2007 2006 2005 2004 2003 2002 2001 2000 1999 1998 1997 1996 1995

© Rick Steuart

  • Boats for sale
  • Sell Your Boat
  • Weather and Resources

Titan 36 2001

Titan 36 yacht

Description

Specifications, titan 36 ~ highly competitive racer/cruiser.

The Foundation 36 was designed by Bakewell-White in 1995 to create a new fleet for the inaugural World Match Racing Championships held in Perth. The original fleet is now used for the Monsoon cup in Malaysia, while the fleet in Perth has developed into a club racing fleet of some 40 boats.

The Titan 36 integrates the highly successful hull from the Foundation 36, with a re-designed deck that provides a spacious interior with accommodation.

The Titan’s were built to a very high standard by local boat builder Peter Milner. The yachts were solidly constructed to withstand the rigors of off-shore racing. Electric Tram is constructed from cold moulded Western Red Cedar and West System Epoxy. Western Red Cedar is a light dimensionally stable timber, with a very high strength-to-weight ratio. It doesn’t absorb water readily and is highly resistant to rot. This form of strip plank construction is very light and contributes significantly to the stiffness and strength of the hull, and that translates into better performance on the water!

The Titan 36 performs extremely well in a broad range of conditions and has proven to be a very competitive and successful racing yacht.

‘Electric Tram’ was commissioned with a secret weapon, a factory fitted lifting hydraulic keel with a torpedo bulb. The keel is lifted with a hydraulic ram and can be securely locked off at 1.75m, 2.18m or 2.66m. With the keel all the way down at 2.66m, the performance to windward is outstanding. With the keel all the way up at 1.75m, drag is greatly reduced and shallower anchorages become accessible.

Electric Tram has proven to be a very competitive racing yacht and recent results tell the story. o Geographe Bay Race Week 2019 Winner o Club Champion 2021/22 season. o Geographe Bay Yacht Club, Division One Champion 2020/21 and 2019/20 seasons, o Offshore Series Winner 2020/21,2019/20 and 2018/19 seasons.

The interior has a simple and clean layout. There are four full sized adult berths. The galley features a two burner metho stove and a sink. There are two eskies that sit firmly in dedicated mounts beside the companionway steps. And with an enclosed head, Electric Tram features just enough creature comforts to spend weekends away or cruise the coast.

Propulsion is provided by a reliable 28hp Volvo Penta with a shaft drive and two blade folding prop. She has also been fitted with high quality PSS drip-less shaft seal.

Electric tram comes complete with a comprehensive suite of high quality racing sails and an additional dacron cruising mainsail. She has been very well maintained and regularly upgraded by her current owner. The mast and standing rigging were both replaced in 2011. The winches have been upgraded to Andersen self-tailing 40ST and 46ST (Over $5k spent). The engine has been professionally maintained and the antifoul was just done in March this year. She was recently surveyed on the 6/5/2022.

Electric Tram is the ideal yacht for a sailor looking for a competitive racing yacht that is capable of winning some silverware, and for a sailor that is also looking for the additional flexibility of being able to spend weekends away or cruise the coast occasionally.

At only $49k, Electric Tram represents exceptional value for money. She is currently located at Port Geographe Marina and the Pen is available, should the new owner wish to take over the lease and keep her there.

Thinking about selling your boat? It’s a competitive market and to achieve the best price possible for your boat the online marketing needs to be inspiring. At West Coast Boat Brokers, we place a high priority on marketing boats with high quality photos, videos and compelling advertising copy. We offer a comprehensive and free on-water photo shoot with every listing.

As a member of the Marine Brokers Institute of WA, we provide transparent listing agreements backed up with rock solid contracts of sale.

Details of this vessel are offered in good faith, but West Coast Boat Brokers cannot guarantee, or warrant the accuracy of this information nor warrant the condition of the vessel. This vessel is offered subject to prior sale, price change, or withdrawal without notice.

Engine Make Volvo Penta series 2000
Fuel type Diesel 40lt
Engine hours 2800
Propulsion Shaft drive with 2 blade folding prop
Horse power 28hp
Fuel type Diesel
Mainsail Mainsail Racing - UK Halsey Tape Drive 2011. Mainsail Cruising - Dacron
Headsail 1 #1 Headsail - Doyle Sails - Stratis Ice 150% - 2016
Headsail other #2 Headsail - Merten Sails 135% - 2020. #3 Headsail - Old Heavy weather and cruising
Spinnaker Spinnaker #1 - Doyle Sails - Superkote 60/75 - 2015. Spinnaker #2 - Old high wind 18kts plus
Mast and boom New mast and standing rigging installed 2011. Spinnaker Pole .Bosuns Chair
Standing rigging 2011
Deck gear 2x Addersen 40ST New October 2020 (cost $2500) 2x Addersen 46ST New 2010
Anchor 2x Lewmar Delta anchors
Chain 10m chain + 60m nylon rode
Other covers Cockpit cushions Mainsail boom cover Coach house roof cover
LOA 36' - 10.97m
Beam 3.66m
Draft 1.75m or 2.18m or 2.66m Hydraulic Lifting Keel
Displacement 4355 kg
Designer Bakewell - White
Builder Peter Milner
Hull material Composite West System Epoxy with Cold Moulded Western Red Cedar
Antifoul Last antifouled March 2022
Fresh water tanks 50lt
Fuel tanks 40lt
EPIRB McMurdo Smart Find Plus 406 GPS
Flares Yes - Offshore flare kit
Fire extinguishers 3x fire extinguishers
Life jackets 5x Burke PFD
Bilge pumps 2x Manual
  • The galley has an L-shaped layout

Accomodation

Entertainment.

  • Pioneer stereo and speakers
Refrigeration 2x Eskies in mounts
Stove Two Burner metho stove
Births 4-6
Toilets Manual Jabsco

ELECTRONICS

  • Raymarine ST40 Log
  • Raymarine ST40 Depth
  • Raymarine ST40 Wind (needs repair)
  • 100 A/hr House bank
  • 100 A/hr Cranking

Titan sailboat

All videos are filmed and produced in-house by West Coast Boat Brokers.

We include a FREE video production with every exclusive listing.

Contact Information

  • 0428 444 727
  • [email protected]
  • Monday – Friday: 9:00AM – 5:00PM After hours: By appointment

Your Contacts

ChrisDobsonSM

Chris Dobson

Enquire about this boat, search results, request car price.

Rusmania

  • Yekaterinburg
  • Novosibirsk
  • Vladivostok

foundation 36 yacht

  • Tours to Russia
  • Practicalities
  • Russia in Lists
Rusmania • Deep into Russia

Out of the Centre

Savvino-storozhevsky monastery and museum.

Savvino-Storozhevsky Monastery and Museum

Zvenigorod's most famous sight is the Savvino-Storozhevsky Monastery, which was founded in 1398 by the monk Savva from the Troitse-Sergieva Lavra, at the invitation and with the support of Prince Yury Dmitrievich of Zvenigorod. Savva was later canonised as St Sabbas (Savva) of Storozhev. The monastery late flourished under the reign of Tsar Alexis, who chose the monastery as his family church and often went on pilgrimage there and made lots of donations to it. Most of the monastery’s buildings date from this time. The monastery is heavily fortified with thick walls and six towers, the most impressive of which is the Krasny Tower which also serves as the eastern entrance. The monastery was closed in 1918 and only reopened in 1995. In 1998 Patriarch Alexius II took part in a service to return the relics of St Sabbas to the monastery. Today the monastery has the status of a stauropegic monastery, which is second in status to a lavra. In addition to being a working monastery, it also holds the Zvenigorod Historical, Architectural and Art Museum.

Belfry and Neighbouring Churches

foundation 36 yacht

Located near the main entrance is the monastery's belfry which is perhaps the calling card of the monastery due to its uniqueness. It was built in the 1650s and the St Sergius of Radonezh’s Church was opened on the middle tier in the mid-17th century, although it was originally dedicated to the Trinity. The belfry's 35-tonne Great Bladgovestny Bell fell in 1941 and was only restored and returned in 2003. Attached to the belfry is a large refectory and the Transfiguration Church, both of which were built on the orders of Tsar Alexis in the 1650s.  

foundation 36 yacht

To the left of the belfry is another, smaller, refectory which is attached to the Trinity Gate-Church, which was also constructed in the 1650s on the orders of Tsar Alexis who made it his own family church. The church is elaborately decorated with colourful trims and underneath the archway is a beautiful 19th century fresco.

Nativity of Virgin Mary Cathedral

foundation 36 yacht

The Nativity of Virgin Mary Cathedral is the oldest building in the monastery and among the oldest buildings in the Moscow Region. It was built between 1404 and 1405 during the lifetime of St Sabbas and using the funds of Prince Yury of Zvenigorod. The white-stone cathedral is a standard four-pillar design with a single golden dome. After the death of St Sabbas he was interred in the cathedral and a new altar dedicated to him was added.

foundation 36 yacht

Under the reign of Tsar Alexis the cathedral was decorated with frescoes by Stepan Ryazanets, some of which remain today. Tsar Alexis also presented the cathedral with a five-tier iconostasis, the top row of icons have been preserved.

Tsaritsa's Chambers

foundation 36 yacht

The Nativity of Virgin Mary Cathedral is located between the Tsaritsa's Chambers of the left and the Palace of Tsar Alexis on the right. The Tsaritsa's Chambers were built in the mid-17th century for the wife of Tsar Alexey - Tsaritsa Maria Ilinichna Miloskavskaya. The design of the building is influenced by the ancient Russian architectural style. Is prettier than the Tsar's chambers opposite, being red in colour with elaborately decorated window frames and entrance.

foundation 36 yacht

At present the Tsaritsa's Chambers houses the Zvenigorod Historical, Architectural and Art Museum. Among its displays is an accurate recreation of the interior of a noble lady's chambers including furniture, decorations and a decorated tiled oven, and an exhibition on the history of Zvenigorod and the monastery.

Palace of Tsar Alexis

foundation 36 yacht

The Palace of Tsar Alexis was built in the 1650s and is now one of the best surviving examples of non-religious architecture of that era. It was built especially for Tsar Alexis who often visited the monastery on religious pilgrimages. Its most striking feature is its pretty row of nine chimney spouts which resemble towers.

foundation 36 yacht

Location approximately 2km west of the city centre
Website Monastery - http://savvastor.ru Museum - http://zvenmuseum.ru/

Plan your next trip to Russia

Ready-to-book tours.

Your holiday in Russia starts here. Choose and book your tour to Russia.

The Unique Burial of a Child of Early Scythian Time at the Cemetery of Saryg-Bulun (Tuva)

<< Previous page

Pages:  379-406

In 1988, the Tuvan Archaeological Expedition (led by M. E. Kilunovskaya and V. A. Semenov) discovered a unique burial of the early Iron Age at Saryg-Bulun in Central Tuva. There are two burial mounds of the Aldy-Bel culture dated by 7th century BC. Within the barrows, which adjoined one another, forming a figure-of-eight, there were discovered 7 burials, from which a representative collection of artifacts was recovered. Burial 5 was the most unique, it was found in a coffin made of a larch trunk, with a tightly closed lid. Due to the preservative properties of larch and lack of air access, the coffin contained a well-preserved mummy of a child with an accompanying set of grave goods. The interred individual retained the skin on his face and had a leather headdress painted with red pigment and a coat, sewn from jerboa fur. The coat was belted with a leather belt with bronze ornaments and buckles. Besides that, a leather quiver with arrows with the shafts decorated with painted ornaments, fully preserved battle pick and a bow were buried in the coffin. Unexpectedly, the full-genomic analysis, showed that the individual was female. This fact opens a new aspect in the study of the social history of the Scythian society and perhaps brings us back to the myth of the Amazons, discussed by Herodotus. Of course, this discovery is unique in its preservation for the Scythian culture of Tuva and requires careful study and conservation.

Keywords: Tuva, Early Iron Age, early Scythian period, Aldy-Bel culture, barrow, burial in the coffin, mummy, full genome sequencing, aDNA

Information about authors: Marina Kilunovskaya (Saint Petersburg, Russian Federation). Candidate of Historical Sciences. Institute for the History of Material Culture of the Russian Academy of Sciences. Dvortsovaya Emb., 18, Saint Petersburg, 191186, Russian Federation E-mail: [email protected] Vladimir Semenov (Saint Petersburg, Russian Federation). Candidate of Historical Sciences. Institute for the History of Material Culture of the Russian Academy of Sciences. Dvortsovaya Emb., 18, Saint Petersburg, 191186, Russian Federation E-mail: [email protected] Varvara Busova  (Moscow, Russian Federation).  (Saint Petersburg, Russian Federation). Institute for the History of Material Culture of the Russian Academy of Sciences.  Dvortsovaya Emb., 18, Saint Petersburg, 191186, Russian Federation E-mail:  [email protected] Kharis Mustafin  (Moscow, Russian Federation). Candidate of Technical Sciences. Moscow Institute of Physics and Technology.  Institutsky Lane, 9, Dolgoprudny, 141701, Moscow Oblast, Russian Federation E-mail:  [email protected] Irina Alborova  (Moscow, Russian Federation). Candidate of Biological Sciences. Moscow Institute of Physics and Technology.  Institutsky Lane, 9, Dolgoprudny, 141701, Moscow Oblast, Russian Federation E-mail:  [email protected] Alina Matzvai  (Moscow, Russian Federation). Moscow Institute of Physics and Technology.  Institutsky Lane, 9, Dolgoprudny, 141701, Moscow Oblast, Russian Federation E-mail:  [email protected]

Shopping Cart Items: 0 Cart Total: 0,00 € place your order

Price pdf version

student - 2,75 € individual - 3,00 € institutional - 7,00 €

We accept

Copyright В© 1999-2022. Stratum Publishing House

DB-City

  • Bahasa Indonesia
  • Eastern Europe
  • Moscow Oblast

Elektrostal

Elektrostal Localisation : Country Russia , Oblast Moscow Oblast . Available Information : Geographical coordinates , Population, Altitude, Area, Weather and Hotel . Nearby cities and villages : Noginsk , Pavlovsky Posad and Staraya Kupavna .

Information

Find all the information of Elektrostal or click on the section of your choice in the left menu.

  • Update data
Country
Oblast

Elektrostal Demography

Information on the people and the population of Elektrostal.

Elektrostal Population157,409 inhabitants
Elektrostal Population Density3,179.3 /km² (8,234.4 /sq mi)

Elektrostal Geography

Geographic Information regarding City of Elektrostal .

Elektrostal Geographical coordinatesLatitude: , Longitude:
55° 48′ 0″ North, 38° 27′ 0″ East
Elektrostal Area4,951 hectares
49.51 km² (19.12 sq mi)
Elektrostal Altitude164 m (538 ft)
Elektrostal ClimateHumid continental climate (Köppen climate classification: Dfb)

Elektrostal Distance

Distance (in kilometers) between Elektrostal and the biggest cities of Russia.

Elektrostal Map

Locate simply the city of Elektrostal through the card, map and satellite image of the city.

Elektrostal Nearby cities and villages

Elektrostal Weather

Weather forecast for the next coming days and current time of Elektrostal.

Elektrostal Sunrise and sunset

Find below the times of sunrise and sunset calculated 7 days to Elektrostal.

DaySunrise and sunsetTwilightNautical twilightAstronomical twilight
8 June02:43 - 11:25 - 20:0701:43 - 21:0701:00 - 01:00 01:00 - 01:00
9 June02:42 - 11:25 - 20:0801:42 - 21:0801:00 - 01:00 01:00 - 01:00
10 June02:42 - 11:25 - 20:0901:41 - 21:0901:00 - 01:00 01:00 - 01:00
11 June02:41 - 11:25 - 20:1001:41 - 21:1001:00 - 01:00 01:00 - 01:00
12 June02:41 - 11:26 - 20:1101:40 - 21:1101:00 - 01:00 01:00 - 01:00
13 June02:40 - 11:26 - 20:1101:40 - 21:1201:00 - 01:00 01:00 - 01:00
14 June02:40 - 11:26 - 20:1201:39 - 21:1301:00 - 01:00 01:00 - 01:00

Elektrostal Hotel

Our team has selected for you a list of hotel in Elektrostal classified by value for money. Book your hotel room at the best price.



Located next to Noginskoye Highway in Electrostal, Apelsin Hotel offers comfortable rooms with free Wi-Fi. Free parking is available. The elegant rooms are air conditioned and feature a flat-screen satellite TV and fridge...
from


Located in the green area Yamskiye Woods, 5 km from Elektrostal city centre, this hotel features a sauna and a restaurant. It offers rooms with a kitchen...
from


Ekotel Bogorodsk Hotel is located in a picturesque park near Chernogolovsky Pond. It features an indoor swimming pool and a wellness centre. Free Wi-Fi and private parking are provided...
from


Surrounded by 420,000 m² of parkland and overlooking Kovershi Lake, this hotel outside Moscow offers spa and fitness facilities, and a private beach area with volleyball court and loungers...
from


Surrounded by green parklands, this hotel in the Moscow region features 2 restaurants, a bowling alley with bar, and several spa and fitness facilities. Moscow Ring Road is 17 km away...
from

Elektrostal Nearby

Below is a list of activities and point of interest in Elektrostal and its surroundings.

IMAGES

  1. Gulf Yachts

    all used boats yachts for sale in qatar

  2. Gulf Yachts

    all used boats yachts for sale in qatar

  3. Yacht, ORYX 42 FEET in Qatar

    all used boats yachts for sale in qatar

  4. Gulf Yachts

    all used boats yachts for sale in qatar

  5. 2015 Oryx Yachts 27

    all used boats yachts for sale in qatar

  6. 2017 Sunseeker Yacht for sale in Qatar

    all used boats yachts for sale in qatar

VIDEO

  1. YACHT AT THE PEARL QATAR

  2. The arrival Emir of Qatar to Miami on his yacht Katara

  3. Coastal Boat Sales: 2016 Mastercraft X23

  4. The Most Stunning Real Estate Properties in Qatar's Capital, Doha

  5. Yachts sale are down, local cruise on a Ranger Tug R-23

  6. Luxury Yacht Tour in Qatar

COMMENTS

  1. Boat & Yachts For Sale in Qatar

    Rules for posting ads. Help. Looking for Boats & Yachts in Qatar? Qatar Living Vehicles has a diverse offer for you to explore, 110 offers available.

  2. DUBOAT QATAR

    DUBOAT Qatar is the Leading Platform for Buying & Selling New & Used Yachts & Boats & Jet Ski in Doha, Qatar. دوباوت قطر هو متجرك الوحيد لشراء وبيع اليخوت والقوارب والجت سكي الجديدة والمستعملة في الدوحة، قطر. ... Boats for sale in Qatar. Sort by: 10. 1. 5 more ...

  3. Used boats for sale in Qatar

    Find Used boats for sale in Qatar. Offering the best selection of boats to choose from.

  4. Gulf Yachts

    © Gulf Yachts 2020 / All rights reserved. LENGTH YEAR PRICE. 2010 QAR 330,000

  5. Gulf Yachts

    Any time you want to ship a yacht or boat overseas, our company can help you do it. Know More. 01. 01. Featured Yachts . 0. New Boats. 0. Under Construction. 0. Pre-Owned. 0. Sold Boats. 25° 16' 33.6792'' N ...

  6. Listings

    Listings Archive - New & Used Boats for Sale in Qatar

  7. Boats for sale in Doha

    Buy boats in Doha. Boats for sale in Doha on DailyBoats.com are listed for a range of prices, valued from $99,000 on the more basic models to $3,906,888 for the most expensive. The boats can differ in size from 10.77 m to 31.45 m. The oldest one built in 1994 year. This page features Meridian, Gulf Craft, Cranchi, Fountain, Sunseeker, Amer ...

  8. Gulf Yachts in West Bay, Doha

    Find a wide choice of new and used motor and / or sailing boats currently for sale YachtWorld. ... Boats for sale ⁄ / Gulf Yachts - West Bay, Doha; Gulf Yachts. View Address. Contact. Call Now. ... Qatar. 35ft - 2014. Offered By: Gulf Yachts. Contact. 2021 Cranchi T36 Crossover.

  9. New and used boat for sale in Qatar

    Listed price €949,000 EUR. Tax not paid / excluded. 2009 | 22.28m | Diesel | Power. View details. All boats from Rockstar Yachts d.o.o. Contact Seller. Find your dream on TheYachtMarket today. We have brokers and sellers in Qatar at great prices. Used boat for sale in Qatar.

  10. Boats for sale in Qatar

    Find boats for sale in Qatar. Offering the best selection of boats to choose from. ... Gulf Yachts | Doha, Qatar. Request Info; Price Drop; 2013 Deep Impact 36 Custom Cabin. £314,137. ↓ Price Drop. Bluewater International | Doha, Qatar. Request Info; 2009 Meridian 341 Sedan. £172,819.

  11. Boats and Yachts for Sale in Qatar

    Search the world's most accurate database of yachts and boats for sale in Qatar, Asia. YATCO 's yacht and boat listings feature a wide selection of new yachts, used yachts and boats, including mega yachts, superyachts, sailing yachts, sailboats, sportfish boats, powerboats, trawlers, catamarans, and more. Narrow down your selection by price ...

  12. Yachts For Sale In Qatar

    Search Through Our Fine Collection Of Luxurious Yachts And Buy The One That Meets Your Requirements, Online In Qatar Al Doha QatarSale.com. Yachts . Cars For Sale. Cars < 25k QR. Special Numbers. Villas. Apartments. Bikes. Jet Ski. ... House Boat UAE 2023 White 59 ft With Parking . Personal. For Sale. 1,300,000 . Q.R . WaterCrafts; Yachts;

  13. Used boats for sale

    Find used boats for sale on YachtFocus. Huge range of used private and dealer boats for sale near you.

  14. Used yachts for sale in Doha

    Used yachts for sale in Doha on DailyBoats.com are listed for a range of prices, valued from $99,000 on the more basic models to $3,235,775 for the most expensive. The boats can differ in size from 10.92 m to 26.01 m.

  15. Used boats for sale in Qatar

    Buy used boats in Qatar. Used boats for sale in Qatar on DailyBoats.com are listed for a range of prices, valued from $60,463 on the more basic models to $4,064,723 for the most expensive. The boats can differ in size from 9.77 m to 60.66 m. The oldest one built in 1971 year. This page features Meridian, Gulf Craft, Cranchi, Fountain, Sunseeker ...

  16. Boats for sale in Qatar

    16. Contact. (+39) 0766 687 200/ (+1) 954 336 2018. 1. Sort By. Filter Search. View a wide selection of all new & used boats for sale in Qatar, explore detailed information & find your next boat on boats.com. #everythingboats.

  17. Boats for Sale in Qatar

    Yachts for Sale in Qatar. For aspiring yacht owners looking for a luxury boats, we have put together a fine selection of luxury used yachts, motor yachts, classic yachts, trawler yachts, explorer yachts, sailing yachts, boats and yachts for sale from all over the world. Search Boats for Sale collection of superyachts for sale and filter by type ...

  18. Boat & yacht for sale in Doha Qatar

    Boats and Yachts for sale in Qatar Filters Category. Cities. Locations. Length. Price (QAR) ... Boats and yachts for sale. Yacht 30-44 .ft. Nov. 6 Al Dafna. 4 . QAR 42,500 (Negotiable) 2010 Bayliner 175 Bowrider for Sale. Wakeboarding/Ski Boat 15-29 .ft. Oct. 19 Al Qutaifiya. 5 .

  19. Used saltwater fishing boats for sale

    Used saltwater fishing boats for sale 297 Boats Available. Currency $ - CAD - Canadian Dollar Sort Sort Order List View Gallery View Submit. Sponsored Boats. Save This Boat. Baha Cruisers 277GLE . Miami, Florida, United States. 2007. $54,657 Private Seller. 24. Save This Boat. Wellcraft 330 Coastal . Carlsbad, California, United States ...

  20. Used Catalina boats for sale

    View a wide selection of used Catalina boats for sale in your area, explore detailed information & find your next boat on boats.com. #everythingboats. United Kingdom GB. United States Canada Australia Spain ... Seller Network Yacht Brokers - Swansea 31. 1. Contact +44 (0)1792 465550.

  21. Grumman bass boat

    87' welded aluminum, 16ft, 55hp nissan, pwr tilt trim, galv trailer, new battery, new tire, used very little, ran at lake 6-20-24, all working fishing rig Grumman bass boat - boats - by owner - marine sale - craigslist

  22. On board Riva's striking all-electric El-Iseo

    A modern twist on a beloved classic, the striking all-electric Riva El-Iseo packs a punch. Hannah Rankine feels the surge.... I wish I could say it is a beautiful, sunny day here at the Ferretti Group's home base of Lake Iseo, where I am about to board a Riva El-Iseo. The weather has other ideas - wet, grey ones - but, happily, that doesn't detract from the sheer thrill of trialling ...

  23. Kapotnya District

    A residential and industrial region in the south-east of Mocsow. It was founded on the spot of two villages: Chagino (what is now the Moscow Oil Refinery) and Ryazantsevo (demolished in 1979). in 1960 the town was incorporated into the City of Moscow as a district. Population - 45,000 people (2002). The district is one of the most polluted residential areas in Moscow, due to the Moscow Oil ...

  24. guppy 13 sailboat for sale

    Guppy 13 sailboat for sale. The Guppy is a fiberglass boat with a shoal draft keel, and sleeps 2 adults in a 6 ft 8 in long cabin. LOA 12'6". Beam 5'7". Displacement 480 lb empty with 150 lb of ballast. Draft 1'7". It has a Bermuda rig consisting of a 32 square feet high aspect main sail and a 48 square feet jib....

  25. Boats for sale in Qatar

    Buy boats in Qatar. Boats for sale in Qatar on DailyBoats.com are listed for a range of prices, valued from $60,463 on the more basic models to $4,064,723 for the most expensive. The boats can differ in size from 9.77 m to 60.66 m. The oldest one built in 1971 year. This page features Meridian, Gulf Craft, Cranchi, Fountain, Sunseeker, Amer ...

  26. motorboot nimbus

    Nimbus is a yacht builder that currently has 290 yachts for sale on YachtWorld, including 178 new vessels and 112 used yachts, listed by experienced boat and yacht brokers mainly in the following countries: United States, United Kingdom, Sweden, Spain and France. Models currently listed on YachtWorld span in size and length from 26 feet to 44 feet.

  27. rigging a precision 15 sailboat

    Dad and I out sailing the P15 on a nice calm day.... Precision preowned sailboats for sale by owner. Precision used sailboats for sale by owner. Home. ... Sailboat Added 15-Jul-2018 More Details: Precision 23.5: Length: 23.5' Beam: 8.9' Draft: 5.1' Year: 2016: ... 17' owner built Gaff rig cutter Schenectady SCOTIA, New York Asking $12,000. 31 ...