Source: site.view [edit]
Function name: home
Arguments:
Description:
Page type: html
Render function:  
Module: magicparties

Page source:

<!doctype html>
<!--
	Template:	 Unika - Responsive One Page HTML5 Template
	Author:		 imransdesign.com
	URL:		 http://imransdesign.com/
    Designed By: https://www.behance.net/poljakova
	Version:	1.0	
-->
<html lang="en-US">
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Magic-Parties.com</title>
		<meta name="description" content="Magic parties in the San Francisco Bay Area">
		<meta name="keywords" content="magic, magician, party, magic parties, birthday, san francisco, bay area" />
		<meta name="author" content="Adam Cheyer">
        <link rel="icon" type="image/x-icon" href="http://www.magic-parties.com/favicon.ico" />

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
        
        <!-- Google Fonts  -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'> <!-- Body font -->
		<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'> <!-- Navbar font -->

		<!-- Libs and Plugins CSS -->
		<link rel="stylesheet" href="http://www.magic-parties.com/inc/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="http://www.magic-parties.com/inc/animations/css/animate.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
		<!-- link rel="stylesheet" href="http://www.magic-parties.com/inc/font-awesome/css/font-awesome.min.css" --> <!-- Font Icons -->
		<link rel="stylesheet" href="http://www.magic-parties.com/inc/owl-carousel/css/owl.carousel.css">
		<link rel="stylesheet" href="http://www.magic-parties.com/inc/owl-carousel/css/owl.theme.css">

		<!-- Theme CSS -->
        <link rel="stylesheet" href="http://www.magic-parties.com/css/reset.css">
		<link rel="stylesheet" href="http://www.magic-parties.com/css/style.css">
		<link rel="stylesheet" href="http://www.magic-parties.com/css/mobile.css">
		
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css" rel="stylesheet">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://lab.abhinayrathore.com/jquery_youtube/jquery.youtubepopup.min.js"></script>
    <script type="text/javascript">
		$(function () {
			$("a.youtube").YouTubePopup({ autoplay: 0 });
		});
    </script>		


		<!-- Skin CSS -->
		<!-- <link rel="stylesheet" href="http://www.magic-parties.com/css/skin/cool-gray.css"  -->
        <!-- <link rel="stylesheet" href="http://www.magic-parties.com/css/skin/ice-blue.css"> -->
        <!-- <link rel="stylesheet" href="http://www.magic-parties.com/css/skin/summer-orange.css"> -->
        <!-- <link rel="stylesheet" href="http://www.magic-parties.com/css/skin/fresh-lime.css"> -->
        <link rel="stylesheet" href="http://www.magic-parties.com/css/skin/night-purple.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/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>

    <body data-spy="scroll" data-target="#main-navbar" cz-shortcut-listen="true">

        <!-- Display loading image while page loads -->
        <div class="page-loader"></div>

    	<div class="body">
        
            <!--========== BEGIN HEADER ==========-->
            <header id="header" class="header-main">

                <!-- Begin Navbar -->
                <nav id="main-navbar" class="navbar navbar-default navbar-fixed-top navbar-shrink" role="navigation"> 
                    <!-- Classes: navbar-default, navbar-inverse, navbar-fixed-top, navbar-fixed-bottom, navbar-transparent. Note: If you use non-transparent navbar, set "height: 98px;" to #header -->

                  <div class="container">

                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </button>
                            <!--<a class="navbar-brand page-scroll" href="http://www.magic-parties.com/">Magic-Parties.com</a>-->
                            <a class="navbar-brand page-scroll" href="http://www.magic-parties.com/">
                                <img class="img-responsive" src="http://www.magic-parties.com/img/mp-logo.png" alt="logo" />
                            </a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" aria-expanded="false">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a class="page-scroll" href="body">Home</a></li>
                                <li class=""><a class="page-scroll" href="#about-section">About</a></li>
                                <li class=""><a class="page-scroll" href="#services-section">Services</a></li>
                                <li class=""><a class="page-scroll" href="#portfolio-section">Gallery</a></li>
                            <!-- li><a class="page-scroll" href="#prices-section">Rates</a></li -->
                                <li class=""><a class="page-scroll" href="#contact-section">Contact</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                  </div><!-- /.container -->
                </nav>
                <!-- End Navbar -->

            </header>
            <!-- ========= END HEADER =========-->
            
        	<!-- Begin text carousel intro section -->
            <section id="text-carousel-intro-section" class="parallax" data-stellar-background-ratio="0.5" style="background-image: url(&quot;http://www.magic-parties.com/img/party.jpg&quot;);">
				
				<div class="container">
					<div class="caption text-center text-main" data-stellar-ratio="0.7">

						<div id="owl-intro-text" class="owl-carousel">
							<div class="item">
								<h1>"Absolutely Magical!"</h1>
								<p><b>Bring a spark of magic to your event</b></p>
                                <div class="extra-space-l"></div>
								<!-- a class="btn btn-blank" href="https://creativemarket.com/Themetorium" target="_blank" role="button">View More!</a -->
							</div>
							<div class="item">
								<h1>"Positively Perplexing"</h1>
								<p><b>Our magicians can entertain in any environment</b></p>
								<div class="extra-space-l"></div>
								<!-- a class="btn btn-blank" href="https://creativemarket.com/Themetorium" target="_blank" role="button">View More!</a  -->
							</div>
						</div>

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

			</section>
			<!-- End text carousel intro section -->
                
            <!-- Begin about section -->
			<section id="about-section" class="page bg-style1">
                <!-- Begin page header-->
                <div class="page-header-wrapper">
                    <div class="container">
                        <div class="page-header text-center wow fadeInUp" data-wow-delay="0.3s">
                            <h2>About</h2>
                            <div class="devider"></div>
                            <p class="subtitle">Our Magicians</p>
                        </div>
                    </div>
                </div>
                <!-- End page header-->

                <!-- Begin rotate box-1 -->
                <div class="rotate-box-1-wrapper">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-2 col-sm-6">
                                <div class="team-container wow bounceIn" data-wow-delay="0.3s">
                                    <div class="team-item">
                                        <div class="team-triangle">
                                            <div class="content">
                                                <img src="http://www.magic-parties.com/img/team/noah2.jpg" alt="title">
                                                <div class="team-hover text-center">
                                                    <i class="fa fa-male"></i>
                                                    <p>Noah Cheyer</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6">
                                <a class="rotate-box-2 square-icon wow zoomIn" data-wow-delay="0">
                                        <h4>&nbsp; Noah Cheyer</h4>
                                        <p>Noah is a rising star of Magic in the Bay Area, having performed at events ranging from
                                           kids birthday parties to private events for the Silicon Valley elite. </p>
                                           <p>&nbsp;</p>
                                        <p>A specialist in card magic
                                           and close-up manipulation, he is also skilled at stage magic, with illusions incorporating
                                           mind reading, ropes, silks, money, and more.  With his fun-loving personality, he's a favorite
                                          of kids and adults alike.</p>
                                           <p>&nbsp;</p>
                                        <p>Noah once performed a sleight-of-hand trick that was so skilled,
                                           the reigning World Champion of Magic asked, "Wow, how did you do that, is that a gimmick?"</p>
                                </a>
                            </div>

                            <div class="col-md-2 col-sm-6">
                                <div class="team-container wow bounceIn" data-wow-delay="0.3s">
                                    <div class="team-item">
                                        <div class="team-triangle">
                                            <div class="content">
                                                <img src="http://www.magic-parties.com/img/team/adam-hs-square.jpg" alt="title">
                                                <div class="team-hover text-center">
                                                    <i class="fa fa-male"></i>
                                                    <p>Adam Cheyer</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 col-sm-6">
                                <a class="rotate-box-2 square-icon wow zoomIn" data-wow-delay="0">
                                        <h4>&nbsp; Adam Cheyer</h4>
                                        <p>Adam has been a magic afficianado since the 1970's.  When performing, he makes sure
                                           that every participant has fun and sees something amazing that they will remember
                                           for years to come.  Adam specializes in private and corporate events, entertaining regularly at
                                           companies large and small around the Bay Area.</p>                          
                                          <p>&nbsp;</p>
                                        <p>Adam is a member of the prestigious Magic Castle in Los Angeles, the Academy of Magical Arts (AMA), and
                                           the International Brotherhood of Magicians (IBM).  He has performed on stage in front of thousands, 
                                           on TV for millions (including the well-known "Penn and Teller Fool Us" show),
                                           entertained heads of state with closeup magic and mentalism, and fooled some of the top pros in the business.</p>                                          
                                </a>
                            </div>
                        
                          <center><a class="widget ng-scope" ng-href="https://www.thumbtack.com/-Oakland-CA/service/2740962" target="_blank" href="https://www.thumbtack.com/-Oakland-CA/service/2740962"> <img style="height: 128px;width: 128px;" ng-src="https://static.thumbtackstatic.com/media/pages/profile/standard-widgets/pro-svg/white/2016.svg" src="https://static.thumbtackstatic.com/media/pages/profile/standard-widgets/pro-svg/white/2016.svg"></a><script src='https://www.thumbtack.com/profile/widgets/scripts/?service_id=bqXVhMHG7Ys9kw&widget_id=profile'></script></center>
                            
                        </div> <!-- /.row -->
                    </div> <!-- /.container -->
                </div>
                <!-- End rotate box-1 -->
                
                <div class="extra-space-l"></div>
                <div class="extra-space-l"></div>
                <div class="extra-space-l"></div>
                <div class="extra-space-l"></div>
                                
                
          <!-- End about section -->

              

              
            <!-- Begin Services Section -->
            <section id="services-section">
                <div id="testimonial-trigger" class="testimonial text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(http://www.magic-parties.com/img/magic-surface-bg.jpg);">
                    <div class="cover"></div>
                    <!-- Begin page header-->
                    <div class="page-header-wrapper">
                        <div class="container">
                            <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                                <h2>Services</h2>
                                <div class="devider"></div>
                                <p class="subtitle">We can spice up any event</p>
                            </div>
                        </div>
                    </div>
                    <!-- End page header-->
                    <div class="container">
                        <div class="testimonial-inner center-block text-center">
                            <div id="owl-testimonial" class="owl-carousel">
                                <div class="item">
                                    <blockquote>
                                        <p>"[The magicians] were professional, courteous and a ton of fun. Both adults and kids were completely entertained and thrilled with the experience. They even taught my son, 8 a magic trick at the end and left the materials for him to keep. A priceless memory for my family."</p>
                                        <footer><cite title="Source Title">Catherine S.</cite></footer>
                                    </blockquote>
                                </div>
                                <div class="item">
                                    <blockquote>
                                        <p>"As [my son] simply stated to me, 'Noah is the best magician I've ever seen in my life.'"</p>
                                        <footer><cite title="Source Title">Ben H.</cite></footer>
                                    </blockquote>
                                </div>
                                <div class="item">
                                    <blockquote>
                                        <p>"Thank you for providing such a magical experience for [my daughter] and all her friends, Saturday.  They really loved the show!"</p>
                                        <footer><cite title="Source Title">Dan W.</cite></footer>
                                    </blockquote>
                                </div>
                                <div class="item">
                                    <blockquote>
                                        <p>"Fun and Friendly! The magic was astonishing to everyone at the party, kids and parents alike. My son had a wonderful time, and after the party, he asked us if he could take a magic class at camp the following summer."</p>
                                        <footer><cite title="Source Title">Jonathan C.</cite></footer>
                                    </blockquote>
                                </div>
                                <!-- div class="item">
                                    <blockquote>
                                        <p>"Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                                        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                                        proident, sunt in culpa qui officia deserunt mollit".</p>
                                        <footer><cite title="Source Title">John Doe</cite></footer>
                                    </blockquote>
                                </div -->
                            </div>
                        </div>
                    </div>
                    
                <div class="extra-space-l"></div>
                    
                <!-- Begin rotate box-2 -->
                <div class="rotate-box-2-wrapper">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3 col-sm-6">
                                <a href="#" class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0">
                                    <span class="rotate-box-icon"><i class="fa fa-birthday-cake"></i></span>
                                    <div class="rotate-box-info">
                                        <h4>Birthday Parties</h4>
                                        <p>Both kids and adults will be entranced by the amazicraziness of what's happening during
                                           your birthday party magic show.  Assisted by numerous volunteers from the audience, your
                                           magician will make the experience extra magical for the Birthday Boy or Girl.
                                        </p>
                                    </div>
                                </a>
                            </div>
            
                            <div class="col-md-3 col-sm-6">
                                <a href="#" class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.2s">
                                    <span class="rotate-box-icon"><i class="fa fa-glass"></i></span>
                                    <div class="rotate-box-info">
                                        <h4>Private Parties</h4>
                                        <p>Our magicians have entertained at private parties of more than 200 guests, featuring many of
                                           Silicon Valley's technology elite.  Using a parlor magic or strolling style, we can bring
                                           many moments of amazement to your party-goers.</p>
                                    </div>
                                </a>
                            </div>
            
                            <div class="col-md-3 col-sm-6">
                                <a href="#" class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.6s">
                                    <span class="rotate-box-icon"><i class="fa fa-black-tie"></i></span>
                                    <div class="rotate-box-info">
                                        <h4>Strolling Magic</h4>
                                        <p>We can do walk-around or street-style magic at any event, informally approaching groups of guests at your event
                                           to add a spark of fun and amazement.</p>
                                    </div>
                                </a>
                            </div>
 
                            <div class="col-md-3 col-sm-6">
                                <a href="#" class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.4s">
                                    <span class="rotate-box-icon"><i class="fa fa-line-chart"></i></span>
                                    <div class="rotate-box-info">
                                        <h4>Corporate Events</h4>
                                        <p>Our magicians can provide the entertainment for crowds who have seen it all.  If you want something different
                                           for your corporate event, look no farther than magic-parties.com...</p>
                                    </div>
                                </a>
                            </div>
                            
                            
                        </div> <!-- /.row -->
                    </div> <!-- /.container -->
                                        
                </div>
                    </div></section>
            <!-- End testimonials -->
                

                
                
            <!-- Begin Portfolio -->
            <section id="portfolio-section" class="page bg-style1">
            	<div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="portfolio">
                                <!-- Begin page header-->
                                <div class="page-header-wrapper">
                                    <div class="container">
                                        <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                                            <h2>Media Gallery</h2>
                                            <div class="devider"></div>
                                            <p class="subtitle">Videos and photos of just a few of our performances</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- End page header-->
                                <div class="portfoloi_content_area" >
                                    <div class="portfolio_menu" id="filters">
                                        <ul>
                                            <li class="active_prot_menu"><a href="#porfolio_menu" data-filter="*">all</a></li>
                                            <li><a href="#porfolio_menu" data-filter=".CloseUp">Close-Up</a></li>
                                            <li><a href="#porfolio_menu" data-filter=".Stage" >Stage</a></li>
                                            <li><a href="#porfolio_menu" data-filter=".Birthday">Birthday Parties</a></li>
                                            <li><a href="#porfolio_menu" data-filter=".Card">Card Magic</a></li>
                                        </ul>
                                    </div>
                                    <div class="portfolio_content">
                                        <div class="row"  id="portfolio">
                                         <div class="col-xs-12 col-sm-4 Birthday Card Stage">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/portfolio/pt3.jpg" alt="title">
                                                    <div>
														<a class="youtube" href="https://www.youtube.com/watch?v=4DV8nCVEih4" 
                                                           title="Penn and Teller Fool Us">Penn and Teller Fool Us<br><br>(click for video)</a>
                                                        <span><br>Adam teaches Penn and Teller a lesson about Entrepreneurship
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>                                          
                                            <div class="col-xs-12 col-sm-4 Birthday Card Stage">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/portfolio/thru-window.jpg" alt="title">
                                                    <div>
														<a class="youtube" href="https://www.youtube.com/watch?v=syyczxnQnC8" 
                                                           title="Through The Window">Through the Window <br><br>(click for video)</a>
                                                        <span><br>A lost card appears on the <em>other side</em> of a window.  
                                                           <p><br>Wait!  Not the right card?
                                                           <br> No problem for our magician...
                                                                </p>
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-4 Stage CloseUp Birthday">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/portfolio/mismatched-ropes.jpg" alt="title">
                                                    <div>
                                                            <a class="youtube" href="https://www.youtube.com/watch?v=puHv1suwptY" title="Mismatched Ropes">Mismatched Ropes<br><br>(click for video)</a>
                                                            <span>
                                                                <br>Three ropes are examined, and they are very different sizes.
                                                           <br>A little concentration from the magician and they all become the same
                                                           length!
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>
                                             <div class="col-xs-12 col-sm-4 Stage">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/images/SiriTeaches.jpg" alt="title">
                                                    <div>
                                                            <a class="youtube" href="https://youtu.be/y6zwr0AyXLE" title="Siri teaches magic">Siri Teaches Magic<br><br>(click for video)</a>
                                                            <span>
                                                                <br>Siri teaches a new magic trick!                                           
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>                                           <div class="col-xs-12 col-sm-4 CloseUp">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/images/noah-ring.jpg" alt="title">
                                                    <div>
                                                            <a class="youtube" href="https://www.youtube.com/watch?v=E33OB62H4tc" title="Ring Throw">Ring Throw<br><br>(click for video)</a>
                                                            <span>
                                                                <br>After removing a ring, the magician magically throwns it back on his finger!
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-4 responsive Stage Birthday">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/portfolio/candy-machine.jpg" alt="title">
                                                    <div>
                                                            <a class="youtube" href="https://www.youtube.com/watch?v=73z0iX-Ixh8" title="Candy Machine">Candy Machine<br><br>(click for video)</a>
                                                            <span>
                                                                <br>The Chinese Tube has the magical power to turn raw sugar into
                                                           candy... (an always popular effect with the kids!)
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-4 responsive Stage">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/Adam_Cheyer_scitech-square.png" alt="title">
                                                    <div>
                                                            <a target="_blank" href="http://www.magic-parties.com/img/Adam_Cheyer_scitech-square.png" title="On Stage">On Stage<br><br>(click for photo)</a>
                                                            <span>
                                                                <br>Adam performing on stage for thousands
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-4 responsive Stage">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/Pioneers-Magic-square.jpg" alt="title">
                                                    <div>
                                                            <a target="_blank" href="http://www.magic-parties.com/img/Pioneers-Magic.jpg" title="The Palace">Performing in the Palace<br><br>(click for photo)</a>
                                                            <span>
                                                                <br>Adam performing magic at the Hofburg Imperial Palace in Vienna
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>
                                          <div class="col-xs-12 col-sm-4 responsive CloseUp Card">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/portfolio/turn-aces.jpg" alt="title">
                                                    <div>
                                                            <a class="youtube" href="https://www.youtube.com/watch?v=FBGI8lb47W8" title="Flipping Aces">Flipping Aces<br><br>(click for video)</a>
                                                            <span>
                                                                <br>Four aces, one-by-one, flip upside down with no apparent explanation...
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>                                            
                                          <div class="col-xs-12 col-sm-4 responsive CloseUp Card">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/portfolio/color-change.jpg" alt="title">
                                                    <div>
                                                            <a class="youtube" href="https://www.youtube.com/watch?v=iTaUbpa6PzQ" title="Color Change">Color Change<br><br>(click for video)</a>
                                                        <span><br>A black Jack turns red, right in front of your eyes.
                                                        </span>                                                        
                                                    </div>
                                                </div>
                                            </div>                                          
                                            <div class="col-xs-12 col-sm-4 CloseUp Birthday">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/portfolio/all-to-one.jpg" alt="title">
                                                    <div>
                                                            <a class="youtube" href="https://www.youtube.com/watch?v=KTOqulQ6X3E" title="All to One">All to One<br><br>(click for video)</a>
                                                        <span>The cards are shown all different and a spectator chooses a card.
                                                        Before the spectator's eyes, all cards in the deck become his or her card!
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>                                            
                                            <!-- div class="col-xs-12 col-sm-4 CloseUp">
                                                <div class="portfolio_single_content">
                                                        <img src="http://www.magic-parties.com/img/portfolio/twisting-jacks" alt="title">
                                                    <div>
                                                            <a class="youtube" href="https://youtu.be/yfcwHZxJSyw " title="Twisting Jacks">Twisting Jacks<br><br>(click for video)</a>
                                                        <span>One by one, the Jacks flip over before your eyes...
                                                        </span>
                                                    </div>
                                                </div>
                                            </div -->                                          
                                        </div>
                                    </div>
                                </div>
                            
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- End portfolio -->
            
                
                
                
                
                
            <!-- Begin prices section -->
			<!-- section id="prices-section" class="page" -->

                <!-- Begin page header-->
                <!-- div class="page-header-wrapper">
                    <div class="container">
                        <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                            <h2>Our Rates</h2>
                            <div class="devider"></div>
                            <p class="subtitle">The Best Value in the Bay</p>
                        </div>
                    </div>
                </div -->
                <!-- End page header-->

				<!-- div class="extra-space-l"></div -->

				<!-- Begin prices -->
				<!-- div class="prices">
					<div class="container">
						<div class="row">
							
							<div class="price-box col-sm-6 col-md-3 wow flipInY" data-wow-delay="0.3s">
								<div class="panel panel-default">
									<div class="panel-heading text-center">
										<i class="fa fa-birthday-cake fa-2x"></i>
										<h3>Basic Birthday</h3>
									</div>
									<div class="panel-body text-center">
										<p class="lead"><strong>$75</strong></p>
									</div>
									<ul class="list-group text-center">
										<li class="list-group-item">30 minute show</li>
										<li class="list-group-item">Up to 15 kids</li>
										<li class="list-group-item">Ages 8+</li>
										<li class="list-group-item">One magician</li>
									</ul>
									<div class="panel-footer text-center">
									</div>
								</div>										
							</div>

							<div class="price-box col-sm-6 price-box-featured col-md-3 wow flipInY" data-wow-delay="0.5s">
								<div class="panel panel-default">
									<div class="panel-heading text-center">
										<i class="fa fa-star fa-2x"></i>
										<h3>Birthday Bash</h3>
									</div>
									<div class="panel-body text-center">
										<p class="lead"><strong>$125</strong></p>
									</div>
									<ul class="list-group text-center">
										<li class="list-group-item">45 minute show</li>
										<li class="list-group-item">Up to 25 kids</li>
										<li class="list-group-item">Ages 5+</li>
										<li class="list-group-item">One magician plus assistant</li>
									</ul>
									<div class="panel-footer text-center">
									</div>
									<div class="price-box-ribbon"><strong>Popular</strong></div>
								</div>										
							</div>
							
							<div class="price-box col-sm-6 col-md-3 wow flipInY" data-wow-delay="0.7s">
								<div class="panel panel-default">
									<div class="panel-heading text-center">
										<i class="fa fa-glass fa-2x"></i>
										<h3>Private Event</h3>
									</div>
									<div class="panel-body text-center">
										<p class="lead"><strong>$250</strong></p>
									</div>
									<ul class="list-group text-center">
										<li class="list-group-item">90-minute strolling magic</li>
										<li class="list-group-item">Up to 300 guests</li>
										<li class="list-group-item">Close-up and Parlor settings</li>
										<li class="list-group-item">Two magicians</li>
									</ul>
									<div class="panel-footer text-center">
									</div>
								</div>										
							</div>
							
							<div class="price-box col-sm-6 col-md-3 wow flipInY" data-wow-delay="0.9s">
								<div class="panel panel-default">
									<div class="panel-heading text-center">
										<i class="fa fa-line-chart fa-2x"></i>
										<h3>Custom Event</h3>
									</div>
									<div class="panel-body text-center">
                                        <p class="lead"><a href="#contact-section">Call</a></p>
									</div>
									<ul class="list-group text-center">
										<li class="list-group-item">Stage Show?</li>
										<li class="list-group-item">Strolling Magic?</li>
										<li class="list-group-item">Two magicians?</li>
										<li class="list-group-item">You decide...</li>
									</ul>
									<div class="panel-footer text-center">
									</div>
								</div>										
							</div>
							
						</div> 
					</div> 
				</div -->
				<!-- End prices -->
				<!-- div class="extra-space-l"></div>
			</section  -->
			<!-- End prices section -->
                
                
                
                        
                
                
                
            <!-- Begin contact section -->
			<section id="contact-section" class="page text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(http://www.magic-parties.com/img/contact-bg.jpg);">
            <div class="cover"></div>
            
                 <!-- Begin page header-->
                <div class="page-header-wrapper">
                    <div class="container">
                        <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                            <h2>Contact Information</h2>
                            <div class="devider"></div>
                            <p class="subtitle">Get in touch</p>
                        </div>
                    </div>
                </div>
                <!-- End page header-->
                
                <div class="contact wow bounceInRight" data-wow-delay="0.4s">
                    <div class="container">
                    	<div class="row">
                        
                            <div class="col-sm-6">
                                <div class="contact-info">
                                    <h4>Our Address</h4>
                                    <ul class="contact-address">
			                            <li><i class="fa fa-map-marker fa-lg"></i>&nbsp; Oakland, CA USA</li>
			                            <li><i class="fa fa-phone"></i>&nbsp; +1 (510) 388-2121</li>
			                            <li><i class="fa fa-envelope"></i> info@magic-parties.com</li>
			                        </ul>
                                </div>
                            </div>
                        
                        	<div class="col-sm-6">
                                <div class="contact-form">
                                	<h4>Write to us</h4>
                                  <p>Please send us an email to info at magic-parties dot com.<p>
                                  <!--
                                    <form role="form" action="http://magic-parties.com/webl/WubHub_DoIt" method="post">
                                            <input name="cmdline" value="mail(name,email,subj,msg)" type="hidden">
                                        <div class="form-group">
                                            <input name="name" type="text" class="form-control input-lg" placeholder="Your Name" required>
                                        </div>
                                        <div class="form-group">
                                            <input name="email" type="email" class="form-control input-lg" placeholder="E-mail" required>
                                        </div>
                                        <div class="form-group">
                                            <input name="subj" type="text" class="form-control input-lg" placeholder="Subject" required>
                                        </div>
                                        <div class="form-group">
                                            <textarea name="msg" class="form-control input-lg" rows="5" placeholder="Message" required></textarea>
                                        </div>
                                        <button type="submit" class="btn wow bounceInRight" data-wow-delay="0.8s">Send</button>
                                    </form>
