title: Including Fullpage.js in Wordpress (Or JS in General)
body: <p>Well, venturing into new grounds, I've just hopped into Wordpress lately. After countless hours confused, it's safe to say I'm still confused, but less confused xD. </p>
  
  <p>Anyway, I'm trying to include fullpage.js (Or any piece of javascript for that matter) into a Page, but I cannot get it to work. I just tried to use one of the examples from the fullpage.js folder, and I can't even get that to work. Here is what I have on the page:</p>
  
  <pre><code>&lt;link href="http://wevolunteer.co/wp-content/themes/radiate/css/jquery.fullPage.css" rel="stylesheet" type="text/css" /&gt;
  
      &lt;link href="http://wevolunteer.co/wp-content/themes/radiate/css/example.css" rel="stylesheet" type="text/css" /&gt;&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="http://wevolunteer.co/wp-content/themes/radiate/js/jquery.fullPage.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="http://wevolunteer.co/wp-content/themes/radiate/js/example.js"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;// &lt;![CDATA[
          $(document).ready(function() {
              var pepe = $.fn.fullpage({
                  slidesColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
                  anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
                  menu: '#menu',
                  scrollingSpeed: 1700
              });
  
          });
  
  // ]]&gt;&lt;/script&gt;
  
  &lt;select id="demosMenu"&gt;&lt;option id="background" selected="selected"&gt;Choose Demo&lt;/option&gt;&lt;option id="background"&gt;Background images&lt;/option&gt;&lt;option id="backgroundVideo"&gt;Background video&lt;/option&gt;&lt;option id="gradientBackgrounds"&gt;Gradient backgrounds&lt;/option&gt;&lt;option id="looping"&gt;Looping&lt;/option&gt;&lt;option id="noAnchor"&gt;No anchor links&lt;/option&gt;&lt;option id="scrollingSpeed"&gt;Scrolling speed&lt;/option&gt;&lt;option id="easing"&gt;Easing&lt;/option&gt;&lt;option id="callbacks"&gt;Callbacks&lt;/option&gt;&lt;option id="css3"&gt;CSS3&lt;/option&gt;&lt;option id="continuous"&gt;Continuous scrolling&lt;/option&gt;&lt;option id="normalScroll"&gt;Normal scrolling&lt;/option&gt;&lt;option id="scrolling"&gt;Scroll inside sections and slides&lt;/option&gt;&lt;option id="navigationV"&gt;Vertical navigation dots&lt;/option&gt;&lt;option id="navigationH"&gt;Horizontal navigation dots&lt;/option&gt;&lt;option id="fixedHeaders"&gt;Fixed headers&lt;/option&gt;&lt;option id="apple"&gt;Apple iPhone demo (animations)&lt;/option&gt;&lt;/select&gt;
  &lt;ul id="menu"&gt;
      &lt;li data-menuanchor="firstPage"&gt;&lt;a href="#firstPage"&gt;First slide&lt;/a&gt;&lt;/li&gt;
      &lt;li data-menuanchor="secondPage"&gt;&lt;a href="#secondPage"&gt;Second slide&lt;/a&gt;&lt;/li&gt;
      &lt;li data-menuanchor="3rdPage"&gt;&lt;a href="#3rdPage"&gt;Third slide&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="section " id="section0"&gt;
  &lt;h1&gt;fullPage.js&lt;/h1&gt;
  Configure the scrolling speed!
  
  &lt;img alt="fullPage" src="imgs/fullPage.png" /&gt;
  
  &lt;/div&gt;
  &lt;div class="section" id="section1"&gt;
  &lt;div class="slide"&gt;
  &lt;div class="intro"&gt;&lt;img alt="Cool" src="imgs/1.png" /&gt;
  &lt;h1&gt;Slow scrolling speed&lt;/h1&gt;
  In case we want to make a site for old people, for example :)
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="slide"&gt;
  &lt;div class="intro"&gt;&lt;img alt="Compatible" src="imgs/2.png" /&gt;
  &lt;h1&gt;Landscape too&lt;/h1&gt;
  Also applied to landscape slides. Great uh?
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="section" id="section2"&gt;
  &lt;div class="intro"&gt;
  &lt;h1&gt;Slooooooww&lt;/h1&gt;
  Now you can try other demos!
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>