<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="keywords" content="Shanklin, isle of wight, hotel, sea views, swimming pool, parking, bed, breakfast, hotel, cliff tops, B&amp;B, value, friendly">
  <meta name="description" content="Home Page to the Cliff Hall Hotel at Shanklin on the Isle of Wight. Located on the cliff tops looking out to sea, the hotel offers a very friendly atmosphere, good home cooking and great facilities.">
  <meta name="viewport" content="width=1260, maximum-scale=2.0">
  <link rel="stylesheet" href="/static/vendor/normalize.css">
  <script src="/static/vendor/jquery.min.js"></script>
  <script type="text/javascript" src="/static/vendor/cycle2/cycle2.js"></script>
  <script type="text/javascript" src="/static/vendor/cycle2/cycle2.carousel.js"></script>
  <script type="text/javascript" src="/static/vendor/cycle2/jquery.cycle2.swipe.min.js"></script>
  <title>Cliff Hall Hotel, Shanklin</title>
  <link rel="shortcut icon" href="/themes/hotel/static/images/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="/static/vendor/bootstrap3/css/bootstrap.min.css">
  <link rel="stylesheet" href="/static/vendor/whhg/css/whhg.css">
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Paytone+One' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="/themes/hotel/static/dist/modules.min.css">
  <script src="/static/vendor/bootstrap3/js/bootstrap.min.js"></script>
  <script src="/static/vendor/superfish/superfish.js"></script>
  <script>
        $(function(){
                $('#menu_top_menu_inner > ul').superfish({
                                hoverClass:    'sfHover',         
                            pathClass:     'overideThisToUse',
                            pathLevels:    1,    
                            delay:         500, 
                            animation:     {opacity:'show', height:'show'}, 
                            speed:         'normal',   
                            speedOut:      'fast',   
                            autoArrows:    false, 
                            disableHI:     false, 
                            useClick:      0,
                            easing:        "swing",
                            onInit:        function(){},
                            onBeforeShow:  function(){},
                            onShow:        function(){},
                            onHide:        function(){},
                            onIdle:        function(){}
                                });
        });
  </script>
  <script src="/themes/hotel/static/dist/modules.min.js"></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(93876846, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/93876846" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --></head>
<body class="pages">
  <div id="back-top" style="display: none;">
    <a href="#"><span></span></a>
  </div>
  <div id="wrapper">
    <div id="wrapper-inner">
      <div class="container">
        <div id="header">
          <div class="row">
            <div class="col-xs-4"></div>
            <div class="col-xs-4">
              <div class="logo-block logo-div logo-img">
                <a href="/"><img src="/themes/hotel/static/images/logo.png" alt=""></a>
              </div>
            </div>
          </div>
        </div>
        <div id="menu">
          <div id="menu_top_menu">
            <div id="menu_top_menu_inner">
              <ul class="menu-level-1">
                <li class="item-active">
                  <a class="" href="/"><span class="">Home</span></a>
                </li>
                <li class="">
                  <a class="" href="/page/about-us.html"><span class="">About</span></a>
                  <ul class="menu-level-2">
                    <li class="">
                      <a class="" href="/services"><span class="">Services</span></a>
                    </li>
                    <li class="">
                      <a class="" href="/page/about-history.html"><span class="">History</span></a>
                    </li>
                    <li class="">
                      <a class="" href="/page/local-links.html"><span class="">Local Links</span></a>
                    </li>
                  </ul>
                </li>
                <li class="">
                  <a class="" href="/rooms"><span class="">Rooms</span></a>
                </li>
                <li class="">
                  <a class="" href="/page/tariff.html"><span class="">Tariff</span></a>
                </li>
                <li class="">
                  <a class="" href="/page/food-drink.html"><span class="">Food/Drink</span></a>
                </li>
                
              </ul>
            </div>
          </div>
        </div>
        <div id="slider">
          <div class="cmswidget cmswidget-slider1 widget-wslideshow">
            <div id="slideshow-yw0" class="slideshow-wrapper container-inner">
              <div class="slideshow-main-page clearfix">
                <div class="cycle-slideshow slideshow-content" data-cycle-swipe="true" data-cycle-swipe-fx="scrollHorz" data-cycle-fx="fade" data-cycle-timeout="5500" data-cycle-slides="&gt; div" data-cycle-pause-on-hover="true" data-cycle-pager-template="&lt;span&gt;&lt;/span&gt;" data-cycle-log="false" data-cycle-next="#slideshow-yw0 .slide-next" data-cycle-prev="#slideshow-yw0 .slide-prev" data-cycle-pager="#slideshow-yw0 .slideshow-pager">
                  <div class="slideshow-block">
                    <div class="slideshow-block-image"><img src="/uploads/slides/slide-1_thumb.jpg"></div>
                  </div>
                  <div class="slideshow-block">
                    <div class="slideshow-block-image"><img src="/uploads/slides/slide-2_thumb.jpg"></div>
                  </div>
                  <div class="slideshow-block">
                    <div class="slideshow-block-image"><img src="/uploads/slides/slide-3_thumb.png"></div>
                  </div>
                  <div class="slideshow-block">
                    <div class="slideshow-block-image"><img src="/uploads/slides/pateo_thumb.jpg"></div>
                  </div>
                </div>
                <div class="slideshow-pager"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="cmswidget cmswidget-position1 widget-wseviceswidget cmswidget-page-8">
          <p>&nbsp;</p>
          <p align="center"><script src="https://tp.media/content?currency=gbp&trs=249731&shmarker=413900&host=search.hotellook.com&locale=en&hotel_id=494881&nobooking=&powered_by=false&width=940&primary=%23ff8e00&special=%23e0e0e0&erid=2VtzqwcGz6X&promo_id=4063&campaign_id=101" charset="utf-8"></script></p>
          <header>
            <h3 class="cmswidget-title column-header service-single-header">Services at Cliff Hall Hotel</h3>
          </header>
          <div class="read-more-button-wrap">
            <a class="btn btn-info read-more-button" href="/page/services.html">See All</a>
          </div>
          <div class="service clearfix">
            <div class="service-single single-row">
              <div class="image">
                <a href="/services/pleasant_time.html"><img src="/uploads/services/cokctail_thumb.jpg" alt=""></a>
              </div>
              <h4 class="title"><a href="/services/pleasant_time.html">PLEASANT PASTIME</a></h4>
              <div class="info">
                The Cliffhall Shanklin is the perfect base to enjoy all that the lovely Isle of Wight has to offer and prides itself on offering friendly and a professional service to accompany anything you may want to do on your holiday.
              </div>
            </div>
            <div class="service-single single-row">
              <div class="image">
                <a href="/services/ferry-transport.html"><img src="/uploads/services/51/free-transport_thumb.png" alt=""></a>
              </div>
              <h4 class="title"><a href="/services/ferry-transport.html">FERRY TRANSPORT</a></h4>
              <div class="info">
                For those guests catering for their own transport needs we are only too happy to assist with ferry crossing details, should they require. Genuine trade rates are offered and gauranteed to save you money and we can book a car on all three ferry routes.
              </div>
            </div>
            <div class="service-single single-row">
              <div class="image">
                <a href="/services/save-your-money.html"><img src="/uploads/services/52/save-your-money_thumb.png" alt=""></a>
              </div>
              <h4 class="title"><a href="/services/save-your-money.html">SAVE YOUR MONEY</a></h4>
              <div class="info">
                Catering for a family holiday can often push the purse strings to the limit. At the Cliff Hall we fully understand this challenge and are very happy to discuss your details, making certain you get the best value for money for your stay here on the Island.
              </div>
            </div>
          </div>
        </div>
        <div class="cmswidget cmswidget-position2 widget-wnewswidget clearfix">
          <header>
            <h3 class="cmswidget-title column-header news-single-header">Half Board Option</h3>
          </header>
          <div class="read-more-button-wrap">
            <a class="btn btn-info read-more-button" href="/page/Half+board.html">See All</a>
          </div>
          <div class="news clearfix">
            <div class="news-single single-row">
              <figure class="image">
                <time datetime="2015-01-16 00:00" class="item_published">16 January 2015</time> <a href="/news/seaviews.html"><img src="/uploads/news/seaviews_thumb-2.png" alt=""></a>
              </figure>
              <h4 class="title"><a href="/news/seaviews.html">Wonderful Panoramic Sea Views Across The Bays</a></h4>
              <div class="info">
                Rooms with a view for 2016. The Cliff Hall Hotel offers three types of sea view. Bedrooms with a full sized window sea view, bedrooms with a Juliette balcony sea view and bedrooms with a sun terrace and sea view.
              </div>
              <div class="link">
                <a class="btn btn-info read-more-button" href="/news/seaviews.html">More Info</a>
              </div>
            </div>
            <div class="news-single single-row">
              <figure class="image">
                <time datetime="2016-01-12 00:00" class="item_published">12 January 2016</time> <a href="/news/hb.html"><img src="/uploads/news/hb_thumb.jpg" alt=""></a>
              </figure>
              <h4 class="title"><a href="/news/hb.html">Half board option for 2017</a></h4>
              <div class="info">
                Great British food and fantastic value offering a great flexible dining option.
              </div>
              <div class="link">
                <a class="btn btn-info read-more-button" href="/news/hb.html">More Info</a>
              </div>
            </div>
            <div class="news-single single-row">
              <figure class="image">
                <time datetime="2016-01-12 00:00" class="item_published">12 January 2016</time> <a href="/news/feb+half+term.html"><img src="/uploads/news/spring-special-offers-available-shortly-2_thumb.jpg" alt=""></a>
              </figure>
              <h4 class="title"><a href="/news/feb+half+term.html">February half term offer- 25 % on direct bookings by calling 01983 862828.</a></h4>
              <div class="info">
                Book between 17th - 25th Feb and get 25% direct booking discount for February Half term. Plus trade rates on all ferry crossings.
              </div>
              <div class="link">
                <a class="btn btn-info read-more-button" href="/news/feb+half+term.html">More Info</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="footer">
    <div id="footer-inner" style="position:relative;">
      <div class="container">
        <div class="logo-white"><img src="/themes/hotel/static/images/logo-white.png" alt=""></div>
        <div id="menu-bottom">
          <div id="menu_bottom_menu">
            <div id="menu_bottom_menu_inner">
              <ul class="menu-level-1">
                <li class="item-active">
                  <a class="" href="/"><span class="">Home</span></a>
                </li>
                <li class="">
                  <a class="" href="/page/about-us.html"><span class="">About</span></a>
                </li>
                <li class="">
                  <a class="" href="/rooms"><span class="">Rooms</span></a>
                </li>
                <li class="">
                  <a class="" href="/page/tariff.html"><span class="">Tariff</span></a>
                </li>
                <li class="">
                  <a class="" href="/services"><span class="">Services</span></a>
                </li>
                <li class="">
                  <a class="" href="/news"><span class="">Special Offers</span></a>
                </li>
                
              </ul>
            </div>
          </div>
        </div>
        <div id="menu_footer_menu">
          <div class="text">
            &copy; 2023 Cliff Hall Hotel - 16 Crescent Road, Shanklin, Isle of Wight                                                                                               
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
