<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>Wight About – Isle of Wight Live Diary</title>

    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />

    <!-- Mobile specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" sizes="144x144" href="images/icons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/icons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" href="images/icons/apple-touch-icon.png">

    <!-- Favicon -->
    <link rel="shortcut icon" href="">

    <!-- Google fonts -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic">

    <!-- Stylesheets -->
    <link href="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/css/jquery-ui.css" rel="stylesheet">
    <link href="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/css/bootstrap.css" rel="stylesheet">
    <link href="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/css/owl.carousel.css" rel="stylesheet">
    <link href="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/css/animate.css" rel="stylesheet">
    <link href="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/css/global.css" rel="stylesheet">
    <link href="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/css/ics_front_end.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    <style>
                .overlay{
            background: rgba(0,0,0,0.4) url(https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/images/patterns/pattern_1.png) repeat;        }
		.overlay-top-left, .overlay-top-right, .special-overlay{
			background: rgba(0,0,0,0.4) url(https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/images/patterns/pattern_1.png) repeat;		}
            </style>
    <script>
        var subscribe_msg = 'You have been subscribed.';
        var send_msg_succes = 'Your message has been sent.';
        var subscribe_type = 'email_list';
        var mailchimp_api = '';
        var mailchimp_id_list = '';
        var nav_effect = 'fadeIn';
    </script>
</head>
<body class="ics-layout-1">

    <!-- Begin preloader -->
    <div id="preloader"><div id="status">
        <div id="circleG">
            <div id="circleG_1" class="circleG"></div>
            <div id="circleG_2" class="circleG"></div>
            <div id="circleG_3" class="circleG"></div>
        </div></div>
    </div>
    <!-- End preloader -->


    <div class="overlay"></div><!-- /.overlay -->
	    <div class="wrap">
        <div class="container-full">
        
                    <div class="row">
                <header role="banner">
                    <div class="col-xs-6 col-sm-4">
                        <a href="javascript:void(0)" class="site-logo">
                                                    </a><!-- /.site-logo -->
                    </div>
                    <div class="col-xs-6 col-sm-8">
                        <div class="nav-container">
                            							<div class="nav-toggle"><i class="fa-ics fa-bars-ics"></i></div>
							                            <nav role="navigation">
                                <ul role="menu">
                                                                                <li>
                                                <a href="javascript:void(0)" class="active" id="a_menu_0">Wight About</a>
                                            </li>
                                                                                                                                                            <li>
                                                <a href="javascript:void(0)" id="a_menu_1">Contact</a>
                                            </li>
                                                                        </ul>
                            </nav>
                        </div><!-- /.nav-container -->
                    </div>
                </header>
                <div class="clearfix"></div>
            </div>
            <div class="content-holder">
                <main role="main" class="clearfix">
                    <div class="row">
                        <div class="col-md-5 col-lg-5 col-bordered">
                            <div class="tag-line">
                                <h1 class="hm-1">Isle of Wight</h1>
                                <h2 class="hm-2">Live Diary</h2>
                                <h2 class="hm-3">COMING SOON</h2>
                                <h3 class="hm-4">Online Isle of Wight Live Diary</h3>
                            </div><!-- /.tag-line -->
                            
                            <!-- Modal starts -->
                            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title">
                                            	                                            		More info                                            	                                            </h4>
                                        </div>
                                        <div class="modal-body">
                                            <p>
                                                Praesent faucibus iaculis nulla, vel placerat dui commodo in. Suspendisse potenti. Fusce dignissim id diam ut imperdiet. Duis venenatis turpis nibh. Mauris egestas turpis in elit vestibulum, nec pretium tortor scelerisque. Mauris non mauris et leo tempor sodales.
