<commit_before><!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="description" content="">
    <meta name="author" content="">


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

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

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>

    <!-- Theme JavaScript -->
    <script src="../static/js/grayscale.min.js"></script>



    <title>Byte Camp - Creative Tech Programs for Kids: 3D Animation, Claymation, 2D Game Design, 3D Game Design, Music and Video Production, 3D Printing and Design, 2D Tablet Animation, Build an App</title>

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

    <!-- Custom Fonts -->
    <link href="../static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">

    <!-- Theme CSS -->
    <link href="../static/css/grayscale.css" rel="stylesheet">

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

    <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation" style="display:hidden">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="../index.html">
                    <i class="fa fa-play-circle"></i> <span class="light">Byte Camp</span>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#register">Register Now</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="../index.html#calendar">Calendar</a>
                    </li>

                    <li>
                        <a class="page-scroll" href="#bestofs">Best-Ofs</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#">About Us</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="../index.html#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Intro Header -->
    <img src="../static/img/programsBar.png" style="width:100%;"/>

    <!-- WHAT is Byte Camp? -->
    <div class="accent-section">
        <div class="container text-center">
			<div>
            <h1>A Day in the Life of a Byte Camper</h1>
                <p><BR><BR>...<BR><BR></p>
            </div>
        </div>
        <br><br><br>
    </div>

    <!-- Body Menu Section -->
    <div class="container content-section">
    	<h1 class="text-center">Programs</h1>
    	<hr>
        <div class="container col-lg-9 col-md-9 col-sm-10 col-centered">
            <div class="panel-group" id="accordion">
    			
    			<!-- Claymation -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse1">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_clay.png" /> 
                    </a>
                    <div id="collapse1" class="panel-collapse collapse" style="background-color:#ffe6e6;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-lg-20 col-md-12 col-sm-12 col-xs-10 col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- 2D Tablet -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse2">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_tab.png" /> 
                    </a>
                    <div id="collapse2" class="panel-collapse collapse" style="background-color:#f2e6ff;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-lg-20 col-md-12 col-sm-12 col-xs-10 col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- 3D Animation -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse3">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_3da.png" /> 
                    </a>
                    <div id="collapse3" class="panel-collapse collapse" style="background-color:#e6fff2;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-lg-20 col-md-12 col-sm-12 col-xs-10 col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- Intro to Code -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse4">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_code.png" /> 
                    </a>
                    <div id="collapse4" class="panel-collapse collapse" style="background-color:#e6f2ff;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-lg-20 col-md-12 col-sm-12 col-xs-10 col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- 2D Games -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse5">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_games.png" /> 
                    </a>
                    <div id="collapse5" class="panel-collapse collapse" style="background-color:#ffffe6;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like <NAME> Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-lg-20 col-md-12 col-sm-12 col-xs-10 col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- Build an App -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse6">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_app.png" /> 
                    </a>
                    <div id="collapse6" class="panel-collapse collapse" style="background-color:#f2ffe6;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-lg-20 col-md-12 col-sm-12 col-xs-10 col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
        <br><br><br>
    </div>



    <!-- Footer -->
    <div style="background-color: #FFD83A;">
        <br><br><br>
        <footer>
            <div class="container" style="width:30%;">
                <img src="../static/img/website-logo.png" class="hatch" style="width:100%;height:auto;"/>
            </div>
            <!-- Footer -->
        
            <div class="container text-center"><commit_msg>minor changes for resizing<commit_after><!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="description" content="">
    <meta name="author" content="">


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

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

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>

    <!-- Theme JavaScript -->
    <script src="../static/js/grayscale.min.js"></script>



    <title>Byte Camp - Creative Tech Programs for Kids: 3D Animation, Claymation, 2D Game Design, 3D Game Design, Music and Video Production, 3D Printing and Design, 2D Tablet Animation, Build an App</title>

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

    <!-- Custom Fonts -->
    <link href="../static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">

    <!-- Theme CSS -->
    <link href="../static/css/grayscale.css" rel="stylesheet">

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

    <!-- Navigation -->
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation" style="display:hidden">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="../index.html">
                    <i class="fa fa-play-circle"></i> <span class="light">Byte Camp</span>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#register">Register Now</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="../index.html#calendar">Calendar</a>
                    </li>

                    <li>
                        <a class="page-scroll" href="#bestofs">Best-Ofs</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#">About Us</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="../index.html#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Intro Header -->
    <img src="../static/img/programsBar.png" style="width:100%;"/>

    <!-- WHAT is Byte Camp? -->
    <div class="accent-section">
        <div class="container text-center">
			<div>
            <h1>A Day in the Life of a Byte Camper</h1>
                <p><BR><BR>...<BR><BR></p>
            </div>
        </div>
        <br><br><br>
    </div>

    <!-- Body Menu Section -->
    <div class="container content-section">
    	<h1 class="text-center">Programs</h1>
    	<hr>
        <div class="container col-lg-9 col-md-9 col-sm-10 col-centered">
            <div class="panel-group" id="accordion">
    			
    			<!-- Claymation -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse1">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_clay.png" /> 
                    </a>
                    <div id="collapse1" class="panel-collapse collapse" style="background-color:#ffe6e6;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- 2D Tablet -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse2">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_tab.png" /> 
                    </a>
                    <div id="collapse2" class="panel-collapse collapse" style="background-color:#f2e6ff;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- 3D Animation -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse3">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_3da.png" /> 
                    </a>
                    <div id="collapse3" class="panel-collapse collapse" style="background-color:#e6fff2;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- Intro to Code -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse4">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_code.png" /> 
                    </a>
                    <div id="collapse4" class="panel-collapse collapse" style="background-color:#e6f2ff;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- 2D Games -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse5">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_games.png" /> 
                    </a>
                    <div id="collapse5" class="panel-collapse collapse" style="background-color:#ffffe6;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>

                <!-- Build an App -->         
                <div class="panel panel-default">
                    <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapse6">
                        <img class="panel-title" style="display: block; width: 100%;" src="../static/img/bar_app.png" /> 
                    </a>
                    <div id="collapse6" class="panel-collapse collapse" style="background-color:#f2ffe6;">
						<div class="panel-body">
							<div class="col-lg-7 col-md-7 col-sm-6" style="font-size:18px">
								Make your own clay characters come to life, just like Shaun the Sheep! Participants will 
								work with a partner to build their own clay characters, sets and props, develop their own 
								script, shoot their movie scene, and then learn to edit and add sounds and special effects 
								to complete the whole project. Don't worry parents, there will be plenty of time devoted to 
								outdoor games and activities!
							</div>
							
							<hr class="hidden-lg hidden-md hidden-sm col-xs-11 col-centered">
							
							<div class="col-lg-5 col-md-5 col-sm-6">
								<div class="hidden-lg hidden-md hidden-sm col-xs-12"><BR></div>
								<video class="col-lg-12 col-sm-12 col-sm-12 col-xs-12 col-centered" controls>
									<source src="../static/img/lost_zebra.mp4" type="video/mp4">
									Your browser does not support the video tag.
								</video>	
								<div class="hidden-lg hidden-md col-sm-12 hidden-xs"><BR><BR></div>
								<div class="col-centered">
									<div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="font-size:15px;">
										Ages: 9 - 12 yrs old<br>
										Cost: $200.00 - $275.00<br>
										Length: 4/5 Days	
									</div>
									<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
										<a href="../index.html#calendar"><img title="Look up availability" src="../static/img/calendar.png" style="width:32px; height:32px;"/></a>
										<a href="#"><img title="Register for this camp" src="../static/img/register.png" style="width:32px; height:32px;"/></a>
									</div>								
								</div>
							</div>
						</div>
                    </div>
                </div>
            </div>
        </div>
        <br><br><br>
    </div>



    <!-- Footer -->
    <div style="background-color: #FFD83A;">
        <br><br><br>
        <footer>
            <div class="container" style="width:30%;">
                <img src="../static/img/website-logo.png" class="hatch" style="width:100%;height:auto;"/>
            </div>
            <!-- Footer -->
        
            <div class="container text-center">
{'fraction_non_alphanumeric': 0.15852185372282013, 'fraction_numerical': 0.02652097518119921, 'mean_word_length': 1.9669300317667182, 'pattern_counts': {'":': 0, '<': 728, '<?xml version=': 0, '>': 728, 'https://': 10, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1251512', 'n_tokens_mistral': 14455, 'n_tokens_neox': 10795, 'n_words': 2845}