-->
                                </div>	
                            </div>
                                                                                
                        </div> <!-- /.row -->
                        
                    </div> <!-- /.container -->
                </div>
            </section>
            <!-- End contact section -->
                
                

                
            <!-- Begin footer -->
            <footer class="text-off-white">
            
                <div class="footer-top">
                	<div class="container">
                    	<div class="row wow bounceInLeft" data-wow-delay="0.4s">

                        <div class="row">
                            <div class="container">
                				<ul class="social-list">
                                            <li>
                                                <a href="#" class="rotate-box-1 square-icon text-center wow zoomIn" data-wow-delay="0.3s">
                                                    <span class="rotate-box-icon"><i class="fa fa-facebook"></i></span>
                                                </a>
                                            </li>
                                            <li> 
                                                <a target="_blank" href="https://twitter.com/magic_parties" class="rotate-box-1 square-icon text-center wow zoomIn" data-wow-delay="0.4s">
                                                    <span class="rotate-box-icon"><i class="fa fa-twitter"></i></span>
                                                </a>
                                            </li>
                                            <li> 
                                                <a target="_blank" href="https://www.youtube.com/channel/UCHFdAxjD89gFkCwcHh0_80w" class="rotate-box-1 square-icon text-center wow zoomIn" data-wow-delay="0.5s">
                                                    <span class="rotate-box-icon"><i class="fa fa-youtube"></i></span>
                                                </a>
                                            </li>
                    			</ul>
                			</div>                
                        </div>

                        </div> <!-- /.row -->
                    </div> <!-- /.container -->
                </div>
                
                <div class="footer">
                    <div class="container text-center wow fadeIn" data-wow-delay="0.4s">
                        <p class="copyright">Copyright &copy; 2016 by Magic-Parties.com. All rights reserved.</p>
                    </div>
                </div>

            </footer>
            <!-- End footer -->

                <!-- Scroll to top button -->
                <a href="#" class="scrolltotop"><i class="fa fa-arrow-up"></i></a> 
        
            </section>
        </div>
        <!-- body ends -->
        
        <!-- Plugins JS -->
            		
        <script src="http://www.magic-parties.com/inc/bootstrap/js/bootstrap.min.js"></script>
		<script src="http://www.magic-parties.com/inc/owl-carousel/js/owl.carousel.min.js"></script>
		<script src="http://www.magic-parties.com/inc/stellar/js/jquery.stellar.min.js"></script>
		<script src="http://www.magic-parties.com/inc/animations/js/wow.min.js"></script>
        <script src="http://www.magic-parties.com/inc/waypoints.min.js"></script>
		<script src="http://www.magic-parties.com/inc/isotope.pkgd.min.js"></script>
		<script src="http://www.magic-parties.com/inc/classie.js"></script>
		<script src="http://www.magic-parties.com/inc/jquery.easing.min.js"></script>
		<script src="http://www.magic-parties.com/inc/jquery.counterup.min.js"></script>
		<script src="http://www.magic-parties.com/inc/smoothscroll.js"></script>

		<!-- Theme JS -->
		<script src="http://www.magic-parties.com/js/theme.js"></script>

        <div style="clear: both;"></div>
    </body> 
</html>