<h4>Extra content</h4>
Morbi quis erat bibendum quam iaculis faucibus. Quisque ornare varius nunc. Nunc interdum nisi non ante bibendum facilisis.Vestibulum ullamcorper, tortor dictum <a href="file:///C:/Users/Developer4/Desktop/Transient/MAIN/HTML/Static%20-%20Copy/index.html#">semper adipiscing</a>, dui mauris vestibulum turpis, at dignissim lectus erat eu nibh. Aenean sit amet laoreet mi.Praesent faucibus iaculis nulla, vel placerat dui commodo in. Suspendisse potenti. Fusce dignissim id diam ut imperdiet. Duis venenatis turpis nibh. Mauris egestas turpis in elit vestibulum, nec pretium tortor scelerisque. Mauris non mauris et leo tempor sodales.                                            </p>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <!-- Modal ends -->
                   </div>
                    <div class="col-md-7">
                        <div class="page-panels">
                            <!-- Home panel starts -->
                            <section class="pnl-1">
                                <div class="countdown">
                                                                        <div class="col-xs-6 col-sm-3 col-md-3 text-center">
                                            <div class="count-container">
                                                <span class="days"></span>
                                                <p class="days_ref"></p>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-3 col-md-3 text-center">
                                            <div class="count-container">
                                                <span class="hours"></span>
                                                <p class="hours_ref"></p>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-3 col-md-3 text-center">
                                            <div class="count-container">
                                                <span class="minutes"></span>
                                                <p class="minutes_ref"></p>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-3 col-md-3 text-center">
                                            <div class="count-container">
                                                <span class="seconds"></span>
                                                <p class="seconds_ref"></p>
                                            </div>
                                        </div>
                                                                    </div>
                            </section>
                            <!-- Home panel ends -->
							                            <!-- Contact panel starts -->
                            <section class="pnl-3">
                                <div class="col-offset">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <h3>Share with us</h3>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <form method="post" action="" class="contact-form">
                                            <div class="col-md-6">
                                                                                            <input type="text" name="name" id="ics_name" placeholder="Name *" class="txt-name">
                                                                                            <input type="text" name="email" id="ics_contact-email" placeholder="Email Address *" class="txt-email">
                                            </div>
                                            <div class="col-md-6">
                                                                                            <textarea rows="4" name="message" cols="60" id="ics_message" placeholder="Message *" class="txt-message"></textarea>
                                            </div>
                                            <div class="clearfix"></div>
                                            <div class="col-sm-6">
                                                <button id="contact-submit" class="btn-contact"><i class="fa-ics fa-envelope-o-ics"></i>Send</button>
                                                <div class="contact-error-field"></div>
                                                <div class="contact-message"></div>
                                            </div>
                                        </form><!-- /.contact-form -->
                                    </div>
                                </div>
                            </section>
							                            <!-- Contact panel ends -->
                        </div>
                    </div>
                    </div>
                </main>
            </div>
        </div>
    </div>
    <!-- Footer starts -->
    <footer role="contentinfo">
        <div class="footer-bg"></div>
        <div class="container-full">
        	
            <div class="row">
                <div class="col-sm-12">
				                     <form method="post" action="" class="subscribe-form">
                        <p>Subscribe for updates</p>
                        <input type="email" name="email" id="subscribe-email" placeholder="Email address" required="">
                        <button id="subscribe-submit">Go</button>
                        <div class="subscribe-error-field"></div>
                        <div class="subscribe-message"></div>
                    </form><!-- /.subscribe-form -->
				                    <div class="social-media">
                        <p>or find us online</p>
                        <ul>
	                        	                        				<li><a href="https://fb.me/WightAbout" target="_blank"><i class="fa-ics fa-facebook-ics"></i></a></li>
	                        			                        	
                        </ul>
               
                    </div><!-- /.social-media -->
                    
                     <small>Copyright © 2009 - 2018 Wight About. All Rights Reserved.</small>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer ends -->

    <!-- Scripts -->
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/vendor/jquery-1.11.0.min.js"></script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/jquery-ui.min.js"></script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/supersized.3.2.7.min.js"></script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/jquery.countdown.js"></script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/owl.carousel.min.js"></script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/jquery.fittext.js"></script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/retina-1.1.0.min.js"></script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/bootstrap.min.js"></script>
        <!--[if lte IE 9]>
		    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/jquery.placeholder.js"></script>
		    <script type="text/javascript">$('input, textarea').placeholder();</script>
	    <![endif]-->
        <script>
    //JS VIDEO BACKGROUND
        
    //THE COUNTDOWN
		    until_time = '01/01/01';
		

                     //COUNTDOWN WITH DIGITS

        $('.countdown').downCount({
            date : until_time,
            until_timestamp : '1526507580'
        });

             
$(function () {
    "use strict";
          $.supersized({
          slides: [{ image: 'http://wightabout.pcc-hosting.co.uk/wp-content//IMG_3268.jpg' }]
      });
    });
	ics_days_word = 'Days';ics_day_word = 'day';ics_hours_word = 'Hours';ics_hour_word = 'hour';ics_minutes_word = 'Minutes';ics_minute_word = 'minute';ics_seconds_word = 'Seconds';ics_second_word = 'second';    </script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/global.js"></script>
    <script src="https://www.wightabout.co.uk/wp-content/plugins/indeed-coming-soon/files/js/front_end.js"></script>

</body>
</html>    