info.html

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="Auckland summer colour festival " />
    <meta name="description" content="Experience New Zealand's largest Holi festival. Music, Colours, and Culture - Auckland, New Zealand." />

    <title>Holi 2016 | Information</title>

    <!-- Bootstrap Core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="/css/holi.min.css" rel="stylesheet">
    <link href="/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">

    <!-- 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]-->

</head>

<body>

    <div class="brand">HOLI</div>
    <div class="address-bar"><font color="blueviolet">Festival</font> <font color="green">Of</font> <font color="royalblue">Colours</font></div>

    <!-- Navigation -->
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
                <a class="navbar-brand" href="index.html">Holi</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="index.html">Home</a>
                    </li>
                    <li>
                        <a href="gallery.html">Gallery</a>
                    </li>
                    <li>
                        <a href="info.html">Info</a>
                    </li>
                    <li>
                        <a href="contact.html">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <div class="container">

        <div class="row">
            <div class="box">
                <div class="col-lg-12 text-center">
                    <h2 class="intro-text text-center">
                        <strong>Colours, Live DJ's, Bands, Dancers, Fusion Food</strong>
                    </h2>
                    <div class="item active">
                        <img class="img-responsive img-full" src="img/info.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center">
                        <strong>FAQ's</strong>
                    </h2>
                    <hr>
                </div>
                <div class="col-lg-12">
                    <p>
                        <strong>When is the event held?</strong>
                    </p>
                    <p>
                        The event is held every year in February/March. Exact date and times for 2016 will be announced here soon. For reference, in 2015 the event was held on Sunday 22nd March from Noon and 6pm.
                    </p>
                    <br>
                    <p>
                        <strong>Where is the event held?</strong>
                    </p>
                    <p>
                        The event is held at the Hare Krishna Temple grounds in Kumeu, Auckland. The address is: 1229 Coatsville Riverhead Highway, Kumeu, Auckland.
                    </p>
                    <br>
                    <p>
                        <strong>Is there an entry fee?</strong>
                    </p>
                    <p>
                        The event is free. However, we encourge registrations by giving discounts on colour purchases. This helps us better plan and manage the event. You can of course attend without registering. Details will be provided closer to the event day.
                    </p>
                    <br>
                    <p>
                        <strong>What do I do at this event?</strong>
                    </p>
                    <p>
                        Just have an amazing experience!! There is a stage with DJ's, Bands, and Dancers to entertain you. Dancing is required :-), so is throwing, and rubbing colours on others at every oppertunity. When you need a break, go to the food stalls, checkout the temple, or just chill out on the grounds.
                    </p>
                    <br>
                    <p>
                        <strong>Are there ID requirements or an age limit to enter the event?</strong>
                    </p>
                    <p>
                        Nope, this is a family friendly event.
                    </p>
                    <br>
                    <p>
                        <strong>What are my transport options getting to the event?</strong>
                    </p>
                    <p>
                        As the venue is a 30-40 minute drive from the CBD, the majority of festival goers drive to the venue. Shuttle services from the Auckland CBD will be provided. Details will be posted here closer to the event day. Public transport is limited.
                    </p>
                    <br>
                    <p>
                        <strong>Is parking provided?</strong>
                    </p>
                    <p>
                        Yes, we have free parking at the festival.
                    </p>
                    <br>
                    <p>
                        <strong>What can't I bring to the event?</strong>
                    </p>
                    <p>
                        As conditions of entry, you cannot bring your own colours or food into the venue. These will be available for purchase at the venue. Also, no alcohol, smoking, or recreational drugs permitted onsite.
                    </p>
                    <br>
                     <p>
                        <strong>Is this a commercial event?</strong>
                    </p>
                    <p>
                        No, the event is run by a registered charity. We do not believe that a commercial Holi Colour event can be true to the spirit of Holi.
                    </p>

                </div>
                <div class="clearfix"></div>
            </div>
        </div>

    </div>
    <!-- /.container -->

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <p>Copyright &copy; ISKCON 2015</p>
                    <ul class="list-inline">
                        <li>
                            <a href="https://twitter.com/HoliFestivalNZ"><i class="fa fa-twitter fa-fw fa-2x"></i></a>
                        </li>
                        <li>
                            <a href="https://www.facebook.com/HoliFestivalNZ"><i class="fa fa-facebook fa-fw fa-2x"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="/js/jquery-2.1.4.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="/js/bootstrap.min.js"></script>

</body>

</html>